2004年07月27日

テンプレート追加中

またまた長い間放置してしまいました。
申し訳ありません。。。

すでにご存じの方が多いと思いますが、ここ1、2週間の間にテンプレートを8つ追加しました。

そこで、今までのものと今回新たに追加しているテンプレートの違いを二つほど書いておきたいと思います。
まず一つ目というかこれが一番違うのですが、今回のものはデザインを重視してみようということで、横幅を固定しています。
具体的には、
■旧デザインの横幅指定
#content{width : 75%;}
*ブラウザの画面幅によって、contentの表示幅が変動
■新デザインの横幅指定
#content{width : 400px;}
*ブラウザの画面幅に関係なく、contentの表示幅を固定

このように横幅を固定することで、ブラウザの表示幅を気にせずちょっと凝った背景画像を使ったり、記事のタイトルに背景画像を設定したりといったことを行えるようになりました。

もう一つが、Seesaaからのお知らせにもありますが、ブログデザイン向上のために新たにcontainerというIDを追加しました。
ブログのタグ構成は下記表のとおりになります。
body
container
banner
links-leftcontentlinks
footer



このcontainerをうまく利用するとダイアリーのような、ブログの本体が真ん中に表示され、ブログ全体の背景と記事等のコンテンツを表示する箇所の背景を別にするというデザインが可能になります。

いつものように、わかりづらい点もあるかと思いますが、スタイルシートの変更を行う際の参考にしてください。

posted by スタッフ2号 at 15:34| 沖縄 ☀| Comment(16) | TrackBack(32) | スタイルシート | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
お世話になってます。
テンプレート追加お疲れ様です。
http://info.seesaa.net/article/1609.html#comment
にも書いてしまったのですが、CSSに関してはこちらに書いた方が良さそうなので此方にもコメントさせていただきます。

コメント確認画面のブロック構造についてなのですが、
通常のコメント部分には#commentsで囲ってあるのに、確認画面では囲まれていないためにCSSデザイン上ちょっと困ります。表立った部分ではないですが、なんかのついでにちょこっとタグを書き足していただけると大変嬉しいです。

毎日暑いですけれども、お体にはお気をつけて。開発頑張ってください。
Posted by Courtney at 2004年07月30日 11:37
>Courtneyさん
ご指摘頂き、ありがとうございます。

コメントの確認画面につきまして、修正を行わせて頂きます。



Posted by スタッフ2号 at 2004年08月02日 12:40
こんな丁寧な説明があったんですね!
ここに気が付かなくていろいろ試行錯誤してきました。
でも、自分でいろいろ調べるのも楽しいですね。
CSS初心者ですが、これをヒントにもう少し情報を整理したいと思います。
Posted by GreenSea at 2004年08月10日 23:09
ダイアリーを使ってみたんですが、
ネットスケープでみると、コメント入力欄が右側のlinks欄まではみ出して、links欄にあるコンテンツと重なってしまいます。
まぁ普段はIE使ってますので不便はないのですが、ご確認ご対応よろしくお願いします。
Posted by pyo at 2004年09月03日 10:48
もうひとつありました。
ネスケでみると、フッターが右に寄ってしまっています。
IEではセンタリングされてるんですが。
Posted by pyo at 2004年09月03日 11:20
ちょっとスタイルシートの話とは違いますが、HTMLのテンプレートも編集できるようにしてもらえると嬉しいです。
あと、カテゴリ数も20MAXは少ないので増やしてもらいたいなぁと思ってます。

CSSのテンプレートは良いものが揃っており気にいってます。
Posted by papa at 2004年09月13日 00:16
いつもご苦労さまです。

新しく増えたテンプレートのうち『パンダ』が気に入ったので
導入してみたのですが。
デフォルトの状態(サンプルでも)で横スクロールが
発生してしまっているのが気になります。

出ないように調整するには、どの項目・数値を変更すれば
よろしいでしょうか。
あるいは、デフォルトのデータを修正していただくことは
できますでしょうか。
ちなみに画像・レイアウト等変更の予定はありません。

お手数ですが、よろしくお願い致します。
Posted by 藤村彩家 at 2004年10月11日 13:47
はじめまして。いつもお世話になっております。

先日追加されたばかりの「きのこ」のテンプレートを
早速使ってみたのですが。
カレンダーの下の枠の画像が表示されなくてそこだけ鋭角になっていますよね?
そこだけなので、なんだか気になっております。

修正するにはスタイルシートのどの部分をどう変更すれば
きちんと表示されるのでしょうか?


