FIDELIブログをカスタマイズしよう

◆ FIDELIブログをかっこよくするテンプレートやテクニックをみんなで持ち寄るコミュニティです ◆ 当コミュニティへの参加大歓迎 ◆

« うすむらさきのスキン | Main | PINGサーバーについて »
オレンジスキン　 2007年07月25日(水)
オレンジのスキンを作ってみました。

これは CSSの　カラーを変えただけのものです。


これより下の 文字列をコピーして
ブログ管理画面→デザイン設定→スタイルシート
の中身を全部入れ替えてください。
.entry_image {
margin:20px;
}

HR
{
COLOR: #999;
HEIGHT: 1px;
}
H1
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 30px auto 10px 20px;
PADDING-TOP: 0px;
TEXT-ALIGN: left;
}
H2
{
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
MARGIN: 0px auto 0px 0px;
}
H3
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px
}
.range {
border: #FF3000 1px solid;
margin-top: 10px;
width: 750px;
}
.blog_title {
margin: 30px auto 10px 20px;
font-weight: bold;
font-size: 24px;
overflow: hidden;
color: #FF3000;
word-break: break-all;
letter-spacing: 1px;
}
.blog_title A:link
{
COLOR: #FF3000;
LETTER-SPACING: 1px;
TEXT-DECORATION: none
}
.blog_title A:visited
{
COLOR: #FF3000;
LETTER-SPACING: 1px;
TEXT-DECORATION: none
}
.blog_title A:hover
{
COLOR: #FF3000;
LETTER-SPACING: 1px;
TEXT-DECORATION: none
}
.blog_title A:active
{
COLOR: #FF3000;
LETTER-SPACING: 1px;
TEXT-DECORATION: none
}
.blog_description
{
PADDING-LEFT: 20px;
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
TEXT-ALIGN: left;
PADDING-BOTTOM: 7px;
OVERFLOW: hidden;
COLOR: #fff;
WORD-BREAK: break-all;
PADDING-TOP: 7px;
LETTER-SPACING: 1px;
BACKGROUND-COLOR: #FF3000
}
.entry {
margin: 0 0 10px;
border: #FF3000 1px solid;
}
.entry_title {
font-weight: bold;
font-size: 12px;
overflow: hidden;
color: #fff;
word-break: break-all;
letter-spacing: 1px;
background: #FF3000;
padding: 3px 5px;
}
.date
{
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
COLOR: #fff
}
.entry_text
{
PADDING-RIGHT: 8px;
PADDING-LEFT: 8px;
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
PADDING-BOTTOM: 8px;
COLOR: #333;
PADDING-TOP: 8px
}
.entry_text A:link
{
COLOR: #069;
TEXT-DECORATION: none
}
.entry_text A:visited
{
COLOR: #069;
TEXT-DECORATION: none
}
.entry_text A:active
{
COLOR: #069;
BACKGROUND-COLOR: #ffc;
TEXT-DECORATION: none
}
.entry_text A:hover
{
FONT-WEIGHT: normal;
COLOR: #069;
BACKGROUND-COLOR: #ffc;
TEXT-DECORATION: none
}

.profile_name {
font-weight:bold;
padding-bottom:5px;
}

.profile_introduction {
text-align:center;
padding-bottom:10px;
}

.rank_text
{
PADDING-RIGHT: 8px;
PADDING-LEFT: 8px;
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
PADDING-BOTTOM: 8px;
COLOR: #333;
PADDING-TOP: 8px
}
.rank_text A:link
{
FONT-WEIGHT: normal;
COLOR: #069;
TEXT-DECORATION: underline
}
.rank_text A:visited
{
FONT-WEIGHT: normal;
COLOR: #069;
TEXT-DECORATION: underline
}
.rank_text A:active
{
FONT-WEIGHT: normal;
COLOR: #069;
BACKGROUND-COLOR: #ffc;
TEXT-DECORATION: underline
}
.rank_text A:hover
{
FONT-WEIGHT: normal;
COLOR: #069;
BACKGROUND-COLOR: #ffc;
TEXT-DECORATION: underline
}

.entry_layer {
overflow: hidden;
width: 100%;
word-break: break-all;
}
.comment_layer
{
overflow: hidden;
width: 100%;
WORD-BREAK: break-all;
}
label{
font-size:12px;
margin:5px 0 0 0;
}

#comment_form_captcha_description {
font-size:10px;
margin:5px 0 0 0;
text-decoration:none;
}

