SSブログ

スキン変更。。。 [カスタムスキン]

試しに行った新スキンのカスタマイズ。

やっぱり季節外れということもあって速攻で更新です (^_^;)

とりあえず、いつものように内容はUPしますね。

 

スキン”夕暮れ時”のカスタマイズで使っていた画像はこの2点。

untitled_1000.PNG

main_title_narrow_600.GIF

で、中身です。

参考になる人は参考にしてください。

@charset "UTF-8";

/*-----Common-----*/

a:link { text-decoration:none; color:#cc6633; }
a:visited { text-decoration:none; color:#cc6633; }
a:active { text-decoration:none; color:#cc6633; }
a:hover { text-decoration:underline; color:#ff0000; }

body {
background:#FFF8F0;
}
blockquote {
margin:5px;
padding:8px;
border:1px solid #dddddd;
}

#container {
width:1000px;
margin:0 auto;
padding-top:15px;
background:#FFF8F0;
line-height:1.4;
text-align:left;
color:#333333;
}
#banner {
width:1000px;
height:180px;
background:url(/_images/blog/_769/gooverability/untitled_1000-c2cf3.PNG) no-repeat;
}
#banner h1{
margin:0;
padding:40px 0 5px 0;
font-size:40px;
font-family: HGP創英角ポップ体,serif;
text-align:center;
}
h1 a:link { text-decoration:none; color:#cc6633; }
h1 a:visited { text-decoration:none; color:color:#cc6633; }
h1 a:active { text-decoration:none; color:color:#cc6633; }
h1 a:hover { text-decoration:underline; color:#ff0000; }
#lead{
margin:0;
padding:0;
text-align:center;
color:#cc6633;
}

/*-----Content-----*/
#content{
padding:20px 0;
}

/* Links */
.archive-title{
margin-bottom:10px;
}
.archive-bottom{
}
.archive-name{
float:left;
}
.previousLink{
padding-left:12px;
background:url(/_common/skins/731/images/arrowL_small.gif) no-repeat left center;
}
.nextLink{
padding-right:12px;
background:url(/_common/skins/731/images/arrowR_small.gif) no-repeat right center;
}
.archive-links{
float:right;
padding-left:12px;
background:url(/_common/skins/731/images/arrowT_small.gif) no-repeat left center;
}

/* Articles */
#main {
float:left;
margin-left:20px;
width:600px;
overflow:hidden;
}
.articles {
width:600px;
margin-bottom:10px;
overflow:hidden;
}
.articles-title {
margin:0;
margin-bottom:15px;
padding:3px 15px 6px 15px;
background:url(/_images/blog/_769/gooverability/main_title_narrow_600.GIF) no-repeat;
font-size:14px;
}
.articles-body {
padding:0 10px;
line-height:1.6;
}
.articles-body img {
margin-right: 6px;
margin-bottom: 6px;
}
.posted{
margin-bottom:20px;
padding:0 10px;
font-size:11px;
line-height:1.6;
}
.posted a:link { color:#cc6633; }
.posted a:visited { color:#cc6633; }
.posted a:active { color:#cc6633; }
.posted a:hover {
color:#ff0000;
}


/*-----Entry-----*/
.entry {
margin-top:15px;
padding-top:15px;
background:url(/_common/skins/731/images/dotline.gif) repeat-x left top;
}
.entry h4 {
margin:0 0 10px 0;
padding:0;
font-size:small;
}
.entry ul, .entry li, .entry dl, .entry dt, .entry dd, .entry form {
margin:0;
padding:0;
}

/* nice! */
#nice h4 {
background:url("/_common/skins/731/images/icon-nice.gif") no-repeat left center;
padding-left:20px;
}
#nice form {
margin:12px 0;
}
#nice li {
float:left;
width:63px;
padding:5px 0;
font-size:11px;
line-height:1.2;
text-align:center;
list-style:none;
overflow:hidden;
white-space:nowrap;
display:block;
}

/* Comments */
#comments form {
margin:12px 0;
}
.each-comment {
margin:20px 0;
clear:both;
}
.each-comment img {
float:left;
margin:0 10px;
}
.each-comment input {
margin:0;
padding:0;
}
* html .each-comment input {
margin-bottom:-2px;
}
.comments-body {
margin:0 0 0 60px;
}
#comments .delete {
margin-left:60px;
}

