ブログのデザイン変更 ― 2010年03月31日
気分次第で、時々変更するのだけど、なんか馴染めない。
管理画面に出てくる、CSS(スタイルシート)をいじれば自分好みのカスタマイズが出来るのだけれど、いまだ、HTML(Web用言語)ですら初心者の域をだっしない者にとってはハードルが高い、高すぎる!
それでもと、簡単なテンプレートを選び、CSSの画像部分だけ自分で作成して差し替えて作ってみた。(元画像を縦に倍にして、イラスト貼り付けただけ)
最初は↓だった。
体重計だか、ドラえもんのタイムマシンだかわからないイラストも、ウ~んダメ!
・・・で、このデザインになった。
←この項目の、【RSS】と【ログイン】部に足が生えちゃったのはご愛敬、でもなんで?
後記
自己解決!padding-top と height の関係だった。いと難し。
後記2
みぃ~ちゃんのご教授で、みごと画像でのリンクタイトルにすることが出来ました。
しかし、スタイルシートをSSCと記述してました(ハズカシ)、力量が計られますね。
正解はCSS(Cascading Style Sheets)でした。
コメント
_ みぃ~ちゃん ― 2010年03月31日 14時24分
_ とらちち ― 2010年03月31日 18時37分
御自ら実例まで作成頂きありがとうございます。
文字だけグラフィックで付くってはめると、浮きそうですので、作ったタイトル部分をそのままタイトル画像として、乗っけました。
位置調整がどの記述か見つけるのに手間取りましたが、うまく行きました。
エエ感じや~!
なんせ、CSSをSSCと書いてしまうぐらいの力量ですからお許し下さい。
禁マクド、禁吉牛、禁コンビニです!
ビールは、警告(黄色)に直しました。
トラックバック
このエントリのトラックバックURL: http://torachichi.asablo.jp/blog/2010/03/31/4985590/tb
であれば、文字部分だけの画像をつくって
基本設定のブログの『タイトルの表示形式』の『タイトル画像のURL』に文字の入った画像のURLを入れればいいです。
私のブログで試しましたので、参考にしてください!
左中央に表示するので位置はCSSで調節してください。
ところで、ビールとハンバーガーを断つの?
おみそれいたしました。