メッセージの編集
お名前
本文
長文にわたるお返事ありがとうございます。試してみましたが、やはりjQueryが作動しなかったので下記を送らせていただきます。URLや固有名詞を伏せてのソースコード表示は要検索とのことでしたが、どうしても見つからなかったので自分の判断で伏せて送ります(テンプレートは自作です)。 @全体レイアウトの内容 <header> <button type="button" class="button"> <span class="fa fa-bars" title="MENU"></span> </button> <ul> <li><a href="#">info</a></li> <li><a href="#">main</a></li> <li><a href="#">date</a></li> <li><a href="#">contact</a></li> </ul> </header> <div class="container"> <div class="logo"> <h1>サイト名</h1> <p><a href="#">ランク</a> <a href="#">ランク</a> <a href="#">ランク</a></p> </div> </div> <style type="text/css"> @charset "UTF-8"; body{ margin:0; } .container{ text-align: center; background-image: url(#画像url#); background-size:cover; background-position:center; height:100vh; align-items: center; justify-content: center; display:flex; } .logo h1{ color:#ffff00; font-family: 'Turret Road', cursive; font-size:15vw; margin-top:0; margin-bottom:10px; font-weight: 100; letter-spacing: 0.2em; } .logo a{ text-decoration:none; font-family: 'Turret Road', cursive; color:#ff00ff; font-size:18px; margin-top:0; margin-bottom: 0; } header{ position: absolute; top:0; left:0; z-index: 100; width:100%; align-items: center; text-align: right; opacity:0.0; } header ul{ margin:0; padding:0; list-style: none; display:none; } header a{ display: block; padding:15px; color:#ffff00; font-size: 12px; text-decoration: none; font-family: 'Turret Road', cursive; text-align: center; } header a:hover{ background-color: rgba(255,255,255,0.3); } header .button{ margin-right: 10px; padding:0; border:none; outline:none; background:none; font-size:30px; cursor:pointer; color:#ffff00; } /* コンテンツページ */ div {display: inline-block; _display: inline;} .back{ background-image: url(img/viewer.jpg); background-size: cover; background-position: center; width:100%; display: flex; } .show{ background-color: rgba(255,255,255,0.5); width:90%; height:90%; margin-right:auto; margin-left: auto; margin-bottom: 10px; margin-top: 10px; padding:10px; } .show h1{ font-family: 'Turret Road', cursive; font-size:20px; color:#ffff00; border-bottom: solid 3px #ffff00; position: relative; } .show a{ text-decoration: none; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif; font-size: 14px; color:#000; } .show a:hover{ background-color: rgba(0,0,0,0.3); } </style> Ahead内編集の内容 <link href=グーグルフォントURL> <script src=フォントアウェサムURL></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script> $(function(){ $(".button").click(function(){ $("ul").slideToggle(); }); }); </script> 以上になります。jQueryのURLは、適当に検索で出てきたものを使用してしまいこれでいいのかわからなかったのであえて載せさせていただきました。問題があるようであれば削除いたします。 お手数をおかけしますが、よろしくお願いします。
編集パス
編集
記事削除
×
「#エロ」のBL小説を読む
BL小説 BLove
- ナノ -