*

STINGER3で見出しのカスタマイズ

公開日: : 最終更新日:2014/09/24 WordPress

Androidアプリのためのブログ製作だったわけですが、STINGERをいじる事が楽しくて全くアプリに手を出せてません。

早くブログの見た目をなんとかしたい欲求に勝てません。

 

見出しのカスタマイズ

見出しを変えていきます。

デフォルトは↓な感じです。

defo2

皆さんが使ってますので良く見ますね。

やっぱり他人とは少しだけでも差をつけたい。

というわけで変えてみましょう。

参考はえけこのくるるさんWebparkさん、TMlifeさんです。

 

まずh2は背景をつけて左線と下線を引いてみます。

カスタムh2

うん、やっぱり色があると違います。

これはstyle.cssのh2にこれを加えました。

色やら線の太さやら直線点線、色々試してみてください。

 

次にh3です。箇条書き等に使えるようなデザインでかっこいいもの!

と頑張ってCSS工夫して擬似要素使ってやってみたんですが、なぜかトップページの見出しのh3まで変わってしまい、解決しなかったので諦めました。

でもオリジナルのままじゃ悔しいのでちょっとだけ変更。

下線を太くして色つけて点線を直線にしただけです。

カスタムh3

 

最後にh4です。

カスタムh4

あんまりしつこくなく、あっさりとした感じのものにしました。

.post h4の下に次のソースを挿入してます。

これで少しは見た目が色づいて、個性が出てきたでしょうか?

サイドバー

関連記事

STINGER3のサイドバーの新着記事欄をそれなりにカスタマイズする

もともとかっこいいので、今更劇的な変化は無いですのでそれなりにやってみます。 サイドバーのNEW

記事を読む

WordPressでソースコードを綺麗に表示させる

いろいろとSTINGERをカスタマイズしたいのですが、それと共にブログも書こうと思っています。

記事を読む

no image

Google Playの検索順位を上げるには

アプリを作るだけでは誰も見てくれない Androidアプリを作っては見たものの、単にGoogleP

記事を読む

Stinger3にGoogle AdSenseを追加してみる

最初に断っておきますが、他のページに良くあるようなGoogle AdSenseを貼り付ける場所のカス

記事を読む

STINGER3の小ネタカスタマイズをいくつか

簡単にできるものを一気にやってしまいます。 TOPページの記事一覧の区切りに点線を入れる &nb

記事を読む

サイドバー

Message

メールアドレスが公開されることはありません。

サイドバー

  • Androidを勉強中のはずがWordPress、html、css、UNITY、とにかく寄り道しすぎて本題が進まない40歳。小学生男児あり。趣味は競馬・パチスロというダメ人間
    harufath.comとは
PAGE TOP ↑