maroom

文房具や生活情報を中心に気ままに更新しています

【Web】

reset.cssの罠

フッターを固定したら 仕事で管理してるサイトのレイアウトを変えたら本文が短くてフッターが浮いてしまうページが出来てしまい、こちらのページを参考に修正。 allabout.co.jp で、フッターの固定自体は上手くいきまして(画像はサンプル)、 他のページ(…

「はてなブログに簡易メニューバーを追加」について(ご注意)

以前書いた「はてなブログに簡易メニューバーを追加」の記事についてです。 こちらの記事に簡単なメニューバーを作るためのHTMLタグとCSSを載せたのですが、お使い頂いているらしいブログ様の中に、記事中のリンクタグごとそのままコピペされている方をちら…

はてなブログにCSS3でドロップダウンメニューを追加

お久しぶりです。ゆいとまるです。 刀剣乱舞にハマって気が付いたら4ヶ月過ぎてました。 トーハクまでおじいちゃん見に行ったりしてました。天下五剣はふつくしかったです。 一緒に兼さん厨もいました。綺麗でした。さて、そんな放置しまくってる間にも、あ…

はてなブログに簡易メニューバーを追加

「どうも見づらいのう(´-ω-`)」ということで、またもやブログのデザインを変えました。これで納得しているわけではないので、また変えるかもしれません。javascript使えばもっと色々出来るんですが、あまり詳しくないし重たくなるので多用は避けたいところ。…

はてなブログ内のリンクを新しいタブ(別窓)で開く方法

はてなブログはリンクの開き方が選べない はてなブログでリンクを貼ろうとすると、自分でタグに「target="_blank"」を追加しないと全部同一タブ(同窓)で開いちゃうんですね。 新しいタブ(別窓)で開くか同一タブ(同窓)で開くか、設定で選べなくて。 「…

ブログアイコンとアイキャッチを設定してみたよー

はてなブログはブログアイコンとアイキャッチが自分で設定できる ブログアイコン あなたのブログを表すアイコンです。ブラウザのタブやお気に入り、スマートフォンのホーム画面などで使われます。 アイキャッチ画像 注目エントリーやSNSシェアなどで利用され…

jQuery slideToggleを使った折りたたみメニューの重複

※旧ブログからの記事です。 jQueryを使って折りたたみメニューを作る際に、 「折りたたみメニューの中に別の折りたたみメニューを入れ込みたい」時のコード。ほぼ自分のメモ用です。CSSやCLASS名の追加は省略。 jQuery-2.1.1.min使用。 ◆HTML ◆header <script src="jquery-2.1.1.min.js"></script>…※1 <script> …