SSブログ

Ten's blogⅡ

自動車メーカーリンク

BMW

トヨタ自動車

本田技研工業

日産自動車

マツダ

三菱自動車工業

スバル

日産ディーゼル

日野

いすゞ

スズキ

ダイハツ

Goo-net

カーセンサー

自動車関連

オートメカニック

金谷オートサービス

武田自動車

オートプロジェクト京都

こだわりのエンジンオイル屋

株式会社 ナグ・エスイーディー

アムテックス

スエカゲツール株式会社

バイク関連

カスタムスキン中級編？ ③｜明治神宮御苑行ってきました♪ ブログトップ

カスタムスキン中級編？ ④　[カスタムスキン]

今日は簡単に画像とテキストだけにしようかなと思いつつ。。。

前記事はこちら。

とりあえず今日の説明でカスタムスキンは終わりにしようかなと思います。

それでは早速TOP画像

main_mwide_3.JPG

お次は記事欄のarticles-top画像

article_top_3.GIF

最後にarticles-bottom画像

article_bottom_3.GIF

参考にしたい場合はペイントで開いてキャンバスの大きさを確認してみてください。

後は保存して自分のブログにアップロードしてみてください。

でリンク先を書き換えれば使えます。

これから載せるテキストをそのままでもいいですけど、それってね～（変な画像にしちゃうよ♪）

それではスキンのテキストです。

コピーして張りかえればとりあえずそのまま使えます。

@charset "UTF-8";

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

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

body {
background: #ffffff;
}

blockquote {
margin:12px;
padding:6px;
border:1px solid #fdec9f;
}

#container {
padding-top:10px;
width:1000px;
margin:0 auto;
line-height:1.4;
text-align:left;
color:#444;
}


/*-----Header-----*/

#header {
height:25px;
color:#f8bb2a;
}

#header p {
margin:0;
padding:3px 12px;
}

#memberMenu{
float:left;
}

#globalMenu{
float:right;
}

.menuDecoration{
margin-left:12px;
padding-left:12px;
background: url("/_common/skins/13/images/arrowR_small.gif") no-repeat left center;
}

#banner {
width:1000px;
height:105px;
/* background:url("/_common/skins/13/images/main.jpg") no-repeat center top; */
background: url("/_images/blog/_769/gooverability/main_mwide_3.JPG") no-repeat  center top;
clear:both;
}

#banner h1{
margin: 10px 0px 0px 20px;
padding: 0px 0px 0px 0px;
font-size:55px;
font-family:HGP創英角ﾎﾟｯﾌﾟ体,serif;
}

#banner h1 a{
color:#ffffff;
}

#lead{
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
font-size:12px;
font-family:Arial,sans-serif;
color:#ffffff;
}


/*-----Content-----*/

#content{
padding:12px 10px;
}

/* Links */

.archive-title{
margin-bottom:6px;
color:#333;
}

.archive-bottom{
color:#333;
}

.archive-name{
float:left;
}

.previousLink{
padding-left:12px;
background:url(/_common/skins/13/images/arrowL_small.gif) no-repeat left center;
}

.nextLink{
padding-right:12px;
background:url(/_common/skins/13/images/arrowR_small.gif) no-repeat right center;
}

.archive-links{
float:right;
padding-left:12px;
background:url(/_common/skins/13/images/arrowT_small.gif) no-repeat left center;
font-size:x-small;
}


/* Articles */

#main {
width:598px;
float:left;
margin-left:10px;
}

.articles {
/* width:518px; */
width:598px;
padding:0 10px;
border-left: 1px solid #fdec9f;
border-right: 1px solid #fdec9f;
overflow:hidden;
}

.articles-top {
/* background: url("/_common/skins/13/images/article_top.gif") no-repeat center bottom; */
background: url("/_images/blog/_769/gooverability/article_top_3.GIF") no-repeat  center bottom;
width:620px;
height:10px;
font-size:0px;
}

