「 月別アーカイブ:2017年08月 」 一覧

cssだけでドロップダウンメニューを実装(軽い!)

2017/08/29   -サイト制作メモ
 

ドロップダウンメニューをcssだけで実装できる方法があるらしい。 jsファイルの読み込みがないなら軽くていいなぁと思いやってみた。 まずはhtml 一般的な入れ子構造のリストです。 <heade ...

スライドショーの画像を切り抜いたように表示する

よくあるスライドショーで 上だけ丸みを帯びていたり、波打っていたり、三角になっていたりと フレームの中でスライドショーが動いてるやつがやりたくて調べていたところ意外と簡単にできることがわかった。 次回 ...

stinger8/記事のサムネイル画像を◯(丸型)にしてみる

シンプルなテンプレートstinger8のカスタマイズです。 カテゴリページの記事一覧などにも使える簡単なcssです。 画像を丸く表示しておいて、 オンマウス時に四角にもどします。 動きをなめらかにする ...

stinger8/オンマウス時、一覧表示の画像をズーム(拡大)させる

シンプルなテンプレートstinger8のカスタマイズです。 サイトを作ってカテゴリを作り、記事を書くとカテゴリページに記事一覧が画像と一緒に(アイキャッチ画像が設定されていれば)表示されます。 このサ ...

stinger8/トップページに新着記事を表示してみる

シンプルなテンプレートstinger8のカスタマイズです。 トップページに新着記事(お知らせ、みたいな)表示させたい事って多いですよね。 まぁブログはもともと最新記事が表示されるようになってるので必要 ...

stinger8/サイドバーのリストの間隔をあけてみる

シンプルなテンプレートstinger8のカスタマイズです。 サイドバーにあるタイトルの装飾ができたので次はリストの間隔をあけてみます。 「ad」というクラスがついたdiv内にあるliに対しての指定なの ...

stinger8/サイドバーのタイトルを装飾してみる

シンプルなテンプレートstinger8のカスタマイズです。 サイドバーにあるタイトルを装飾してみます。 まずは子テーマを作成後(方法は割愛します)style.cssを作成 サイドバーのタイトルには「m ...

翻訳する