スポンサーサイト 

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。



にほんブログ村 デザインブログへ

ブログ等で簡単な処理を! 

今回はスタイルシートでブログ等、ちょっとした枠等で表現したいときに簡単に出来るやり方を説明します。
ここは別枠で!って時にはこんな処理を!
簡単に雰囲気がかえれて便利ですよ!その1

ここは別枠で!って時にはこんな処理を!
簡単に雰囲気がかえれて便利ですよ!その2

ここは別枠で!って時にはこんな処理を!
簡単に雰囲気がかえれて便利ですよ!その3

興味の有る方は続きをどうぞ!
使い方は簡単。
htmlやcss等が分からない方にも分かるやり方を説明します。

今回はFC2のブログでの使い方を前提に説明していきますね!

まずはブログの管理画面にはいり「環境設定」の「テンプレート設定」を選択してください。

2009y04m07d_000634066.jpg
すると現在使っているブログのHTMLとスタイルシートが編集できる画面に変わります。
HTMLはそのまま無視して今回はスタイルシートに変更(追加)をします。

変更箇所はどこにでもいいんですが分かりやすくするために一番最後のところに以下のものをコピーして貼り付けてください。

.waku001 {
color: #333333;
background: #FFFFCC;
margin: 15px 3px;
padding: 8px;
border: 1px solid #663333;
}
.waku002 {
color: #CCCCCC;
background: #000000;
margin: 15px 3px;
padding: 8px;
border: 1px solid #CCCCCC;
}
.waku003 {
color: #FFFFFF;
background: #990000;
margin: 15px 3px;
padding: 8px;
border: 1px solid #FFCC33;
}


んで、更新を押します。コレで準備完了!


あとは新たにブログを書き、囲みをしたい文章に一工夫。

<div class="waku001">ここに文章を</div>
するとブログではこのように表示されます。

ここに文章を




これはwaku001の設定ですが先ほどスタイルシートに貼り付けたものは002と003も有りますので自分の好みで変えて使ってください。
他のブログでも多分CSS(スタイルシート)の編集はできると思います。
色や線幅、文字とケイの間隔などが調整できますのですこし触ってみるのも楽しいと思います。

関連記事



にほんブログ村 デザインブログへ

iPodがボイスレコーダーに | HOME | 参考資料を見直してみよう。

COMMENT

COMMENT FORM


TO SECRET
 

TRACKBACK URL to this Entry

TRACKBACK to this Entry

| HOME |


 ランキングに挑戦してます!

もしお役に立てたなら・・・・
ありがたいものです。 

にほんブログ村 デザインブログへ

アクセスアップ.NET - SEOでアクセスアップ

blogram投票ボタン

 calendar

S M T W T F S
- 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31 - - -
04« 2017/05 »06

 ご訪問感謝!

 プロフィール

ProMax

Author:ProMax
どうも!DTPデザイナーとして15年目。
最近はwebなどもメインでやってます。
イラレやフォトショの初歩から
プロの使い方を分かりやすく解説していきます。
ちょっとしたデザインのステップアップになるかも!
教えてほしいことがあればどんどん言って下さいね!
教えれることなら・・・・教えますよ!

 最新記事

 最新コメント

 RSSリンクの表示

PageTop▲
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。