文字の大きさの変更とサイドバーメニューにアイコン追加 | lilychien-fc2012

lilychien-fc2012

ショートストーリー、イラスト制作(練習中)記事、音楽関係、日常の話題など・・・気ままな日記です。

ちょいと一歩進めてみようと、2つのことにチャレンジ!!

❤まず、少し小さめに見えた「記事の文字」のサイズを変更してみました。

CSSの編集ページを開き、/* skinArticle 記事エリア */のところ・・・

文字の大きさを1.2に変更してみます。

フォントサイズを1.0から1.2に。

padding:16px 0;
border:1px solid #dddddd;
background:#FFCCFF;/
font-size:1.2em;} ← ここを変更しました。

❤次にサイドメニューにアイコンをつけてみました。




lilychienさんのこの画像を、小さくicon化してみました。

.skinMenuHeader{

background:url(ここにアップロードした画像のパスをコピーします) no-repeat;

background-position:4px 70%;

padding-left:50px;}

今回、アイコン化の際に使ったエディターは

http://ao-system.net/winicon/index.php

を使いました。

試行錯誤で、カスタム方法を取得中ですので、今見ているページは

あくまで完成までのプロセスです。ご容赦ください。


完成品は、全く異なりますので・・・悪しからず。



今日はこのへんで・・・☆彡