忍者ブログ

気づきの記録

日常の中の小さな気づき。忘却の中に浮かぶかすかな記憶…。

NEW ENTRY

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

  • 04/25/12:57

スタイルシート


仕事が比較的早く終わったので、家に帰ってからずーっと

yaplogのカスタマイズにいそしんでおりました。

カスタマイズといっても色を変えたり、フォントサイズを変えたり、

その程度なんですが。



HTMLは独学できちんと勉強しているわけではないので

簡単なものしか分からないんですよね。

ましてやスタイルシートなんて、奥が深すぎてあまり手を付けてこなかった。

yaplogのカスタマイズをするにあたって、いろいろなブログを検索して

勉強になりました。



こんな私でも一応サイトを持っているんですが、難しい技術や凝った作りは

全くしていないので、ブログのカスタマイズが一番大変だったなぁ。





スタイルシートカスタマイズの覚書>



blog のタイトルを画像にして、自分のblogのトップへリンクを貼る。

メインテンプレート、アーカイブテンプレート、1記事テンプレート

13行目の{$BlogName$}を削って、<a href>タグと<img>タグを

書き込みます。

メインだけ書き換えても、反映されなかったのでとりあえず3つとも

書き換えてみました。



<h1>

<span class="blog_title">

<a href="http://yaplog.jp/*******/" target="_self">

<img src="http://xxxx.xxxxx.co.jp/img/blogtitle.jpg"

width="282" height="42" border="0">

</a>

</span>

</h1>



画像はフルパスで。

リンクにしているので、border="0"を入れないと太い枠が

表示されてしまいます。
PR

やっとこプロフィール


サイドバーにプロフィール欄を作りたくて色々検索して

とりあえず作成に成功しました。

絵日記さんやぶろろぐさんの記事を参考にさせていただきました。

まだ、ブログというものに慣れないですね。



ソースはこちら



<div class="side">

<div class="side_title">

profile

</div>

</div>

<div class="side_text">

H.N. / シイバハル

<br>

性別 / 女

<br>

職 / 鈑金塗装工場の回送員

<br>

趣味? / アロマインストラクターをめざして勉強中

</div>





探してみるとみなさん見やすく、かっこよくカスタマイズされていて

「私もやりたーい」と思うのですが、HTMLのソースを理解し切れて

いないのが致命的です。



今まで日記はコツコツHTMLで書き出していたので、

ブログツールは楽で良いやぁ。

つづきはこちら