記事の文字サイズを変えてみる、、、失敗(ﾟωﾟ;A)タイトルサイズが変更された笑。

記事背景を透明にしたら文字が見えにくい!!
少しサイズを大きくしたいんだけど･･･

スタッフさんのブログにはブログタイトルの文字を変える方法しかない･･･。

/* (1-2) ブログタイトル文字
--------------------------------------------*/

/* skinTitle ブログタイトル文字 */
.skinTitle,.skinTitle:visited,.skinTitle:hover,.skinTitle:focus{
color: skyblue ;　（←文字の色　red, black, blue など色を入れられる ）
font-weight: normal ; 　(←文字の太さ　bold=太め normal=普通 などが入れられる)
font-size: 20px ;　（←文字のサイズ　12px=小さめ 14px=普通 16px=大きめなど px や em という単位で数字が入れられる）
}

/* skinDescription ブログの説明文字 */
.skinDescription{
color:#333;

これを参考しにして出来ないかな～と･･･。

編集前は↓
* (1-3) 記事／メッセージボード内の文字のスタイル
--------------------------------------------*/

/* skinArticleTitle 記事タイトル文字 */
.skinArticleTitle,.skinArticleTitle:hover,.skinArticleTitle:focus,.skinArticleTitle:visited{
font-size:1.31em;
font-weight:bold;
color:#0066cc;
}

ここがサイズだよね？？
では、大きめに3emくらいで･･･


* (1-3) 記事／メッセージボード内の文字のスタイル
--------------------------------------------*/

/* skinArticleTitle 記事タイトル文字 */
.skinArticleTitle,.skinArticleTitle:hover,.skinArticleTitle:focus,.skinArticleTitle:visited{
font-size:3em;
font-weight:bold;
color:#0066cc;
}

って･･･これは記事のタイトルのサイズの所かっ(ﾟωﾟ;A)

CSS記事を半透明にする

記事欄の半透明･･･
失敗しちゃってたヤツΣ(`･ω･´；)

まず手直し前･･･。

/* (3-6) 記事
--------------------------------------------*/

/* skinArticle 記事エリア */
.skinArticle{
/* 注　ベースのcssに margin-bottom の記述有り */
padding:16px 0;
border:1px solid #dddddd;
background:#ffffff;/* ←記事に背景を敷きたいとき */
}
.skinArticle2{}
.skinArticle3{}



ここを変えて行くんだけど･･･
取りあえずスタッフさんのブログを参照にして入れ込んで見ましょう(。-`ω´-)



/* (3-6) 記事
--------------------------------------------*/

/* skinArticle 記事エリア */
.skinArticle{border:0;
background:url(http://stat100.ameba.jp/common_style/img/skin/cmn/bg/transparent/transparent_fff_8.png);

/* 注　ベースのcssに margin-bottom の記述有り */
}
.skinArticle2{}
.skinArticle3{}


取りあえずスタッフさんのをそのまま･･･。
少し半透明になってる！！




黒背景のが似合いそうなので最後の
transparent_fff_8.png

ここを少し変えてtransparent_000_8.png
これで黒の半透明･･･。



アヤシイサイトのようだｗｗｗｗ
私の考えではたぶん･･･

transparent_000_8.png
ココが透明度なんじゃないかと！！



transparent_000_2.png);
取りあえず２くらいにしてみる。





よし！なんとか記事背景無事に透明に(*>ω<*)

文字見えにくいけど･･･笑。

CSS編集・背景に画像を置く

第二段階目・背景に画像を置く

取りあえずＴＥＲＡ自キャラをペタペタ
赤文字が追加した画像のパスってやつ。

画像のパスとか言われても分らないよねぇ(ﾟωﾟ;A)
下記画像の上の所の赤矢印に好きな画像を入れてアップロード
するとピンク矢印が出来るのでこれを貼る。


ただ入れるときにそれだけじゃダメΣ(`･ω･´；)
必ずその前にbackground:urlを忘れずに～(つω｀*)



/* (3-1) ボディ（全体）
--------------------------------------------*/


/* skinBody ボディ */
.skinBody{background:url(http://stat.blogskin.ameba.jp/blogskin_images/20110904/08/5e/ac/j/o16801050tera-aither1315091788783.jpg)}
/* ←ブログ全体に背景を敷きたいとき */
.skinBody2{}
.skinBody3{}




/* (3-2) ブログヘッダー
--------------------------------------------*/