ブログのタイトルと下のブログ説明文の位置がいや＞＜
なんで中央ぞろいなん、なんかしっくりこない…
まずはこれから直してみよう＾＾
amebaマイページから、えんぴつアイコンの「アメブロ」をクリック
デザインの変更をクリック
CSSの編集をクリック
お!
コメント付きでCSSが＾＾
結構親切♪
ともかく、この中央ぞろいを左に寄せたい!
特にこの下の文字が、座りが悪いのが気に食わんのです。。
CSSを見ていくと…
/* (2-2) ヘッダータイトル、説明文
--------------------------------------------*/
/* ブログタイトルエリア、ヘッダー画像の下にテキストを隠す */
.skin-blogTitle {
z-index: -1;
}
/* ブログタイトル */
.skin-blogMainTitle {
color: #333333;
margin-bottom: 10px;
font-size: 27px;
}
/* ブログ説明文 */
.skin-blogSubTitle {
color: #999999;
font-size: 16px;
}
/* ヘッダータイトル */
.skin-headerTitle {
padding-top: 80px;
padding-bottom: 80px;
text-align: center;
}
--------------------------------------------*/
/* ブログタイトルエリア、ヘッダー画像の下にテキストを隠す */
.skin-blogTitle {
z-index: -1;
}
/* ブログタイトル */
.skin-blogMainTitle {
color: #333333;
margin-bottom: 10px;
font-size: 27px;
}
/* ブログ説明文 */
.skin-blogSubTitle {
color: #999999;
font-size: 16px;
}
/* ヘッダータイトル */
.skin-headerTitle {
padding-top: 80px;
padding-bottom: 80px;
text-align: center;
}
発見!!ヘッダータイトルなるものを!
なんか
text-align: center;
とかあった
center、センター、中央、多分これに違いない!
centerぐらいの英語わかります、自分
text-align: center;の前に
/
★注意★必ず半角を使いましょう!CSSを弄る時は半角英数で!!
を入れてみる＾＾
/text-align: center;
(なんで/なのかは、ここでは気にしないでください。呪文です、リレミトとかベホイミとかルーラとかと同じだと思うと気持ちが楽になります＾＾)
よし準備は出来た!!
おお、保存ボタンの上に、表示を確認するとある!
amebloさんどこまで親切なんだ。。。
ポッチと押す
おおおおお、左にいごいたぁあああ
納得です。
しかぁし!
ブログ説明文の文字の色が薄いのと、もっと太くしたい!!
老眼の自分が見るにはコタエます＞＜
/* ブログ説明文 */
.skin-blogSubTitle {
color: #999999;
font-size: 16px;
}
.skin-blogSubTitle {
color: #999999;
font-size: 16px;
}
colorうん、色かぁ、ええ読めますよ英語でcolorは色多分ここ
さて後ろに付いてる＃(シャープ)と不思議な数字?
うーーんきっと黒っていうぐらいだら、数字を何か適当に入れてみよう!
やはり0でしょぉｗ黒なにもない、真っ黒なんでゼロ!
/* ブログ説明文 */
.skin-blogSubTitle {
color: #000000;
font-size: 16px;
}
として….skin-blogSubTitle {
color: #000000;
font-size: 16px;
}
表示を確認クリック!
おお黒になったぁ＾＾
実はカラーコードと言う物があります。
#XXXXXXで色を表しているコードでXに入る文字は
0～9 A～F になります＾＾
#000000は黒で#FFFFFFは白。
色を調べる時に使ってるサイトです。
TAG IndexさんのWeb Safeカラー 216色です
さて次は文字を太くしたい!!
はいここでまた呪文です!
深く考えてはいけません、文字を太くする呪文はこれ
font-weight: bold;
/* ブログ説明文 */
.skin-blogSubTitle {
color: #000000;
font-size: 16px;
}
.skin-blogSubTitle {
color: #000000;
font-size: 16px;
}
にぶち込みます!
/* ブログ説明文 */
.skin-blogSubTitle {
color: #000000;
font-size: 16px;
font-weight: bold;
.skin-blogSubTitle {
color: #000000;
font-size: 16px;
font-weight: bold;
}
として…
表示を確認クリック!
うっす!これで老眼の俺でもハッキリみえるぜ!!
後は保存ボタンをクリックして終了!
結構簡単です＾＾
ここからは真面目な話
CSSはHTML(WEBページを作る時の言語)をさらにカスタマイズ出来る言語として、後から生まれました。
とっつきづらい感じはありますが、ちょこっとのことで、ページの見栄えを変えることが出来ます。
興味がある方はZUJAが、HTMLとCSSを調べる時に見てるサイトがありますのでリンク張っておきます。
なんかタグとかスタイルシートとか色々用語がありますが、いじってナンボかと思ってますので、勇気をだしてやって見るのもいいかもです♪
TAG Index http://www.tagindex.com/
なお、このブログ読んで、不具合や問題が生じても当局は一切関知しない。
なおこのテープは自動的に消滅する。幸運あれ
ドドドッドーデェ、ドドドッドーデェ(5拍子のつもり)
ZUJA
PS
ジャンルを変えたとたん、ページビューが上がりました。
ありがとうございます。