いらっしゃいませ~!
 最近は創作活動ばっかりでTWサボり気味ですが、生ぬる~く見守ってやってくださいヽ(´ー`)ノ
 ●このブログについて(必ずお読みください)・キャラ紹介はこちら

■2012年3月28日 このブログに関する注意書きを追加しました。

■2012年3月11日 リンクに愉快な書きなぐり様を追加しました。

■2012年1月15日 年賀状企画終了しました。ありがとうございました!

■2011年12月6日 年賀状企画開始しました。交換できる方もそうでない方もお気軽に!

■2011年10月10日 今更キャラ紹介ページが見やすくなりました。

■2011年9月28日 リンクにLenten rose様を追加しました。

■2011年9月20日 企画の投票が終了しました。結果はこちらです。ありがとうございました!

■2011年9月8日 リンクにひだまりポット様を追加しました。

■2011年9月8日 10000アクセス記念企画開始しました。どんどんご参加ください(* ̄ω ̄)ノ

■2011年8月27日 【その他】カテゴリのリンクを追加・削除しました。

■2011年8月19日 ブログ移転完了しました!デザイン変更・調整は随時行っていきます。

 応援ちう(* ̄ω ̄)ノ

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

--/--|スポンサー広告||TOP↑
 先日のふざけたハウツーに拍手ありがとうございました。あの記事が最も拍手数が多かったのでびっくりです。
 という訳でお礼イラストを描きました、存分に萌えてください。


arigato.jpg




 (^^)






 ちょこちょこ聞かれるのですが、ブログのトップにあるお知らせ欄みたいなものは記事ではなく、テンプレートに直接ソースを埋め込んでいます。アメーバには標準搭載の機能でしたが、FC2にはないっぽいのでそうしました。
 どのページに行っても毎回表示されるという鬱陶しいことにはなりますが、広告が入らないのでいくらかすっきりして見えます。

 以下にソースを貼り付けておきますので、よろしければお使いくださいませ~。
 幅や色などはまんま私のブログ仕様ですので、適当に改変してください。



 HTML↓


<div id="message">

<p>メッセージ欄なのよ</p>
<div id="scr">
<p><span class="font-ai">■20XX年○月×日</span> お知らせその2</p>
<p><span class="font-ai">■20XX年○月×日</span> お知らせその1</p>
</div>

<div id="ouen" class="cf">
<p>バナー部分なのよ</p>
<div class="bn-l"><a href="http://サイトURL" target="_blank"><img src="http://バナーURL" border="0" width="200" height="40" alt="バナー1"></a></div>
<div class="bn-r"><a href="http://サイトURL" target="_blank"><img src="http://バナーURL" border="0" width="200" height="40" alt="バナー2"></a></div>
</div>

</div>



 CSS↓


/*clearfixここから*/

/* For modern browsers */
.cf:before,.cf:after {
content: "";
display: table;
}

.cf:after {
clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
zoom: 1;
}

/*clearfixここまで*/


/*お知らせ部分ここから*/

#message {
width: 610px;
background: url(http://背景URL) no-repeat;
margin: 0 10px 20px 0;
font-size: 12px;
line-height: 150%;
text-align: left;
padding: 20px;
border: 1px dashed #8298be;
}

#message p {
margin-bottom: 10px;
}

#scr {
height: 50px;
overflow-y: scroll;
border: 1px solid #cccccc;
padding: 10px;
margin-top: 10px;
}

#ouen {
height: 65px;
padding-top: 10px;
}

#ouen p {
margin-bottom: 5px;
}

.font-ai {
color: #2e4b7f;
}

.bn-l {
width: 200px;
float: left;
margin-right: 15px;
}

.bn-r {
width: 200px;
float: left;
}

/*お知らせ部分ここまで*/



 ちょっと便利なことその1はこちら
 こちらはCSSのない、初心者向けタグ解説っぽいものです。



関連記事
スポンサーサイト

10/07|その他コメント:(3)トラックバック:(0)TOP↑
この記事にコメント:
わーすげー
私のブログはプラグインからでした。
さすがデザイナーさんだけあって、ぱぱっとできちゃうもんなのですね……!うやらましい。

ハウツーはかっこよいイラストだったので、今回はかわいいイラストですね!(^o^≡^o^)
かわいく線画→かわいく色塗り→かわいく頬染め→かわいく背景
c⌒っ゚д゚)っφ メモメモ...
From: ぐりこ * 2011/10/07 17:23 * URL * [Edit] *  top↑
わかりやすー。
わりと簡単そうだし
おれもやってみるかなー^^
From: けみ * 2011/10/08 14:56 * URL * [Edit] *  top↑
なぬ
>ぐりさん
 なななんとプラグインがあったのですかΣ( ̄□ ̄;) 知らなかった……。
 こんなめんどくさいことしなくても良かったのですね\(^o^)/

 もえもえうふふなイラストにしようと、3分もかけて描いてあげました。参考になりましたら幸いです(にっこり)


>けみぃ
 素直に全くわかんねぇって言えばいいのに(^ω^)

 でもこれはわりと簡単だよ、冗談抜きで。ぜひやってみてね!
From: くるみ柑 * 2011/10/08 20:21 * URL * [Edit] *  top↑
名前:
タイトル:
メールアドレス:
URL:
コメント:

パスワード:
管理人だけに表示:
管理者にだけ表示を許可
この記事にトラックバック:
Twitter
プロフィール

くるみ柑

Author:くるみ柑
白テチと物理ランジメインでマイペースに活動中。基本ソロプレイだけどチームプレイも好き。
師匠師匠うるさくてごめんなさい。

最新記事
カテゴリ
最新コメント
リンク
【公式】
テイルズウィーバー公式サイト
【ブログ】
*ローゼンバーグサーバー*
CORE LIFE(あくあらぐ様)
gdgd日記(x破風x様)
sefioさんですよー(sefio様)
Sweet Ride
 (ハヤタス様 / xししゃもx様)

パキ日記(パキン様)
月面から目薬(高月様)
ケルベロス ファング
 (紅月姫愛様)

理想と現実のギャップ▼
 (紅凛様)

のんびり日記。(S・F・R様)
Leone Di Fiamma Blu
  (リヴァイブ様)

いちごろーる(ゆぃたす様)
CH観察日記(ゆぅ様)
マァムのひっそりハイアカン。
 (マァム。様)
*二次創作*
もふっとタオルているず
  (ぐりたん様)

―ねおめろん―(・苺姫・様)
三枚肉(たけい様 / 酸素様)
ひだまりポット(えりにーす様)
Lenten rose(りこ様)
愉快な書きなぐり(ラルークス様)
【お世話になっているサイト】
Tale Wiki
テイルズウィーバー110番
俺流 再振りシミュレーター
再振り案内所
ティチエル@Wiki
Talesweaver調査
パス抜きされないために・
 もしされてしまったら
【サーチエンジン・同盟など】
TWさーち
TW創作サーチ
ティチエル同盟ネタ装備同盟ランテチ同盟
バナー
サイト一覧ランダム
前5件次5件
【ランキング】
にほんブログ村 ゲームブログ テイルズウィーバーへ
にほんブログ村
テイルズウィーバー・攻略ブログ
【その他】
pixiv
U2-W2(地下行き作品)
無音地帯(プライベートブログ)
カウンター
検索
メールフォーム
何かありましたらお気軽にどうぞ!
全記事表示
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。