#comment_form_captcha_description a:link,
#comment_form_captcha_description a:visited,
#comment_form_captcha_description a:hover{
font-weight: bold;
}
#comment_form_captcha_image_wrap{
margin-left:10px;
}

.text_control{
margin: 3px 10px;
}
.posted
{
PADDING-RIGHT: 8px;
PADDING-LEFT: 8px;
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
PADDING-BOTTOM: 4px;
COLOR: #999;
LINE-HEIGHT: 110%;
PADDING-TOP: 8px;
TEXT-ALIGN: right;
}
.posted A:link
{
FONT-WEIGHT: normal;
COLOR: #999;
TEXT-DECORATION: none;
}
.posted A:visited
{
FONT-WEIGHT: normal;
COLOR: #999;
TEXT-DECORATION: none
}
.posted A:active
{
FONT-WEIGHT: normal;
COLOR: #069;
TEXT-DECORATION: underline
}
.posted A:hover
{
FONT-WEIGHT: normal;
COLOR: #069;
TEXT-DECORATION: underline
}

.side_banner
{
text-align: center;
margin-left: auto;
margin-right: auto;
}

.side_title
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 10px;
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
PADDING-BOTTOM: 5px;
OVERFLOW: hidden;
COLOR: #fff;
WORD-BREAK: break-all;
PADDING-TOP: 5px;
LETTER-SPACING: 1px;
BACKGROUND-COLOR: #FF3000;
width: 140px;
}
.side_title a {font-weight:bold; color:#fff; font-size:10px; }
.side_text, .profile_name_text
{
PADDING-RIGHT: 10px;
PADDING-LEFT: 5px;
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
PADDING-BOTTOM: 3px;
OVERFLOW: hidden;
COLOR: #333;
WORD-BREAK: break-all;
LINE-HEIGHT: 150%;
PADDING-TOP: 5px
}
.side_text A:link
{
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
COLOR: #333;
LINE-HEIGHT: 150%;
TEXT-DECORATION: none
}
.side_text A:visited
{
FONT-WEIGHT: normal;
FONT-SIZE: 10px;

COLOR: #333;
LINE-HEIGHT: 150%;
TEXT-DECORATION: none
}
.side_text A:active
{
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
COLOR: #069;
LINE-HEIGHT: 150%
}
.side_text A:hover
{
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
COLOR: #069;
LINE-HEIGHT: 150%;
TEXT-DECORATION: underline
}
.calendar
{
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
FONT-SIZE: 10px;
PADDING-BOTTOM: 0px;
MARGIN: 0px 0px 20px;
COLOR: #333333;
LINE-HEIGHT: 150%;
PADDING-TOP: 0px
}
.calendar A:link
{
FONT-SIZE: 10px;
COLOR: #333;
TEXT-DECORATION: underline
}
.calendar A:visited
{
FONT-SIZE: 10px;
COLOR: #333;
TEXT-DECORATION: underline
}
.calendar A:active
{
FONT-SIZE: 10px;
COLOR: #333;
TEXT-DECORATION: underline
}
.calendar A:hover
{
FONT-SIZE: 10px;
COLOR: #069;
BACKGROUND-COLOR: #ffc;
TEXT-DECORATION: underline
}
.page {
font-size: 10px;
margin-bottom: 10px;
color: #333;
letter-spacing: 1px;
text-align: center;
overflow-x: hidden;
overflow-y: auto;
width: 98%;
word-break: break-all;
}
.page A:link
{
FONT-SIZE: 10px;
COLOR: #333;
LETTER-SPACING: 1px;
TEXT-DECORATION: none;
}
.page A:visited
{
FONT-SIZE: 10px;
COLOR: #666;
LETTER-SPACING: 1px;
TEXT-DECORATION: none;
}
.page A:hover
{
FONT-SIZE: 10px;
COLOR: #000;
LETTER-SPACING: 1px;
TEXT-DECORATION: underline;
}
.page A:active
{
FONT-SIZE: 10px;
COLOR: #000;
LETTER-SPACING: 1px;
TEXT-DECORATION: underline;
}
.prevew
{
FONT-SIZE: 10px;
COLOR: #333;
PADDING-TOP: 7px;
LETTER-SPACING: 1px;
TEXT-ALIGN: center
}
.prevew A:link
{
FONT-SIZE: 10px;
COLOR: #333;
LETTER-SPACING: 1px;
TEXT-DECORATION: none
}
.prevew A:visited
{
FONT-SIZE: 10px;
COLOR: #333;
LETTER-SPACING: 1px;
TEXT-DECORATION: none
}
.prevew A:hover
{
FONT-SIZE: 10px;
COLOR: #069;
LETTER-SPACING: 1px;
TEXT-DECORATION: underline
}
.prevew A:active
{
FONT-SIZE: 10px;
COLOR: #069;
LETTER-SPACING: 1px;
TEXT-DECORATION: underline
}
.footer
{
FONT-SIZE: 12px;
COLOR: #000000;
TEXT-DECORATION: none;
padding-top: 10px;
padding-bottom: 30px;
}
.footer A:link
{
COLOR: #440000;
TEXT-DECORATION: underline;
}
.footer A:visited
{
COLOR: #440000;
TEXT-DECORATION: underline;
}
.footer A:hover
{
COLOR: #ff0000;
TEXT-DECORATION: underline;
}
.footer A:active
{
COLOR: #ff0000;
TEXT-DECORATION: underline;
}

ul .side_text{ width:135px; }


.side ul {
PADDING: 0px;
margin:0px 5px;
OVERFLOW: hidden;
WORD-BREAK: break-all;
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
COLOR: #fff;
LINE-HEIGHT: 150%;
text-align:left;
list-style:none;
}

.side li { padding:3px 10px; margin:0px;
background:url({$BlogTmplUrl$}img/icon.gif) no-repeat center left;
}
.side li A:link
{
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
COLOR: #333;
LINE-HEIGHT: 150%;
TEXT-DECORATION: none
}
.side li A:visited
{
FONT-WEIGHT: normal;
FONT-SIZE: 10px;

COLOR: #333;
LINE-HEIGHT: 150%;
TEXT-DECORATION: none
}
.side li A:active
{
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
COLOR: #069;
LINE-HEIGHT: 150%
}
.side li A:hover
{
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
COLOR: #069;
LINE-HEIGHT: 150%;
TEXT-DECORATION: underline
}


.line_stoper {
clear:both;
}


/* マイポータル */
#portal_left .side_text{
background-image:none !important;
}

