新テンプレート「Ringostar★」： Style book

<<CSS Generatorβ(両サイドバー| Main | 今後の予定について>>

2005-10-14

新テンプレート「Ringostar★」

下のCSS Generatorβに入ってる「dot」を秋っぽくアレンジしてみました。
サイドバー固定で記事部分のみがビヨーンと伸び、上にリンゴの写真が一列入るデザインです。
サンプルはこちら。

設定方法は
http://temp-css.seesaa.net/article/3663981.html
をご覧ください。

以下のテキストフィールドからコピペでご利用ください。

■Ringostar★　(両サイドバー専用)

body {
font-family:"Trebuchet MS",Tahoma,Verdana,Arial,sans-serif; 
margin:0px;
padding:0px;
text-align:center;
background-color:#D8CBAC;
color:#000;
scrollbar-3dlight-color:BURLYWOOD;
scrollbar-darkshadow-color:BURLYWOOD;
scrollbar-arrow-color:brown;
scrollbar-base-color:#D8CBAC;
scrollbar-face-color:#D8CBAC;
scrollbar-highlight-color:#D8CBAC;
scrollbar-shadow-color:#D8CBAC;
scrollbar-track-color:#D8CBAC;
}
img{
border:0px;
}
#container{
text-align:center;
margin:0px;
border-top:brown 10px dashed;
}
a{
text-decoration:none;
color:brown;
}
a:hover,a:active{
color:red;
}
#banner{
margin:0px;
padding:40px 0px 40px 10px;
text-align:left;
line-height:125%;
background-image:url(ringo.jpg);
background-repeat:repeat-x;
}
h1 {
margin:0px;
padding:80px 5px 5px 5px;
font-size:200%;
font-weight:bold;
}
h2{
font-size:100%;
margin:0px;
padding:0px 20px;
color:INDIANRED;
}
h3 {
width:100%;
text-align:center;
font-size:120%;
background-color:BURLYWOOD;
padding:5px 0px;
margin:0px;
}
h3 a{
}
.description {
margin:0px;
font-size:65%;
}
.navi {
font-size:85%;
text-align:center;
padding:0px 0px 5px 0px;
}
#content {
float:left;
width:auto;
text-align:center;
margin:0px;
background-color:#D8CBAC;
position:absolute;
left:198px;right:198px;
}
.blog {
margin:0px;
text-align:left;
}
.blogbody {
margin:5px 0px;
line-height:120%;
}
.date{
}
.title{
}
.title a{
}
.text{
font-size:75%;
margin-top:0px;
padding:0px 15px 0px 25px;
letter-spacing:0.02em;
}
.posted{ 
font-size: 65%;
text-align:right;
padding:5px 20px 20px 0px;
}
#links,#links-left {
font-weight:normal;
width:180px;
text-align:left;
background-color:wheat;
border:BURLYWOOD 4px solid;
position:absolute;
}
#links-left{
float:left;
margin:0px 5px 0px 10px;
left:0px;
}
#links{
margin:0px 10px 0px 5px;
float:right;
right:0px;
}
#calendar {
margin:0px;
font-weight:normal;
padding:5px 0px 5px 0px;
}
#calendar table {
width:180px;
border-collapse:collapse;
margin:0px;
height:120px;
}
#calendar th{
font-size:70%;
font-weight:bold;
color:white;
background-color:BURLYWOOD;
}
#calendar td{
text-align:center;
font-size:70%;
border-bottom:BURLYWOOD 1px dashed;
}
.calendarday a{
text-decoration:underline;
}
.calendarhead , .sidetitle {
width:180px;
text-align:center;
font-size:75%;
font-weight:bolder;
padding:5px 0px;
margin:0px;
color:INDIANRED;
background:BURLYWOOD;
}
.side {
font-size:75%;
font-weight:normal;
line-height:1.5em;
margin:0px;
padding:15px 5px;
}
.side a:hover{
}
.input-submit, .side input, input,textarea{
border:BURLYWOOD 2px solid;
}
.input-submit{
background-color:BURLYWOOD;
}
.side input,.input-submit{
margin:0px -1px;
}
#comments .input-submit{
margin:4px 8px 4px 0px;width:100px;
border:BURLYWOOD 1px solid;
}
.powered {
padding:0px;
text-align:center;
}
.syndicate {
position:relative;left:8px;
font-size:70%;
}
#comments {
margin:25px 15px 0px 15px;
text-align:left;
}
#comments form{
padding-left:10px;
margin-top:5px;
}
#comments input{
max-width:250px;
}
#comments .text{
padding:8px;
border:BURLYWOOD 1px solid;
}
textarea{
max-width:400px;
}
.comments-head{ 
margin:0px;
padding:0px 0px 10px 12px;
font-size:95%;
font-weight:bold;
}
.comments-body {
padding:5px 5px 0px 0px;
font-size:95%;
}
.comments-post{ 
font-size: 70%; 
padding:5px 10px 5px 0px;
text-align:right;
}
#trackback {
font-size:85%;
padding:10px;
margin:0px 15px 10px 15px;
text-align:left;
border:BURLYWOOD 2px solid;
}
#trackback hr{
height:0px;
border:BURLYWOOD 1px solid;
}
#footer{
float:right;
height:60px;
text-align:center;
position:absolute;
top:20px;right:0px;
}
.copyright{
font-size:80%;
width:100%;
text-align:center;
}
#diet-container{
    padding:5px;
}
.diet-title{
    padding:2px 10px 2px 5px;
    font-size:85%;
    color:#D77D62;
    width:90px;
    margin-top:5px;
}
.diet-content{
    padding-left:10px;font-size:85%;
}
#diet-foods{
    padding-left:10px;
    font-size:85%;
}
.food-title{
    width:20%;
    clear:left;
    float:left;
}
.food-content{
    width:75%;
    padding-top:10px;
}