/* Comment Write */

#comment-write dt {
float:left;
clear:both;
}
#comment-write dd {
margin:0 0 3px 80px;
line-height:1.5;
}
#comment-write textarea {
height:150px;
}
.comment-input {
width:500px;
}

/* Trackback Write */

#trackback-write p {
margin:0;
}
#trackback-write form {
margin:12px 0;
}
.each-trackback {
margin:15px 0;
}
.trackback-url input {
width:98%;
}

/*-----Side-----*/

#side-a {
width:180px;
overflow:hidden;
float:left;
}
#side-b {
width:180px;
overflow:hidden;
float:right;
}
.sidebar a:link { color:#cc6633; }
.sidebar a:visited { color:#cc6633; }
.sidebar a:active { color:#cc6633; }
.sidebar a:hover {
color:#ff0000
}

.sidebar {
width:180px;
margin-bottom:10px;
font-size:x-small;
overflow:hidden;
}
.sidebar-title {
margin:0;
padding:0 0 12px 0;
background:url(/_common/skins/731/images/sidebar_head.gif) no-repeat right top;
font-weight:bold;
font-size:x-small;
color:#cc6633;
}
.sidebar-title a:link,
.sidebar-title a:visited,
.sidebar-title a:active,
.sidebar-title a:hover {
color:#ff0000;
}
.sidebar-body {
font-size:x-small;
}
.sidebar-end {
padding-bottom:15px;
background:url(/_common/skins/731/images/dotline.gif) repeat-x left bottom;
}
.sidebar-body ul, .sidebar-body li, .sidebar-body dl, .sidebar-body dt, .sidebar-body dd, .sidebar-body form {
margin:0;
padding:0;
}
.sidebar-body li {
margin:0 0 8px 0;
list-style-type:none;
line-height:1.3;
}
.sidebar-body li a {
margin-right:3px;
}
.new {
margin-left:6px;
color:#cc6633;
font-weight:bold;
}

/*--Profile--*/
#profile .sidebar-body {
padding: 6px 0 0 0;
}
dt.profile-img {
float:left;
}
dd.profile-status{
margin-left:85px;
line-height:1.8;
}
#profile .profileLink{
padding-left:12px;
background: url("/_common/skins/731/images/arrowR_small.gif") no-repeat left center;
line-height:1.2;
}
.nice {
margin:0;
padding:0 2px;
background:#ffd900;
border:1px solid #0090ff;
color:#0090ff;
}

/*--Calendar--*/
.calendar-date {
text-align:center;
}
#calendar table {
margin:3px auto;
text-align:center;
}
#calendar th {
height:22px;
width:22px;
font-weight:normal;
}
#calendar td{
height:22px;
width:22px;
font-size:11px;
}
#calendar td.link {
font-weight:bold;
}

/*--Search--*/
#search .sidebar-body {
padding-bottom:8px;
}
.search-tbox {
width:67%;
}

/*--RSS Regist--*/
#rssRegist {
margin-bottom:10px;
padding:4px 0;
background: #cc6633 url("/_common/skins/731/images/arrowR_large.gif") no-repeat left center;
text-align:center;
font-weight:bold;
font-size:10px;
line-height:1;
}
#rssRegist a:link { text-decoration:none; color:#fff; }
#rssRegist a:visited { text-decoration:none; color:#fff; }
#rssRegist a:active { text-decoration:none; color:#fff; }
#rssRegist a:hover { text-decoration:underline; color:#fff;}

/*--So-net--*/
#powered img {
margin-bottom:10px;
}

