<<  main  >>
いらっしゃいませ☆
 テンプレート公開中です☆
 こちらから、ダウンロードできますので、ぜひどうぞ☆
 使い方などは、テンプレート公開中☆のカテゴリ内をごらんください!
スポンサーサイト

一定期間更新がないため広告を表示しています

| スポンサードリンク | | - |
| - | - | pookmark |
テンプレート更新しました☆2009秋<sumikko>
 すみっこのデザインが、秋になったので、テンプレート「sumikko」のデザインも、秋になりました☆



 サイトのデザインのとこでも書きましたが、今年の秋は、スイーツで行きます☆
 ほかのサイト(素材とか)や、デザインフェスタ用のイラストとも連動・・・する予定!
 理由?
 だって、デザフェスが、10月なんだもん!
 10月って言ったら、ケーキでしょ?10月は、ケーキ食べるでしょ?(超個人的意見です☆)

 今までのとおり、イラストは、自動で、色については、背景とリンク色を、テンプレート自体、更新しています。
 背景や、リンク色が、デザインにあわせて、変わっています☆
 ご自身で、設定を変えられてる方、いまのままがいいやぁ〜、という方以外は、お手数ですが、再度ダウンロードしていただくか、続きに記載のとおり、変更をお願いします☆



JUGEMテーマ:アート・デザイン
 手動で変えられる場合は、こちらを参考にしてください。

色の変更点


 ひとつずつ書き換える場合は、こちらを参考にどうぞ☆
 エディタなどにコピペしてから、置換作業をやると、いいかと思います。

背景色: 変更なし
 →背景画像をつけました。
 「body」の{}内に、これを追加してあります。

background-image:url(http://sumikko.style.coocan.jp/bg2.gif);
background-repeat: repeat;
background-position: center top;



リンク・ライン色
 ff7eb6 → ff7279
 7eb9ff → dbc173


CSS全文


 CSSの部分を、全部変えるには、こちらをコピペしてご利用ください☆


* {
margin: 0px;
padding: 0px;
}

body {
background-image:url(http://sumikko.style.coocan.jp/bg2.gif);
background-repeat: repeat;
background-position: center top;
background-color:#ffd0df;
color:#4e3234;
font-size: 11px;
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅";
}

#wrapper_body {
margin:0px auto;
width:800px;
line-height: 150%;
background-color: #ffffff;
}

#wrapper_body table,td,tr,div { margin:0px; padding:0px;}

a:link {color: #ff7279; text-decoration: none;}
a:hover, a:visited, a:active {color: #dbc173; text-decoration: none;}


input,
textarea {
background-color:#ffffff;
border:1px dashed #dbc173;
margin:5px;
padding:5px;
}

.button {
background-color:#ffffff;
border:1px dashed #dbc173;
margin:5px 5px 0px 5px;
padding:5px;
}

.checkbox {
margin:5px 0px 15px 5px;
}

#wrapper_body img {
padding: 5px;
background: #FFF;
border: 0px;
}

#wrapper_body li {
list-style-type: none;
margin-bottom:5px;
}

/* ************************************************
* ページレイアウト
* ************************************************ */

#header {
width:800px;
height:350px;
background-image:url(http://sumikko.style.coocan.jp/footer.jpg);
background-repeat: no-repeat;
background-position: right bottom;
background-color:#ffffff;
}

/* 画面右側の幅 */
#main {
width: 500px;
float: right;
}

.main_in {
width:450px;
margin-top:0px;
margin-left:20px;
}

/* レイアウト調整 */
#side {
margin-top: 0px;
margin-right: 500px;
}

/* 画面左側メニューの幅 */
.side_in {
width:250px;
margin-top:0px;
margin-left:30px;
}

/* フッター */
#footer {
clear: both;
width:700px;
margin:0px;
padding:30px 50px 50px;
text-align:center;
line-height:200%;
}




/* ************************************************
* サイトタイトル
* ************************************************ */

#header h1 {
background-image:url(http://sumikko.style.coocan.jp/l1.gif);
background-repeat: no-repeat;
background-position: 60px bottom;
padding:150px 0px 5px 100px;
font-size: 22px;
}