#portalcontents .side_text table, .team_profile_table{
padding-right:0px;
margin:0px auto;
width:144px;
border-top:1px solid #000;
border-left:1px solid #000;
}

#portalcontents .side_text td , .team_profile_table td{
width:48px;
padding:0px;
margin:0px;
word-break:break-all;
overflow:hidden;
padding-top:0px;
vertical-align:top;
border-right:1px solid #000;
border-bottom:1px solid #000;
}

#portal_left {
float:left;
width:160px;
padding-left:0px;
margin-left:10px;
}

#portal_left .side_title{
margin-bottom:5px;
}

#portal_left .side_text{
text-align:center;
background-image:none;
padding:0;
margin:0 auto;
width:150px;
}

#portal_left .side_text .side_text {
padding: 2px 2px;
background:url({$BlogTmplUrl$}img/icon.gif) no-repeat left top;
}

#portal_left .side ul {
color: #333333;
}

#portal_right {
float:left;
width:480px;
position:relative;
left:60px;
}
#portal_right table{
margin-top:10px;
}

.portal_title {
text-align:center;
font-weight:bold;
font-size:12px;
overflow:hidden;
word-break:break-all;
letter-spacing:1px;
margin:0;
width:100%;
color:#000;
padding:5px 0 5px 0;
background:url({$BlogTmplUrl$}img/entry_line.jpg) repeat-x bottom center;
border-bottom:1px dashed #000;
border-top:1px dashed #000;
}
.portal_text {
word-break: break-all;
font-size:80%;
color:#000;
}

.portal_text a:link,
.portal_text a:visited{
color:#000;
text-decoration:none;
}
.portal_text a:hover{
color:#000;
border-bottom:1px dashed #000;
}

/*
** EntryRatings CSS
*/
.entryratings {
text-align: right;
font-size: 12px;
}
.entryratings img {
border: none;
}
.rating {
padding-bottom: 5px;
}



img{
border:0px;
}

/* ヘッダー部 start */