このテンプレートは、専用の画像が1点あります。
下のリンク先の画像をローカルに保存してから、seesaaブログ管理画面の
ツール　->　ファイルマネージャ
でご自分のブログに全てアップロードしてください。
このテンプレートに使用されている画像を、Seesaaブログの背景画像として利用する以外の目的で転用・転載しないでください。
加工・再配布も禁じます。

posted by ８ at 02:21 | Comment(29) | TrackBack(6) | テンプレート

<<CSS Generatorβ(両サイドバー| Main | 今後の予定について>>

この記事へのコメント

テンプレートお借りしました。
とてもかわいいですね♪

Posted by Emi at 2005-10-15 00:11

Emiさんこんばんは、初めまして。
そう仰っていただけて、大変嬉しいです。
ご報告ありがとうございます。

Posted by ８ at 2005-10-17 02:12

テンプレートお借りしました。
アリガトウゴザイマス！
どのデザインも素敵ですね！
これからも楽しみにしてます！

Posted by 山田るうと at 2005-10-24 17:48

山田るうとさんこんばんは、初めまして。
ご報告ありがとうございます。
気に入っていただけたようで大変嬉しいです。

Posted by ８ at 2005-10-30 02:04

テンプレート拝借させて頂きます。どのデザインも非常にハイセンスで迷いましたが、両サイドあるもの、そして記事部分の伸縮などの適応性で決めさせて頂きました。これからも素晴らしいテンプレ作成、頑張って下さい。期待しております。
ありがとうございました！

Posted by オレオ at 2005-11-04 08:20

オレオさんこんばんは、初めまして。
お眼鏡にかなったようで大変嬉しいです。
温かいお言葉もありがとうございます、今後も頑張ります。

Posted by ８ at 2005-11-09 03:02

初めまして┏(o:)) ﾍﾟｺﾘ
テンプレートお借りしました♪
どれも素晴らしいデザインですね！

ナビゲーションバーやカレンダーの設置も、
大変分かりやすかったです。
ありがとうございました。

Posted by はに丸 at 2005-11-11 05:49

初めまして！
テンプレートお借りしました。
いつも素敵なテンプレート拝見させて頂いてました。
今回可愛いテンプレートが3カラムだったのでお借りしました。
「バラ」や「紫陽花」なども3カラムがあると嬉しいのですが…
これからも素敵なテンプレート期待しています！

Posted by ちひろ at 2005-11-16 00:38

始めまして。
ブログを始めるのにまずはテンプレートを、と思いいろいろと探していました。
お借りします。
ありがとうございました。

Posted by 沙月 at 2005-12-02 09:47

はに丸さんこんばんは、ちひろさん、沙月さん初めまして。
気に入っていただけたようで嬉しいです。
ご報告ありがとうございます。

Posted by ８ at 2005-12-06 02:08