.articles-bottom {
/* background: url("/_common/skins/13/images/article_bottom.gif") no-repeat; */
background: url("/_images/blog/_769/gooverability/article_bottom_3-cacf1.GIF") no-repeat;
width:620px;
height:10px;
margin-bottom:12px;
font-size:0px;
}

.articles-title {
margin:0;
margin-bottom:15px;
padding:1px 0px 1px 10px;
background: url("/_common/skins/13/images/article_head.gif") no-repeat left top;
font-size:small;
}

.articles-body {
line-height:1.6;
margin-bottom:20px;
}

.articles-body img {
margin-right:6px;
margin-bottom:6px;
}

.posted{
padding-top:10px;
border-top:1px dotted #888888;
font-size:x-small;
}

/*-----Entry-----*/

.entry {
margin-top:10px;
background: #f5f4ed;
padding:12px;
color:#666;
}

.entry h4 {
margin:0 0 10px 0;
padding:0;
font-size:small;
color:#222;
}

.entry ul, .entry li, .entry dl, .entry dt, .entry dd, .entry form {
margin:0;
padding:0;
}

/* nice! */

#nice h4 {
background:url("/_common/skins/13/images/icon-nice.gif") no-repeat left center;
padding-left:20px;
}

#nice form {
margin:12px 0;
}

#nice li {
float:left;
width:61px;
padding:5px 0;
font-size:x-small;
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 {
width:370px;
height:150px;
}

.comment-input {
/* width:400px; */
width:370px;
}

/* Trackback Write */

#trackback-write p {
margin:0;
}

#trackback-write form {
margin:12px 0;
}

.each-trackback {
margin:15px 0;
}

.trackback-url input {
width:98%;
}
/* Related */

#related ul {
padding-left:20px;
}

#related li {
padding:1px 0;
}

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

#side-a, #side-b {
width:170px;
overflow:hidden;
}

.sidebar {
width:170px;
margin-bottom:12px;
overflow:hidden;
}

.sidebar-title {
margin:0;
padding: 2px 3px 2px 10px;
/* background: url("/_common/skins/13/images/sidebar_top.jpg") no-repeat left top; */
/* background: url("/_common/skins/13/images/sidebar_top_w.jpg") no-repeat right top; */
background: url("/_common/skins/13/images/sidebar_top_w.jpg") no-repeat left top;
font-size:x-small;
font-weight:normal;
color:#ffffff;
}

.sidebar-title a:link   { text-decoration: none; color:#ffeecc; }
.sidebar-title a:visited  { text-decoration: none; color:#ffeecc; }
.sidebar-title a:active  { text-decoration: none; color:#ffeecc; }
.sidebar-title a:hover   { text-decoration: underline; color:#ffeecc; }

.sidebar-body {
padding:3px 10px 1px 10px;
/* background: url("/_common/skins/13/images/sidebar_body.gif") repeat-y; */
background: url("/_common/skins/13/images/sidebar_body_w.gif") repeat-y;
}

.sidebar-end {
height:6px;
/* background: #fff url("/_common/skins/13/images/sidebar_bottom.gif") no-repeat top; */
background: url("/_common/skins/13/images/sidebar_bottom_w.gif") no-repeat top;
font-size:1px;
}

.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 {
padding:4px 0 4px 8px;
background: url("/_common/skins/13/images/arrow_s.gif") no-repeat 0 6px;
list-style-type:none;
line-height:1.3;
}
* html .sidebar-body li {
line-height:1.2;
}
.new {
margin-left:6px;
color:#f00;
font-weight:bold;
}

/*--Profile--*/

#profile .sidebar-body {
padding-top:8px;
}

dt.profile-img {
float:left;
}

dd.profile-status{
margin-left:78px;
line-height:1.8;
}

#profile .profileLink{
padding-left:12px;
background: url("/_common/skins/13/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:0px auto;
text-align:center;}

#calendar th {
height:20px;
width:20px;
font-weight:normal;
}

#calendar td{
height:20px;
width:20px;
font-size:10px;
background:#f5f4ed;
}

#calendar td.link {
background:#f8bb2a;
font-weight:bold;
}