.description {
padding:20px 200px 0px 100px;
font-size:12px;
}




/* ************************************************
* ライン
* ************************************************ */
.line_main table {
width:800px;
}

.line_main tr {
height:50px;
}

.line_main td {
width:55px;
background-image:url(http://sumikko.style.coocan.jp/l3.gif);
background-repeat: no-repeat;
background-position: center center;
}

.line_main th {
width:50px;
background-image:url(http://sumikko.style.coocan.jp/l4.gif);
background-repeat: no-repeat;
background-position: center center;
}

.line_m table,
.line_s table {
width:450px;
}

.line_m tr,
.line_s tr {
height:50px;
}

.line_m td {
width:150px;
background-image:url(http://sumikko.style.coocan.jp/l4.gif);
background-repeat: no-repeat;
background-position: center center;
}

.line_s td {
width:150px;
background-image:url(http://sumikko.style.coocan.jp/l3.gif);
background-repeat: no-repeat;
background-position: center center;
}




/* ************************************************
* サイド
* ************************************************ */
.side_box {
margin-top: 20px;
margin-bottom: 30px;
padding:0px 5px 10px;
border-top:1px solid #4e3234;
border-bottom:1px solid #4e3234;
text-align:center;
}

.side_box h2 {
background-image:url(http://sumikko.style.coocan.jp/l3.gif);
background-repeat: no-repeat;
background-position: left center;
padding: 10px 10px 10px 25px;
margin-bottom:10px;
font-size: 13px;
border-bottom: 1px dashed #4e3234;
text-align:left;
font-weight:normal;
}
.side_box h2 img {
vertical-align:middle;
padding:0px;
margin:0px 5px;
}
.side_box ul{
list-style-image: url(http://sumikko.style.coocan.jp/l4.gif);
text-align:left;
marging:0px 30px;
padding:0px 30px;
}

.side_box li {
vertical-align:middle;
margin:2px 5px;
padding:0px 3px;
}

/* カレンダー ---------*/

.calendar {
font-family: "Verdana";
text-align:center;
line-height: 140%;
margin:10px;
}

.calendar table {
width:100%;
margin:0px auto;
text-align:center;
}

.weekday { padding: 2px;}
.cell { padding: 2px;}

.cell a:link {font-weight: bolder;}


/* ************************************************
* エントリー
* ************************************************ */

#top_txt {
margin-top: 10px;
margin-bottom: 10px;
padding:0px 5px 10px;
border:1px dashed #4e3234;
}

#top_txt table {
width:450px;
}

.top_txt_title_left {
background-image:url(http://sumikko.style.coocan.jp/t_left.gif);
background-repeat: no-repeat;
background-position: right center;
padding-right:100px;
margin:0px;
}

.top_txt_title_right {
background-image:url(http://sumikko.style.coocan.jp/t_right.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left:100px;
margin:0px;
}

.top_txt_title {
padding: 15px;
font-size: 16px;
text-align:center;
font-weight:normal;
}

.top_txt_body {
margin:10px;
padding:10px;
line-height:170%;
font-size:12px;
border:1px solid #dbc173;
}

.entry_navi {
margin-bottom:20px;
padding: 5px 0px;
text-align:right;
}

#entry {
margin-top: 10px;
margin-bottom: 10px;
padding:0px 5px 10px;
border-top:1px solid #4e3234;
border-bottom:1px solid #4e3234;
}

.entry_state {
text-align:right;
margin-top:10px;
padding-top:10px;
border-top: 1px dashed #4e3234;
}

.entry_title {
background-image:url(http://sumikko.style.coocan.jp/l2.gif);
background-repeat: no-repeat;
background-position: left center;
padding: 15px 15px 15px 35px;
margin-bottom:10px;
font-size: 16px;
border-bottom: 1px dashed #4e3234;
text-align:left;
font-weight:normal;
}

.entry_title a:link,
.entry_title a:visited,
.entry_title a:active {color: #4e3234; text-decoration: none;}

.entry_date {
text-align:right;
}

.entry_body {
margin:15px;
line-height:170%;
font-size:12px;
}

.entry_body .emoji {
display: inline;
}

.entry_more {
padding-top:10px;
}

.jugem_theme {
margin:15px 0px 0px;
text-align:right;
font-size:11px;
}

.entry_body blockquote {
border:1px dashed #4e3234;
margin: 15px;
padding:10px;
}

.entry_body p {
border:1px dashed #dbc173;
margin: 15px;
padding:10px;
}

.entry_body ul{
list-style-image: url(http://sumikko.style.coocan.jp/l4.gif);
text-align:left;
marging:0px 30px;
padding:0px 30px;
}

.entry_body li {
vertical-align:middle;
margin:2px 5px;
padding:0px 3px;
}

.entry_body h1 {
background-image: url(http://sumikko.style.coocan.jp/l1.gif);
background-repeat: no-repeat;
background-position: left center;
font-size:18px;
margin:10px 0px;
padding:6px 0px 2px 35px;
}

.entry_body h2 {
background-image: url(http://sumikko.style.coocan.jp/l2.gif);
background-repeat: no-repeat;
background-position: left center;
font-size:16px;
margin:10px 0px;
padding:4px 0px 4px 35px;
}

.entry_body h3 {
background-image: url(http://sumikko.style.coocan.jp/l3.gif);
background-repeat: no-repeat;
background-position: left center;
font-size:14px;
margin:10px 0px;
padding:4px 0px 0px 25px;
}

.entry_body h6,
.entry_body h5,
.entry_body h4 {
background-image: url(http://sumikko.style.coocan.jp/l4.gif);
background-repeat: no-repeat;
background-position: left center;
font-size:12px;
font-weight:normal;
margin:10px 0px;
padding:5px 0px 5px 20px;
}

.entry_body h6 {
border-bottom: 1px dashed #4e3234;
}

.entry_body h5 {
border-bottom: 1px solid #ff7279;
}

.entry_body h4 {
border-bottom: 1px solid #dbc173;
}

.entry_body table {
border: 1px solid #4e3234;
margin:10px;
padding:10px;
}

.entry_body td,
.entry_body th {
border: 1px dashed #4e3234;
padding:7px;
margin:7px;
}

.pict { }



/* -------------------------------------
* コメント・トラックバック
* ------------------------------------- */

#trackback {
margin-top: 10px;
margin-bottom: 10px;
padding:0px 5px 10px;
border-top:1px solid #4e3234;
border-bottom:1px solid #4e3234;
}

#trackback .tb_main_title {
background-image:url(http://sumikko.style.coocan.jp/l2.gif);
background-repeat: no-repeat;
background-position: left center;
padding: 15px 15px 15px 35px;
margin-bottom:10px;
font-size: 14px;
border-bottom: 1px dashed #4e3234;
text-align:left;
font-weight:normal;
}

#trackback .tb_url {
font-size: 11px;
padding: 5px 10px 5px 10px;
}

#trackback .tb {
border:1px dashed #4e3234;
margin: 15px;
padding:10px;
}


#trackback .tb_title {
background-image:url(http://sumikko.style.coocan.jp/l3.gif);
background-repeat: no-repeat;
background-position: left center;
padding: 5px 15px 10px 25px;
margin-bottom:10px;
font-size: 12px;
border-bottom: 1px dashed #4e3234;
text-align:left;
font-weight:normal;
}

#trackback .tb_body {
padding:5px 10px 10px;
font-size:12px;
line-height: 170%;
}

#trackback .tb_state {
border-top: 1px dashed #4e3234;
padding-top:10px;
text-align:right;
}

#trackback .formarea {
border:1px dashed #4e3234;
margin:30px 15px 15px;
padding:20px;
}

#trackback .formarea label{
background-image:url(http://sumikko.style.coocan.jp/l4.gif);
background-repeat: no-repeat;
background-position: left center;
padding: 15px 15px 15px 20px;
margin-bottom:10px;
font-size: 12px;
text-align:left;
}

#trackback .formarea input{
margin-bottom:15px;
}
| ぱちこ☆ | 20:45 | テンプレート公開中☆ |
| comments(0) | trackbacks(0) | pookmark |
スポンサーサイト
| スポンサードリンク | 20:45 | - |
| - | - | pookmark |
コメントありがとうございます☆









トラックバック