素敵なテンプレートお借りしました！！
ありがとうございます♪
これからも楽しみにしています！

Posted by フユ at 2005-12-25 23:44

初めまして。テンプレートを探して此方にたどり着きました。色々と素敵なテンプレートが沢山で凄く悩みましたがスクロールのテンプレートをお借りしました。シンプルで使いやすく気に入ってます。有難うございました。

Posted by maria at 2006-01-10 12:29

初めまして。seesaaのテンプレートを探していてたどり着きました。
オリーブかcloveかとても悩みましたがcloveをお借りしました。
これからも楽しみにしています！

Posted by あい at 2006-01-16 05:52

はじめまして(o^-^o)
seesaaのテンプレートとカスタマイズの仕方を探して辿りつきました♪
もぅ、ほしい情報がドンピシャ！

テンプレートとカレンダーを上部に設置。
それから。続きを読むの表示変更を使わせていただきました。これからもきっとお世話になると思います。ブログにもリンクさせていただきました。どうもありがとうございました♪

Posted by smile at 2006-01-19 13:51

テンプレートお借りいたしました。
大変ステキなテンプレが多く迷いました。
画像を入れる際、少し戸惑いましたがどうにかできました。
これからもステキなテンプレート期待しております。

Posted by クミ at 2006-02-18 02:25

>フユさん、 mariaさん、あいさん、smileさん、クミさん
こんばんは、初めまして。
ご報告ありがとうございます。
楽しんで使っていただければ嬉しいです。

Posted by ８ at 2006-02-21 03:07

お借りしました。初心者なりに色々テンプレートを探して、やっとかわいくて、はですぎず、とても気に入っています。ありがとうございます。

Posted by サミスケ at 2006-02-21 14:59

たびたびすみません。画像がうまくいきません。リンゴの列とブログ名の間があいてしまうのです。
デザイン→コンテンツ→「ブログ名」をクリックして、テキスト上部にファイルマネージャーに保存したringo.jpgを2回貼り付けました。
この方法が間違いなのでしょうか。

せっかくとても気に入ったデザインなので、サンプルのようにきれいに表示させたいのですが。

身勝手なお願いですがお時間あれば教えていただければとてもうれしいです。

Posted by サミスケ at 2006-02-21 16:58

たびたびで申し訳ありません。どうにかこうにか自分でいじくって形にすることができました。テンプレお借りした上にずうずうしいお願いをしてすみませんでした。素敵なデザイン、ありがとうございました。

Posted by サミスケ at 2006-02-22 07:48

はじめまして!!　とってもステキなテンプレートなので、ぜひ使わせ頂きたいのですが、どうしても画像が入れられません。どうか教えていただけないでしょうか? どうぞよろしくお願いします。

Posted by ぷーさん at 2006-03-01 18:21

度々申し訳ありません。あれから何とか画像はアップできましたが、画像とタイトルの間が開いてしまいました。どこがいけないのでしょうか?お忙しいところ申し訳ありませんが、教えていただければ嬉しいです。

Posted by ぷーさん at 2006-03-01 23:48

はじめまして。ももと申します。
気に入ったテンプレをずっと探していますが
このテンプレに一目惚れです。
でもお借りできないようですので　他をいろいろ探していますが
どうしてもこれ以上のものは見つかりません。
この薄いブルーの色合い　字体字間行間
全て気に入っていますので
このままお借りしたいと思います。
お借りできる日をお待ちしております。
再開の一日も早いことを　ご期待しております。

Posted by もも at 2006-04-02 14:00

テンプレートお借りしました！
素敵なテンプレートが多くて、アレコレ試しながら迷いながら、や～っと決めました。
これからも期待しています。
どうもありがとうございました。

Posted by ぐるまる at 2006-06-24 20:25

はじめまして。
ひと目見て気に入りました。
テンプレート使わせて頂きます。
ありがとうございました。

Posted by omiyage at 2006-09-14 16:08

はじめまして。おすぱと申します。
テンプレート、お借りいたします。
色合いもデザインもとてもかわいいですね！
ありがとうございました♪

Posted by おすぱ at 2006-09-28 12:32

犯行今回の最高裁による判断でイスラエル国内でジェナさんも人だったとも述べた国際労働党死亡したイラクのこれまで住民ら

Posted by 螳壽焚 at 2007-08-22 21:32