#header0{
display:block;
width:100%;
margin-bottom:10px;
background:url(http://www.fideli.com/image/blog/header_bg.gif) repeat-x;
}
.hleft{
display:block;
width:190px;
_width:200px;
height:18px;
_height:20px;
float:left;
padding-top:2px;
padding-left:10px;
text-align:left;
}
.hright{
display:block;
width:190px;
_width:200px;
height:18px;
_height:20px;
float:right;
padding-top:2px;
padding-right:10px;
text-align:right;
font-size:10px;
}
.hright a:link{
color:#666;
text-decoration:none;
border-bottom:1px dotted #666;
}
.hright a:hover{
color:#C00;
text-decoration:none;
border-bottom:1px solid #C00;
}
.hright a:visited{
color:#999;
text-decoration:none;
border-bottom:1px dotted #999;
}

/* ヘッダー部 end */

/* ★フィデリカテゴリー部 start★ */

#fcate{
display:block;
width:175px;
font-size:small;
_font-size:x-small;
color:#333;
text-align:left;
line-height:125%;
margin-top:20px;
}

#fcate a:link{
color: #333;
line-height: 150%;
text-decoration: none
}

#fcate a:visited{
color: #333;
line-height: 150%;
text-decoration: none
}
#fcate a:active{
color: #069;
line-height: 150%
}
#fcate a:hover{
color: #069;
line-height: 150%;
text-decoration: underline;
}

#fcate h3{
display:block;
width:100%;
background-color:#FF3000;
padding:2px 0px 2px 10px;
text-align:left;
font-size:10px;
color:#FFF;
OVERFLOW: hidden;
ORD-BREAK: break-all;
ETTER-SPACING: 1px;
}
#fcate ul{
margin:5px 0px;
padding:0px;
line-height:10px;
list-style-type:none;

}
#fcate li{
padding:0px 0px;
margin:0px;
background:url({$BlogTmplUrl$}img/mark.gif) no-repeat 10px 6px;
color:#333;
padding-left:25px;
}
/* ★フィデリカテゴリー部 end★ */
Posted by sugawara at 00:06 | シンプルカスタマイズ | この記事のURL | コメント(0) | トラックバック(0) ブックマークに追加する

評価平均 （3.00）  評価数（1）
この記事を評価する

この記事のURL
http://blog.fideli.com/myfideli/archive/4/0
トラックバック
この記事へのトラックバックURL
http://blog.fideli.com/myfideli/tb_ping/4/-405IO.irwKrd-QxKhS6RBeblBRIA
　
コメントする
名前:
Email:
URL:
クッキーに保存
小文字 太字 斜体 下線 取り消し線 左寄せ 中央揃え 右寄せ テキストカラー リンク

コメント
プロフィール

FIDELIブログをカスタマイズしよう
FIDELI ブログを自分好みにカスタマイズしよう。 すぐ使えるCSS,HTM のソースコード、ブログパーツを貼り付、amazon の貼り方等など・・ HTMLを知らなくても大丈夫。投稿大歓迎(^^)/~
ブログを書く
メンバー一覧
コミュニティポータル
コミュニティに参加する
最新記事
Fideli Blog にブックマークをつける
FIDELI BLOG スキンが増えてます。
あわせて読みたい
FIDELIの人気ブログランキング
2列レイアウトにするには
PINGサーバーについて
オレンジスキン
うすむらさきのスキン
FIDELIブログカスタマイズ準備
このコミュニティについて
カテゴリアーカイブ
初めにお読み下さい (2)
シンプルカスタマイズ (2)
SEO (3)
表示テクニック (2)
新しきこと (1)
最新コメント
キキ＆ミミ
⇒ FIDELIの人気ブログランキング (09/03)
情報商材アフィリエイト
⇒ PINGサーバーについて (08/18)
情報商材アフィリエイト
⇒ Fideli Blog にブックマークをつける (08/18)
情報商材アフィリエイト
⇒ このコミュニティについて (08/18)
セックス
⇒ Fideli Blog にブックマークをつける (07/30)
人妻
⇒ Fideli Blog にブックマークをつける (07/29)
出会い
⇒ Fideli Blog にブックマークをつける (07/28)
セフレ
⇒ Fideli Blog にブックマークをつける (07/27)
エッチ
⇒ Fideli Blog にブックマークをつける (07/26)
エロ
⇒ Fideli Blog にブックマークをつける (07/24)
最新トラックバック

http://blog.fideli.com/myfideli/index1_0.rdf
<< 2008年09月 >>
日 月 火 水 木 金 土
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
月別アーカイブ
2008年02月 (1)
2007年09月 (1)
2007年07月 (8)
あわせて読みたい
リンク集
人気ブログランキング

▼フィデリトップへ

≫フィデリ・ブログSNS
　

Copyright(C) 2001-2008 E-CLASSIS Inc. All Rights Reserved.