#calendar td a:link   { text-decoration:none; color:#fff; }
#calendar td a:visited  { text-decoration:none; color:#fff; }
#calendar td a:active  { text-decoration:none; color:#fff; }
#calendar td a:hover   { text-decoration:underline; color:#fff; }


/*--Search--*/

#search .sidebar-body {
padding-bottom:6px;
}

.search-tbox {
/* width:67%; */
width:65%;
}

/*--RSS Regist--*/
#rssRegist {
width:170px;
margin-bottom:12px;
padding:4px 0;
background: #f8bb2a url("/_common/skins/13/images/arrowR_large.gif") no-repeat left center;
text-align:center;
font-weight:bold;
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:6px;
}

/*--Tag--*/
.tag-word{
margin:10px 0 0 0;
}
.tag{
}
#tag_cloud{
border:1px solid #cccccc;
margin-bottom:10px;
padding:12px 10px;
text-align:left;
}
#tag_cloud a {
padding:2px;
}
.tag-title{
padding-top:5px;
font-size:16px;
text-align:left;
font-weight:bold;
}
.tag-body{
margin:10px 0;
}
.tag-service{
text-align:left;
font-weight:bold;
border-bottom:1px solid #cccccc;
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 10px;
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 10px;
}
.tag-videos-title{
line-height:1.4em;
padding:5px 0;
text-align:left;
}
.tag-navi{
clear:left;
text-align:center;
margin:10px 0;
}


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

/*-----Footer-----*/
#footer{
width:890px;
background: url("/_common/skins/13/images/bg_mwide.gif") repeat-y  center top;
margin:0 auto;
padding:20px 0;
}

.copyright{
padding:0 10px;
margin:0;
font-size:x-small;
text-align:right;
}/*-----2Column Right MainWide SideWide-----*/#side-a {
float:left;
}
#side-b {
float:right;
}

それでは皆さん、カスタムスキンがんばってみてください。

新しいスキン何にしようかな～


タグ：カスタムスキン
2008-04-11 20:51  nice!(0)  コメント(2)  トラックバック(0) 
共通テーマ：blog

nice! 0

コメント 2

馬子

うひゃ～、これって一括コピペですかぁ？
（飲んで帰ってきたので、良く読んでない自分…）
以前のソネブロの方が、カスタマイズが遥かに簡単でしたね。
by 馬子 (2008-04-11 23:36) 

Ten

馬子さん、こんばんは。
一括コピペです (^o^)
慣れてくるとこれはこれでいいような気もしますが
もうちょっと簡単な方がいいかな。
例えば、色変更とか文字サイズとか。
各設定場所も見つけに行くのが面倒です (^_^;)
by Ten (2008-04-11 23:48) 

コメントを書く

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

トラックバック 0

カスタムスキン中級編？ ③｜明治神宮御苑行ってきました♪ ブログトップ

情報収集

ITmedia

Flood Maps

黒点情報

フレア動画

ウィンドプロファイラ

放射能濃度一覧

黄砂情報

蒸留水器

スピリチュアリズム

歯を大切にしよう

サイバーデンタル

お勉強リンク

日本文化いろは事典

keisαn (CASIO)

JTEX (ジェイテックス)

電子工作マガジン

イーネジ ドットネット

TAMIYA 製品カタログ

カメラ情報

PHOTOHITO

カメラのキタムラネットショップ

価格.com カメラ

ギズモショップ

GANREF

デジカメWatch

Four Thirds

TAMRON

SIGMA

TOKINA

BMWショップ

studie

つたえファクトリー

国産チューニングメーカー

A'PEXi  BLITZ  CUSCO

D.SPEED   FUJITSUBO

GRID  HKS   NISMO 

OS技研  TRUST

永井電子機器株式会社

KAKIMOTO RACING

TOMEI POWERD

DIXCEL（国内外ブレーキパーツ）

ENDLESS  ARC

プロジェクト μ

ROM EDITOR 1.97J

ゲストアイコン