/*--Tag--*/
.tag-word{
margin:10px 0 5px 0;
}
.tag{
}
#tag_cloud{
border:1px solid #e2e0da;
margin-bottom:10px;
padding:12px 10px;
text-align:left;
}
#tag_cloud a {
padding:2px;
}
.tag-title{
padding-top:5px;
font-size:18px;
text-align:left;
font-weight:bold;
}
.tag-body{
margin:10px 0;
}
.tag-service{
text-align:left;
font-weight:bold;
font-size:16px;
background:url(/_common/skins/731/images/dotline.gif) repeat-x left bottom;
padding:0 0 3px 0;
clear:left;
position:relative;
}
.tag-search{
text-align:right;
padding:5px 0;
margin-bottom:10px;
}
.tag-article{
padding:2px 10px;
text-align:left;
}
.tag-article-title{
text-align:left;
padding:0 0 5px 0;
}
.tag-article-posted{
}
.tag-article-summary{
padding:0px 10px;
line-height:1.4em;
}
.tag-more{
text-align:right;
margin:10px 0;
clear:left;
}
.tag-photos{
float:left;
margin:0px 8px;
width:140px;
height:200px;
}
.tag-photos-title{
line-height:1.4em;
padding:5px 0;
text-align:left;
}
.tag-audios{
margin:2px 10px;
}
.tag-audios-title{
text-align:left;
padding:0 0 5px 0;
}
.tag-audios-posted{
}
.tag-videos{
float:left;
margin:0 8px;
}
.tag-videos-title{
line-height:1.4em;
padding:5px 0;
text-align:left;
}
.tag-navi{
clear:left;
text-align:center;
margin:10px 0;
}

/*-----Footer-----*/

#footer{
width:900px;
margin:0 auto;
padding:20px 0;
clear:both;
}
#footer .footlink {
font-size:11px;
}
.copyright{
padding:0;
margin:0;
font-size:11px;
text-align:right;
}

.archive-name {
display:block;
}
.archive-title .archive-links {
display:block;
}
.archive-bottom .archive-name {
margin-bottom:5px;
}
.postDate {
display:inline;
}
#comment-write dt{
float:none;
}
#comment-write dd {
margin-left:0;
}


nice!(3)  コメント(7)  トラックバック(0) 
共通テーマ:blog

nice! 3

コメント 7

達也

おお、ガラリと雰囲気が変わりましたね。

こうする前に『夕暮れ時』にしてたんですか・・・見損ねちゃったな(;´▽`)

自分のブログはスキン変更とか、しないですね~~~今度やってみようかな
by 達也 (2008-12-21 14:28) 

Ten

達也さん、こんばんは。
いろいろ見てたらいつの間にかSo-netのスキンが増えていたようで
いい感じのものがあったので変更してみました。
記事がないのでスキンで気分転換です。。。(^_^;)
by Ten (2008-12-21 19:54) 

馬子

MOVE君の印象が強いせいか、Tenさんのブログはスキンが青色だと
落ち着くかな~?と思っています。
これだけSo-netのスキンが増えているのだから、シーズンごとに
変えていくのも面白いですね。
by 馬子 (2008-12-22 00:46) 

Ten

馬子さん、こんばんは。
いや~落ち着いてますか (^^ゞ
もっと時間をかけていろいろ合成したスキンを作ってみても
いいかな~とも思っています。
私ならホームページビルダーみたいな感じでスキンビルダー?
みたいなものがあればいいのにな~とも思いますがね。
by Ten (2008-12-22 22:48) 

KEN

おひさしぶりです。
忙しさ?にかまけて自分のブログの変更には手がついていない状況です・・・^^;
自分のPCでは1920×1200のフルHD環境なのですが、他のXGA環境でみるとすでに、
横方向がいっぱいいっぱいということに気づき、見ていただく方の(さまざまな)環境も考慮して変更しないといけないと考え、二の足を踏んでしまっています。
私のブログも冬休み中には模様替えをしたいなと思っています。
それでは、また。
by KEN (2008-12-27 23:07) 

Ten

KENさん、こんばんは。
カスタムスキン、私の設定も大きめですが基本は横1000までだと思います。
これ以上だと、おっしゃるように大きすぎてワイドモニター以外の人には見辛く
なると思われます。そういう訳で私のスキンも横幅は1000で抑えてます。
気分の乗ってる時に作業していくと割といいものができるので焦らず楽しみましょう♪
by Ten (2008-12-27 23:48) 

Ten

mikaoさん、nice! ありがとう御座います (^o^)
by Ten (2008-12-31 08:02) 

コメントを書く

お名前:[必須]
URL:[必須]
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

トラックバック 0

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。