お手数おかけしますが、お返事よろしくお願いいたします。m(_ _)m
Posted by さくら。 at 2004年10月20日 22:37
はじめまして。こちらのブログを使わせてもらってまだ日が浅いので、よく分からない所もあります。

質問をさせていただきますが、スタイルシートを変更した時、そのままだと、自分独自のコンテンツは表示されませんよね。

前のブログで自分で作ったコンテンツをまとめて一気に追加するような事は出来ないんでしょうか?

それともひとつずつ、コピーして追加するしかないんでしょうか?

お返事、宜しくお願いします。

Posted by 夜狼寺 大 at 2004年11月27日 11:49
はじめまして & ご苦労様です。

3 カラムのテンプレートについてですが、

・ Mac の IE で表示するにはブラウザの横幅を激しく広げないと 3 カラム表示できません。

・ Mac の IE と Safari のみでしか試していませんが、ブラウザを横に広げるバーが常に表示されてます。ブラウザをどこまで広げても永遠にコンテンツの方が横幅が広いです。

・ #container の ID を追加されたようですが、default のテンプレートには #container の ID が含まれていませんでした。

修正していただけると幸いです。

お手数ですが、よろしくお願いします。
Posted by 大五郎 at 2004年12月05日 13:18
テンプレート参考にさせていただきました。
Posted by SEOの真の目的 at 2006年10月15日 08:07
参考になりました
Posted by 儲かるブログ作り「SEO/AdSense攻略」 at 2006年10月15日 08:33
勉強になりました
Posted by ページランク対策 at 2006年10月15日 08:44
もう更新ないのかな
Posted by Google か Yahoo! at 2006年10月15日 08:50
<a href= http://test-sesso.fst-blog.cn >test sesso</a> <a href= http://ammortamento-mutuo.you-blog.cn >ammortamento mutuo</a> <a href= http://il-cairo-ristorante.fst-blog.cn >il cairo ristorante</a> <a href= http://cartolina-festa-papテ.you-blog.cn >cartolina festa papテ</a> <a href= http://incontri-privati.fast-blog.cn >incontri privati</a> <a href= http://foto-divertente.fast-blog.cn >foto divertente</a> <a href= http://affitto-stanza.you-blog.cn >affitto stanza</a> <a href= http://nizza-ristorante.you-blog.cn >nizza ristorante</a> <a href= http://software-gestione-mp3.my-blogs.cn >software gestione mp3</a> <a href= http://gabriella-ferro.fstblog.cn >gabriella ferro</a>
Posted by John at 2007年08月17日 03:11
ファッションシューズ christian ルブタン http://www.clespeciallyjp.biz/ [url=http://www.clespeciallyjp.biz/]christian ルブタン[/url]
Posted by christian ルブタン at 2013年07月25日 12:29
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:


この記事へのトラックバック

