ブログパーツ

趣味の工房

ブログで使われるCSSのグラデーションを簡単に作れる     【CSS Gradient Editor】

みなさん、こんばんは

先日、「このブログの記事タイトルの背景はどうしているのだ!?」という質問がありましたので、ネタにさせていただきます。


このブログ記事タイトルの背景はグラデーションカラーになっていますが、これは以下のサイトで作ったものを、テンプレートにコピーしているだけです。


【CSS Gradient Editor】
2012y01m10d_222453536.jpg


使い方はいたって簡単。
2012y01m10d_222807370.jpg


2012y01m10d_222803734.jpg


2色のグラデーションでは物足りないときは...
2012y01m10d_222827218.jpg

出来上がったCSSの記述を背景画像(background)に指定してやればOK。
いろいろいじると、こんな具合に...
2012y01m10d_225237154.jpg
実は赤バージョンも作ってあります☆


問題は出来上がったCSSをどこに貼り付けるかですが...テンプレートによって違います(; ̄ー ̄A
FC2ブログの場合であれば、
「管理画面」→「テンプレートの設定」から、下のほうにスクロールすると、「○○(テンプレート名)のスタイルシート編集」欄があります。
2012y01m10d_225620849.jpg
ここの該当する「background」から「;」までを上のエディターで作製したCSSに書き換えてやればOKです。

※【注意】
background(背景)の指定は1つではありません。
全体の背景であったり、本文の背景であったり、タイトルの背景であったりさまざまです。
テンプレートによって違いますので、「プレビュー」で確認しながら行いましょう。
テンプレートの複製と修正方法を参考に、バックアップ(複製)を取っておくことを強くオススメします。

この記事を参考にしたことによるいかなる不具合についても責任はとりかねますので、いつもの通り自己責任にておねがいします。



これで一味違った雰囲気にすることができるかもしれません。
それではみなさん、**SeeYou**( ̄∀ ̄*)ノ



ランキングに参加しております。クリックにご協力を♪
にほんブログ村ランキングへ
にほんブログ村

関連記事


    22:34 | Trackback : 0 | Comment : 2 | Top
Comment
2012.01.11 Wed 22:27  |  ZORO111 #-
パパさん、こんばんはー

えっと・・・XP-IE8のうちの環境では、グラデーションかかってないですw
  [URL] [Edit]
2012.01.11 Wed 22:29  |  りくんちゅ。パパ #-
> ZORO111さん

そうなんですよ( ̄∇ ̄;)
IEだとちゃんと表示されないんですよね...
Text Shadowなども同様ですが...(泣)

  [URL] [Edit]









(編集・削除用)


管理者にだけ表示を許可
Trackback
http://rikuntyudady.blog101.fc2.com/tb.php/696-d093c7e3
プロフィール

りくんちゅ。パパ

Author:りくんちゅ。パパ
初歩的な話からオーバークロックまで、PCに関することやその他趣味に関することを思い付きで書いています。
コメントはお気軽にどぞ。

「rikuntyudady」の名前で出没することもあります(笑)

rikuntyudady01.jpg

このサイトはFirefox,Google Chrome用に最適化されています。
IEでは一部表示が正しく行われない場合があります。
ご了承ください。


アクセスカウンター
signbot_20101017072856.gif
現在の閲覧者数:

galleryロゴ02
cmcrogo2.png
RikuntyudadyのCM690をUP!!
☆ただ今34台展示中☆



みんなのPC♪ギャラリーはコチラ。

Page 1 Page 2


Categories...

クリックで全て開閉↓

openclose


○自作をしてみたい方へ
○オーバークロックについて

「+」はフォルダクリックでOPEN

全ての記事を表示する


見つからない場合はコチラ
(記事内検索)

最新記事
最新コメント
☆MY GEAR☆
カスタマイズ工程はコチラ
画像
画像
画像
画像
画像
画像
画像
ATCS840
COSMOS II
CORE1500
MasterCase5Mod

<製作依頼PC>
画像
Overclock.net work log
MNPCTECH"Case Mod Blog"
画像
画像
【CORSAIR Vengeance® C70】
HAF X MOD

<コラボ企画> 画像
SNIPER
☆おもな活動サイト☆

Cooler Master Forum
CoolerMaster

techPoweUp! Case Mod Gallary-
techPowerUp!

Overclock.net
   -Case Mod Work Logs-
Overclock.net

Case Modding Forum
Case Modding Forum

こだわりの持ち物を登録しよう♪
2010y05m05d_221238218.jpg

Web page translation
THIS IS MY GEAR
2016y03m23d_233159886.png 2016y03m23d_233204419.png
感染者増殖中...
りくんちゅ。パパにメールする







本文:

☆掲示板☆

趣味の工房 ~みんなの休憩室♪~
お気に入りブログ♪
カメラ熱上昇中♪
【Canon】EOS 70D 70D.png ○レンズ
【Canon】
EF-S18-135mm F3.5-5.6 IS STM
EF-S55-250mm F4-5.6 IS STM 【SIGMA】
18-35mm F1.8 DC HSM|Art
APO 50-150mm F2.8 EX DC OS HSM


【Canon】G7 X canon_g7x_20150528010550367.png
☆広告☆
ブロとも申請フォーム
QRコード
QRコード
RSSリンクの表示