うははははっ！！ｗｗｗすんげーﾊﾟｲｵﾂな女の子とちゅっちゅしてきたよ～！！ｗｗｗ
突くたびにﾌﾞﾙﾙﾝﾌﾞﾙﾙﾝ揺れるのはｵﾊﾟｰｲ好きにはたまらんｗｗｗｗｗ(*´∀｀*)
しかもたゆんたゆんのｵﾊﾟｰｲでｽﾞﾘｽﾞﾘもしてもらったし、キンモヂィィー！！ｗｗｗ(ﾉ*ﾟ∀ﾟ)ﾉ

http://jam.tsukimisou.net/80zj5pi/

Posted by ボッヨヨヨヨ～～ン！！ｗｗｗ at 2009-08-09 05:07

オタ系の子いいねーｗｗｗｗｗ
ちっとコスプレしてくれって言ったらねこみみメイドになってくれたしｗｗｗ
しまいには喘ぎ声まで「にゃーん！」とか言ってたしなｗｗｗ（*ﾟ∀ﾟ）・∵. ﾌﾞﾎｧｯ!!
あーでもこれかなり八マるわーｗｗｗ次は巫女のカッコさせる予定ｗｗｗｗｗ

http://EnVi.sTroWcrUe.net/159j8d1/

Posted by ねこみみモード突入っ！！ at 2009-08-18 03:47

ココに舐め女って呼ばれてる有名なふぇらっちょ大好き女がいるらしいので突撃してきますたｗｗｗ
http://erin.YUMEnokuni.net/r2ysyoq/

それっぽいユミって名前の女と会ってきたんだが
「今までなめた数は120本くらいかなぁ？(*´∀｀*)」って言ってたからたぶんコイツで間違いないｗｗｗ

とりま３回くらいお口でヌいてもらったよｗｗｗ
ザーメンを一滴残らず飲み干してたのにはちょい引いたけどｗｗｗｗｗ

Posted by いってきましたよー at 2009-09-04 09:22

コメントを書く

この記事へのTrackBack URL

Seesaa自作テンプレートリンク集
Excerpt: 初心者Seesaaブロガーさんの悩みの種のデザインテンプレート。自作なされてる方のブログをいくつか見つけたので、紹介します。どれも大変素晴らしいデザインです♪ Style book http..
Weblog: ブログで音楽を。
Tracked: 2005-11-11 05:52

ブログのデザインを変える
Excerpt: Seesaaのテンプレート配布サイトを、いくつか紹介しているのですが…「Style book」さんのテンプレートが一番シンプルでオシャレで素敵♪紹介記事としてリンクさせていただいたので、TBを送ります..
Weblog: Blog Beginer’s（ブログビギナーズ）－超初心者のための無料ブログ講座－
Tracked: 2006-03-30 10:46

ブログのテンプレートの話（独自配布について；シーサーブログ向け）・・・
Excerpt: 今日はほぼ全国的に晴天だったそうで、こちら大阪も、多少の雲は出ていたものの、お日さまがギラギラ地上を照らし続けました。ところで、携帯電話会社を乗り換える際、一定の手数料を支払えば今使用..
Weblog: 内気性の元郵便局員が挑むネット稼ぎ！
Tracked: 2006-10-14 01:22

負けても勝ち組ｗ
Excerpt: てぃん★てぃんシゴきまくってもらって５諭吉くれるってどんだけｗｗ　パチ屋行く前の軍資金集めの定番になってしまったｗ
Weblog: ドンパッチ
Tracked: 2008-02-16 17:26

びひゃあぁぁぁぁぁい！
Excerpt: こないだ女にロー夕ーと電マ持って来させてマムコを集中攻撃したよ(｀・ω・´) スゲエ声でアンアン言いまくって、もの凄い勢いで９マソくれたよｗｗｗｗｗｗ寝て稼ぐのもいいけど、たまには攻めるのもアリだよ..
Weblog: コンプ
Tracked: 2008-10-04 19:34

試写室にてｗｗｗ
Excerpt: お互い家でするのは嫌だし、ホテルってベタだし・・・試写室でヤってきたｗｗスリルあるし密室感あるし普通よりスンゲー興奮したｗｗｗｗｗｗ女もスゲエ濡れ濡れで何回もイってたしｗ　おかげで１０マソも貰えた..
Weblog: 暴走
Tracked: 2008-10-25 05:27

<<CSS Generatorβ(両サイドバー| Main | 今後の予定について>>