タイトルバナーを変更してみよう!
Excerpt: 今気が付いたんだけど、シーサースタッフさんのお知らせページと同じデザインをベースにしているので、そっくりじゃないですか!! ちょっと恥ずかしいなぁ。(いや別にシーサースタッフさんのページが悪いって意..
Weblog: 海が青いのは空が青いから・・・
Tracked: 2004-08-10 23:10

Seesaa(シーサー)テンプレートのテスト配布
Excerpt: テスト的にSeesaa用のテンプレートを配布します。 テンプレートの作成はCSSで行うわけですが、SeesaaBlogが出力するXHTMLや私のしょぼいスキルによって、できる事できない事がありますの..
Weblog: Seesaa デザインテンプレート
Tracked: 2004-09-08 00:10

まったくの素人によるCSS解説・その1
Excerpt: “Seesaa カスタマイズ”で検索かけて来てくださった方がいらっしゃいました。 ぎゃああああ何の役にも立たないじゃないかこの内容じゃ! せっかく来ていただいたのにごめんなさいごめんなさいごめんなさい..
Weblog: LAZY CRAZY*BLOG!!!!
Tracked: 2004-11-13 06:34

ブログ テンプレートの選択基準は?
Excerpt: みなさん、ブログのテンプレートはどのような基準で選ばれてますでしょうか? もちろん、「好みのデザインで。」という方が殆どだとは思うのですが・・・ 私自身もそうです。 私はシンプルなものが好きなので..
Weblog: 男のアフィリエイト宣言
Tracked: 2005-03-03 07:24

デザイン変更
Excerpt: 以前から、デザインを変更しようと思っていて少しずつ変更しておりましたが何とか見れる形になったので変えてみました。 シンプルで気に入ってます。皆さんはどうですか? 一応、CSSの知識もまったく無く、bl..
Weblog: おこずかいを増やそう!!
Tracked: 2005-03-05 01:39

スタイルシートの基本その1〜セレクタについて〜
Excerpt: 今日は、スタイルシートを編集する際にとても大事な「セレクタ」についてもう少し詳しく説明していきますね。 最初はよく分からないと思いますが、読んでいくうちに少しでも分かっていただけたら幸いです。 自..
Weblog: SeesaaBLOGで簡単にホームページ作成!
Tracked: 2005-03-30 21:52

右サイドバーが落ちるのを直す。
Excerpt: 大変参考になりました。ありがとうございます。 記事リンクさせていただきました。
Weblog: feeling lucky for me
Tracked: 2005-05-10 23:27

右のバナーがズコッと落ちる
Excerpt: 私は、HTMLとかCSSについてはど素人です。CSSは名前も最近知ったくらい。 で、gooからseesaaに引っ越してきて、休日にしこしこブログをいじっていると、とりあえず両サイドのバナーを均等に並..
Weblog: 名越義樹の主観@雑感
Tracked: 2005-05-15 00:42

SeeSaaのテンプレートに言わせて!
Excerpt: 皆さんこんにちわ。 始めて投稿です。 このシーサーのテンプレート、すぐ右が落ちちゃうんですけど。。。 落ちないで、センターがもっと幅広のテンプレート用意して欲しいなあ。 ちなみにこのブログでは「エアメ..
Weblog: ちょっと言わせて!
Tracked: 2005-05-24 19:48

バナー 背景画像を変更してみましょう 挑戦!! 
Excerpt: みんなと同じデザインはちょっと  自分のオリジナルデザインにしてみませんか?  準備するもの 背景画像 ツール→ファイルマネージャーへ画像を登録しましょう  デザイン→ス..
Weblog: seesaaっていろんなことができるけど わからない
Tracked: 2005-07-28 11:35

右サイドバーの落ちを防ぐ
Excerpt:  今回は、ブログの表示でウィンドウサイズが小さい場合に、右サイドバーの情報が消えてページの下の方に移動してしまう現象の改善方法の紹介です。   ○右サイドバーの落ちを防ぐ方法  この方法自体はSe..
Weblog: 挑戦!ディスカバリーネット
Tracked: 2005-08-30 22:45

カスタマイズにはスタイルシートを理解することが一番(続)
Excerpt:  
Weblog: シーサーブログ(seesaa blog)カスタマイズ
Tracked: 2005-09-20 08:34

スタイルシート対応図なるものを作りました。
Excerpt: スタイルシート編集をしていると、「これはどの部分に対応しているのだろう・・・・」と悩むことが何度もあります。公式のタグ構成図では、「body、container、banner、links-left、c..
Weblog: ブログ初心者の友
Tracked: 2005-11-21 21:23

family incest galleries
Excerpt: <a href="http://www.cermac.it/wwwboard/messages/34873.html">interracial cuckold</a> free mature porn <a href="http://www.cermac.it/wwwboard/messages/34875.html">interracial porn</a> interracial movie clips <a href="http://www.cermac.it/wwwboard/messages/34877.html">black or white</a> otk spa..
Weblog:
Tracked: 2005-12-17 15:31

animal porn
Excerpt: <a href="http://oneblonde.homelinux.net/young-girls/shaved-pubic-gallery.html">bald vagina</a> hot young blonde cheerleaders <a href="http://oneblonde.homelinux.net/young-girls/pics-of-females-shaving-their-heads-bald-haircuts.html">young nude</a> beast <a href="http://oneblonde.homelinux.net/young-girls/shaved-muff.html">young tits</a> very young girls <a href="http://oneblonde.homelinux.net/young-girls/shaved-armpits.html">young nude</a> bi..
Weblog:
Tracked: 2005-12-17 17:12

upskirts
Excerpt: <a href="http://happykeeper.homelinux.net/asian/asian-girls-in-thongs.html">asians</a> horny <a href="http://happykeeper.homelinux.net/asian/hot-asians.html">japanese girls</a> blow jobs <a href="http://happykeeper.homelinux.net/asian/asian-school-girls-in-thongs.html">asians</a> spy sweeper <a href="http://happykeeper.homelinux.net/asian/japanese-schoolgirl.html">asian lesbians</a> asian tits <a href="http://happykeeper.homelinux.net/asian/asian-schoolgirl.html">asian teens</a> teen ..
Weblog:
Tracked: 2005-12-17 18:37

transvestite
Excerpt: <a href="http://sandfog.dynamicdns.me.uk/fisting/fisting-men.html">fist</a> girls fisting <a href="http://sandfog.dynamicdns.me.uk/fisting/fist-fucking-free.html">fist fights</a> lesbian fisting <a href="http://sandfog.dynamicdns.me.uk/fisting/girl-fisting.html">fisting pussy</a> extreme fisting <a href="http://sandfog.dynamicdns.me.uk/fisting/fisting-pics.html">teen fisting</a> transsexua..
Weblog:
Tracked: 2005-12-17 19:44

lesbian orgy
Excerpt: <a href="http://freestand.dynu.net/handjob/fingering-vaginas.html">squirting orgasm</a> wank <a href="http://freestand.dynu.net/handjob/girls-fingering-themselves.html">women masturbating</a> sublime directory <a href="http://freestand.dynu.net/handjob/extreme-object-insertion.html">squirt</a> squirt <a href="http://freestand.dynu.net/handjob/wanking-boys.html">girls masturbating</a> lesbians..
Weblog:
Tracked: 2005-12-17 19:51

hairy girls
Excerpt: <a href="http://twomilesavey.dns2.us/cameltoe/camel-toe-teens.html">camel toe galleries</a> asian beaver <a href="http://twomilesavey.dns2.us/cameltoe/my-camel-toe.html">camel toe wet</a> big butts <a href="http://twomilesavey.dns2.us/cameltoe/cameltoe-teen.html">rate my camel toe</a> black booty <a href="http://twomilesavey.dns2.us/anal/anal-fisting.html">big booty</a> ana..
Weblog:
Tracked: 2005-12-17 20:07

handjob
Excerpt: <a href="http://www.virtual-places.com/wwwboard/messages/28292.html">feet</a> black and white art <a href="http://www.virtual-places.com/wwwboard/messages/28293.html">feet tickling</a> huge boobs <a href="http://www.virtual-places.com/wwwboard/messages/28294.html">facesitting</a> black cocks white sluts <a href="http://www.virtual-places.com/wwwboard/messages/28295.html">footjob</a> welive..
Weblog:
Tracked: 2005-12-17 20:47

black ass
Excerpt: <a href="http://walkmaine.dynu.net/hentai/digimon-hentai-gallery.html">free hentai</a> big black tits <a href="http://walkmaine.dynu.net/hentai/-hack-hentai.html">kim possible hentai</a> nice ass <a href="http://walkmaine.dynu.net/hentai/free-digimon-hentai.html">comics</a> breast <a href="http://walkmaine.dynu.net/hentai/the-phantom-comics.html">cartoon porn</a> big tits <a href="http://walkmaine.dynu.net/hentai/nintendo-hentai.html">pokemon ..</a>
Weblog:
Tracked: 2005-12-17 21:33

female ejaculation
Excerpt: <a href="http://www.walking-the-dogs.com/wwwboard/997.html">squirt</a> spanking <a href="http://www.walking-the-dogs.com/wwwboard/1006.html">premature ejaculation</a> teen titans <a href="http://www.walking-the-dogs.com/wwwboard/1011.html">squirting women</a> mardi gras girls <a href="http://www.walking-the-dogs.com/wwwboard/1021.html">squirters</a> milfsee..
Weblog:
Tracked: 2005-12-18 00:57

exhibitionism
Excerpt: <a href="http://www.fromashestofaire.org/wwwboard/messages/12502.shtml">incest</a> outdoor sex <a href="http://www.fromashestofaire.org/wwwboard/messages/12503.shtml">family incest galleries</a> daughter incest, incest <a href="http://www.fromashestofaire.org/wwwboard/messages/12504.shtml">father and son</a> mother daughter in..
Weblog:
Tracked: 2005-12-18 01:22

lesbian licking
Excerpt: <a href="http://www.goodnews-weekly.com/wwwboard/messages/2931.html">disney lesbian toons</a> gay teens <a href="http://www.goodnews-weekly.com/wwwboard/messages/2932.html">teen lesbian</a> asian lesbians <a href="http://www.goodnews-weekly.com/wwwboard/messages/2937.html">lesbian</a> lesbians fucking <a href="http://www.goodnews-weekly.com/wwwboard/messages/2939.html">free lesbian por..</a>
Weblog:
Tracked: 2005-12-18 07:40

black and white
Excerpt: <a href="http://www.bugieonline.it/wwwboard/messages/55758.html">gay incest</a> gay anal <a href="http://www.bugieonline.it/wwwboard/messages/55760.html">incest sex stories</a> big pussy <a href="http://www.bugieonline.it/wwwboard/messages/55763.html">incest art</a> stocking <a href="http://www.bugieonline.it/wwwboard/messages/55766.html">incest stories</a> girls peeing <a href="http://www.bugieonline.it/wwwboard/messages/55774.html">inc..</a>
Weblog:
Tracked: 2005-12-18 09:53

lesbians
Excerpt: <a href="http://www.caravanenglish.com/students/wwwboard/messages/9208.html">totally spies hentai</a> hot asian <a href="http://www.caravanenglish.com/students/wwwboard/messages/9209.html">hidden cam</a> lesbian movie <a href="http://www.caravanenglish.com/students/wwwboard/messages/9210.html">totally spies</a> asian girls <a href="http://www.caravanenglish.com/students/wwwboard/messages/9211.html">totally spies</a> gang..
Weblog:
Tracked: 2005-12-18 15:33

voyeur
Excerpt: <a href="http://www.itsmyroom.com/wwwboard/messages/3959.html">teen girls in thongs</a> voyeur free <a href="http://www.itsmyroom.com/wwwboard/messages/3960.html">ass teen</a> spy cam <a href="http://www.itsmyroom.com/wwwboard/messages/3961.html">hot teens</a> spy bot <a href="http://www.itsmyroom.com/wwwboard/messages/3962.html">teen lesbians</a> spy cam <a href="http://www.itsmyroom.com/wwwboard/messages/3963.html">teen porn</a> ..
Weblog:
Tracked: 2005-12-18 17:38

preggo
Excerpt: <a href="http://www.ussgurke.org/wwwboard/messages/82329.html">asian lesbians</a> anime hentai <a href="http://www.ussgurke.org/wwwboard/messages/82331.html">asian anal</a> fingering vaginas <a href="http://www.ussgurke.org/wwwboard/messages/82333.html">asian anal</a> jerk it out <a href="http://www.ussgurke.org/wwwboard/messages/82334.html">asian</a> hairy bush <a href="http://www.ussgurke.org/wwwboard/messages/82336.html">asi..</a>
Weblog:
Tracked: 2005-12-18 18:43

fat people
Excerpt: <a href="http://www.scrapexchange.com/wwwboard/messages/31794.html">gay interracial</a> bangbus <a href="http://www.scrapexchange.com/wwwboard/messages/31795.html">black and white photography</a> bouncy boobs <a href="http://www.scrapexchange.com/wwwboard/messages/31796.html">interracial lesbians</a> lesbian orgies..
Weblog:
Tracked: 2005-12-18 19:17

swingers
Excerpt: <a href="http://sb3.lasersailing.com/wwwboard/messages/293.html">tiava</a> asian porn <a href="http://sb3.lasersailing.com/wwwboard/messages/294.html">vidsvidsvids</a> latina teens <a href="http://sb3.lasersailing.com/wwwboard/messages/295.html">sublime</a> sexape <a href="http://sb3.lasersailing.com/wwwboard/messages/296.html">vidsvidsvids</a> hottie <a href="http://sb3.lasersailing.com/wwwboard/messages/297.html">thumbzilla</a> asian girl ..
Weblog:
Tracked: 2005-12-19 10:09

hidden cameras girls bathroom
Excerpt: <a href="http://www.dushkin.com/discussions/wp/messages/996.html">golden showers</a> fat pussy <a href="http://www.dushkin.com/discussions/wp/messages/1000.html">mature lesbians</a> public flashing <a href="http://www.dushkin.com/discussions/wp/messages/1001.html">milf camps</a> suck dick <a href="http://www.dushkin.com/discussions/wp/messages/1002.html">milf seeker</a> big booty ..
Weblog:
Tracked: 2005-12-19 11:34

sean cody
Excerpt: <a href="http://www.watchwise.net/bbs/messages/51302.html">secretary</a> gay teens <a href="http://www.watchwise.net/bbs/messages/51303.html">secretaries</a> latinos <a href="http://www.watchwise.net/bbs/messages/51304.html">office girls</a> boss secretary sex <a href="http://www.watchwise.net/bbs/messages/51305.html">office gangbang</a> sexy stockin..
Weblog:
Tracked: 2005-12-19 12:23
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。