アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦! -200ページ目

幕末古写真ジェネレーター

幕末古写真ジェネレーター
-写真を江戸時代~明治時代の古写真ぽくします-


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


使い方はカンタンです

写真をアップして「古写真風にする」だけで・・・・

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!



こんな写真が・・・・

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!



こんなんなっちゃいました・・・・

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!



ここで使っている写真は

2000ピクセル以上のフリー写真素材集
http://sozai-free.com/

CSS ユーザーナビ、タイトル、概要の位置

せっかく概要に改行 が使えるのですから位置も動かしてみますか?



アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!



#userNaviArea a#userNickName{/*ユーザーナビ*/
padding-left:50px !important;/* a */
}
#header h1{
padding-top:35px;/* b */
margin-left:50px;/* c */
}
#header h2{
padding-top:35px;/* d */
margin-left:300px;/* e */
}


もし・・・文字色や文字サイズを変更する場合は

#header h1,
#header h1 a{/*タイトル*/
color:#ffffff;/* 文字色 */
font-size:25px;/* 文字サイズ */
}
#header h2{/* 概要 */
color:#ffffff;/* 文字色 */
font-size:11px;/* 文字サイズ */
line-height:1.15;/* 行間 */
}




ユーザーナビを消したり色を変えたり変更は

http://ameblo.jp/exlink/entry-10134141851.html



またユーザーナビを表示していない場合は上のCSSで


#userNaviArea a#userNickName{/*ユーザーナビ*/
padding-left:50px !important;/* a */
}


この部分は必要ありません

CSS 概要の改行・・・って出来ますか?

みなさまはヘッドのタイトルの下・・・

概要って改行できないから不便だって思っていませんか?


じつは・・・

ここのブログの概要・・・・

見えてはいませんが

3行になっているんです

ご存知でしたか? ・・・・・ 見えていないんですからわかるわけがないですね





アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


せっかく改行をいれても・・・ 実際は改行されていません・・・・

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!




そこで登場・・・・ 魔法のCSS  CSSの編集で最後に加えてください

#header h2{/*概要を改行*/
white-space:pre;
}


CSSの編集が使えないスキンでフリープラグインに書く場合

<style type="text/css"><!--
#header h2{white-space:pre;}
--></style>


あ~ららっ ・・・ 改行を入れたところで改行されています

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!






ここのブログを読まれてタイトル、概要は消しているから関係無いって思われている あ・な・た・・・

大きな間違いをおかしていますよ


http://ameblo.jp/exlink/entry-10173930306.html

この記事でも書いていますが

概要はタイトルの次に大事なんです!

あっ・・検索に出てくるためにですよ・・

せっかく全角128文字もキーワードを入れてくださいって言っているのと同じなんですから使わなくちゃ

見えていませんが改行も1文字、スペースも1文字です


タイトルは・・・・ 出来なかったです・・・・




風邪がなおりません・・・

会社に休みますって電話をしました

正月に続いて2回目・・・・  やはり今年も運が悪そうです・・・・