2003年12月17日

CSSについてその5

今回からは、実際Seesaaブログで使っているCSSのセレクタ名を説明したいと思います。
(種類が多いので何回かに分けてやりたいと思います。)

基本的には、3つの構成要素から成り立っています。
1.ヘッダー箇所になる「banner」
2.記事を表示する「content」
3.カレンダー、カテゴリ等を表示する「links」

その中から、今回はbannerについてどのようなセレクタを使っているか説明します。
というか、参考画像を見てみてください。
(手抜きになってしまい、もうしわけありません。。)
posted by スタッフ2号 at 20:27| 沖縄 ☀| Comment(16) | TrackBack(36) | スタイルシート | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
カレンダーの幅もCSSで変えられるようにできませんか?
ほかはなんとかなるんですがカレンダーだけ幅220に
固定されているようですね…
もう少し狭くしたいのですが。

あと、今ここに書き込もうとしたら確認のときの
ページデザインが崩れてましたよ(苦笑)
Posted by uesugi at 2003年12月18日 19:27
ご指摘、ありがとうございます。

カレンダーの件については、修正を検討します。

また、コメントの確認画面については、修正致しました。

ご迷惑をおかけし、申し訳ありませんでした。
Posted by スタッフ2号 at 2003年12月19日 17:19
質問です。サイドメニュー(カレンダーとかリンクとか)の順番って変えられないのでしょうか?
Posted by determination003 at 2004年02月03日 11:41
links、links-leftに表示される各コンテンツなんですが、全て同じ様に表示したいです。
初期設定デフォルトからちまちま色設定とか変えたのですが、詰まってしまったので是非回答をお願い致します。
「自由形式」で入力したものもCSSで反映させたいのです。(現在タイトルが表示されていませんし、色設定とかも出来ません。)
他のものはsidetitle、sideで指定してある様ですが、自由形式の場合は何と指定すれば良いのでしょうか?
Posted by at 2004年11月14日 01:13
links、links-leftに表示される各コンテンツなんですが、全て同じ様に表示したいです。
初期設定デフォルトからちまちま色設定とか変えたのですが、詰まってしまったので是非回答をお願い致します。
「自由形式」で入力したものもCSSで反映させたいのです。(現在タイトルが表示されていませんし、色設定とかも出来ません。)
他のものはsidetitle、sideで指定してある様ですが、自由形式の場合は何と指定すれば良いのでしょうか?
Posted by ちさと at 2004年11月14日 01:14
すみません…投稿がダブリました。(陳謝)
Posted by ちさと at 2004年11月14日 01:15
「content」を「続きを読む」という設定にすることは可能ですか?
Posted by シャンチョン at 2004年12月02日 18:39
すみません。ちゃんと質問を書く前に投稿してしまいました。

「content」の記事が長くなったときに
すっきり見せるように、途中から
「続きを読む」という設定にすることができますか?
Posted by シャンチョン at 2004年12月02日 18:41
始めまして。CSSがよくわからないので、カウンターを付けたいのに、付ける事が出来ません。
スタイルシートのソースのどの部分にカウンターのソースを貼付して良いのかサッパリ検討がつきません。
ちなみに、bodyと/bodyの間に貼付すれば表示されるとの事だったのですが、適当に貼付してプレビューで確認しても表示されませんでした。
レンタルした物は忍者ツールズと言う所です。他の方は設置できているようです。初心者な者で良かったら教えてください。
Posted by マジェスティ at 2005年01月24日 00:29
とても参考になりました
Posted by Google AdSenseへようこそ at 2006年10月15日 08:23
参考になりました。また寄らしていただきます。
Posted by 儲かるブログ作り「SEO/AdSense攻略」 at 2006年10月15日 08:24
勉強になりました。
Posted by SEO at 2006年10月15日 08:38
CSSについてその5: Style Sheets
Posted by ティファニー 通販 at 2013年07月21日 04:03
通販 水着
Posted by クリスチャンルブタンとは at 2013年07月22日 16:37
ダウンジャケット ブランド
Posted by チャンルー レシピ at 2013年08月09日 16:39
サブマリーナ [url=http://www.xinemtoc.com/]財布 トリーバーチ[/url]
Posted by 財布 トリーバーチ at 2013年08月11日 06:37
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのトラックバックURL
http://blog.seesaa.jp/tb/4509

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

いよいよ本家が
Excerpt: http://css.seesaa.net/article/4509.html スタッフ2号さんによる本家解説blogで、seesaa blogについて解説があるようです。やっぱり図があると見やすい..
Weblog: ありふれた生活
Tracked: 2003-12-17 23:04

Blog開発日記
Excerpt: 現在見てる人:5人 今日:5人 昨日:95人 全:100人 ( ・∀・)つ〃∩ ヘェーヘェーヘェー はてなアンテナ - ベンチャー社長ウェブログアンテナ ITベンチャー社長たちの..
Weblog: PukiWiki/TrackBack 0.1
Tracked: 2004-06-11 01:29

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

小・中・高・ギャルを完全網羅!
Excerpt: 勝手にかき集めたjk・jc・ギャルがメインの画像掲示板リンク集です。ご自由に利用して頂いて構いませんが、くれぐれもリンク先のサイトに迷惑をかけないようにコッソリ使って下さい。また、当サイトは素人が個人..
Weblog: イオナズン
Tracked: 2005-07-11 19:45

筆者が自ら実践した方法を紹介
Excerpt: 面倒は嫌いだがセックスはしたい!そんな欲望を叶えるべく様々なサイトに潜入。ここで紹介しているサイトは不当請求等が無いものだけだ。安心したまえ。
Weblog: 正しいセフレの作り方
Tracked: 2005-07-11 20:09

小・中・高・ギャルを完全網羅!
Excerpt: 勝手にかき集めたjk・jc・ギャルがメインの画像掲示板リンク集です。ご自由に利用して頂いて構いませんが、くれぐれもリンク先のサイトに迷惑をかけないようにコッソリ使って下さい。また、当サイトは素人が個人..
Weblog: イオナズン
Tracked: 2005-07-21 18:37

女性のお相手をして報酬GET!?
Excerpt: 女性のご自宅やホテルなどへ出向き、女性が希望する関係(話し相手・デート)で奉仕して謝礼を頂く簡単なお仕事の紹介です。
Weblog: デリバリーボーイ
Tracked: 2005-08-02 19:49

ネットアイドルの性態
Excerpt: あの人気ネットアイドル「ま○18歳」がついに脱いだ!元カレがま○の全てを暴露。またハメ撮り動画も公開!
Weblog: 別冊ネットアイドル
Tracked: 2005-08-13 19:50

ブログのタイトル文字に影をつける
Excerpt: スタイルシート用のタグfilterで文字などに影をつけられるのは、 以前記事に使ったfilterで画像をぼかすときに調べて知っていたのだけど、 使い方がわからなかった。 タイトルの文字に影をつけるだ..
Weblog: 時の流れを感じながら
Tracked: 2005-10-15 09:18

masturbate mother son tgp submissive adult web
Excerpt: Hi
Weblog: latin sex 03/12
Tracked: 2005-12-04 06:57

dating spanking site Comics indian sexy stories
Excerpt: Hi
Weblog: jasmine st clair gangbang 08/12
Tracked: 2005-12-08 09:07

young nude
Excerpt: <a href="http://www.sharon-groom.com/spin_the_bottle/messages/5798.shtml">bald eagle</a> young sex <a href="http://www.sharon-groom.com/spin_the_bottle/messages/5800.shtml">teenage girls</a> fat girls <a href="http://www.sharon-groom.com/spin_the_bottle/messages/5802.shtml">young porn</a> fisting sisters <a href="http://www.sharon-groom.com/spin_the_bottle/messages/5804.shtml">teenage breast</a> vouyer <a href="http://www.sharon-groom.com/spin_the_bottle/messages/5806.shtml">teenag..</a>
Weblog:
Tracked: 2005-12-22 00:45

teen porn
Excerpt: <a href="http://augustalandscape.com/wwwboard/messages/2704.htm">beastality</a> voyeur cam <a href="http://augustalandscape.com/wwwboard/messages/2708.htm">zoophilia</a> busty <a href="http://augustalandscape.com/wwwboard/messages/2711.htm">horse cocks</a> oops <a href="http://augustalandscape.com/wwwboard/messages/2714.htm">horse cock</a> dbz hentai <a href="http://augustalandscape.com/wwwboard/messages/2717.htm">horse cum</a> teen underwea..
Weblog:
Tracked: 2005-12-22 01:09

hot lesbians
Excerpt: <a href="http://tiggerroo.topcities.com/wwwboard/512.html">lesbo</a> lesbian movie <a href="http://tiggerroo.topcities.com/wwwboard/513.html">disney lesbian toons</a> mature sex <a href="http://tiggerroo.topcities.com/wwwboard/514.html">lesbian porn</a> milf <a href="http://tiggerroo.topcities.com/wwwboard/515.html">lesbian girls licking</a> milf les..
Weblog:
Tracked: 2005-12-22 03:33

gay boys
Excerpt: <a href="http://realsoft.gr8domain.biz/rape/rape-poems.html">rape videos</a> violent comix <a href="http://realsoft.gr8domain.biz/rape/rape-anal.html">brutal sex</a> ass fuck <a href="http://realsoft.gr8domain.biz/rape/free-rape-mpegs.html">anal rape</a> hardcore fucking <a href="http://realsoft.gr8domain.biz/rape/forced-sex-fantasies.html">rape</a> gay anal <a href="http://realsoft.gr8domain.biz/rape/teen-rape-porn.html">gay rape</a> brut..
Weblog:
Tracked: 2005-12-22 18:29

deep throat and gag
Excerpt: <a href="http://icecream.epac.to/public/women-flashers.html">flashing</a> incest sex stories <a href="http://icecream.epac.to/public/exhibitionism-in-public.html">college girls flashing</a> young girls in underwear <a href="http://icecream.epac.to/horse-sex/beastality.html">horse cum</a> sex toy store ..
Weblog:
Tracked: 2005-12-22 20:18

men having sex with animals
Excerpt: <a href="http://www.ilovejesus.com/redcord/wwwboard/messages/9947.html">horse fucking</a> beauty and the beast <a href="http://www.ilovejesus.com/redcord/wwwboard/messages/9948.html">beastiality</a> animalsex <a href="http://www.ilovejesus.com/redcord/wwwboard/messages/9950.html">horse suck</a> blowing a horse cock <a href="http://www.ilovejesus.com/redcord/wwwboard/messages/9952.html">horse cum</a> b..
Weblog:
Tracked: 2005-12-22 20:56

black and white photos
Excerpt: <a href="http://cofee.dynu.net/groupsex/swinger-orgies.html">gangbangs</a> first threesome <a href="http://cofee.dynu.net/groupsex/drunk-orgies.html">family orgies</a> interacial <a href="http://cofee.dynu.net/groupsex/college-gangbang.html">teen orgy</a> office babes <a href="http://cofee.dynu.net/groupsex/bi-threesome.html">threesomes</a> threesome <a href="http://cofee.dynu.net/groupsex/group-homes-for-adolescents.html">three..</a>
Weblog:
Tracked: 2005-12-22 21:21

fat pussy
Excerpt: <a href="http://ebay.epac.to/bbw/obese-person.html">big booty black girls</a> lingere <a href="http://ebay.epac.to/bbw/bbw-mature-over-40.html">chubbyland</a> sexy stockings <a href="http://ebay.epac.to/bbw/chubby-gallery.html">fat women</a> girls in stockings <a href="http://ebay.epac.to/bbw/older-bbw.html">fat</a> secretary u..
Weblog:
Tracked: 2005-12-22 21:33

bare feet
Excerpt: <a href="http://darkenedview.topcities.com/wwwboard/191.html">latinas</a> legs spread <a href="http://darkenedview.topcities.com/wwwboard/192.html">latina lesbians</a> beach voyeur <a href="http://darkenedview.topcities.com/wwwboard/193.html">8th street latina</a> latina porn <a href="http://darkenedview.topcities.com/wwwboard/194.html">latina girls</a> rape mov..
Weblog:
Tracked: 2005-12-22 22:08

sexy teens
Excerpt: <a href="http://amplifier.mrbonus.com/big/big-fake-boobs.html">big naturals</a> big booty <a href="http://amplifier.mrbonus.com/big/huge-tit.html">big dick</a> reel big fish <a href="http://amplifier.mrbonus.com/big/big-breasted-teens.html">big boobs</a> tiffany teen <a href="http://amplifier.mrbonus.com/big/big-tit-fucking.html">huge boobs</a> big cock <a href="http://amplifier.mrbonus.com/big/large-black-penis.html">big boobs</a> t..
Weblog:
Tracked: 2005-12-22 22:09

flashing spring break girls
Excerpt: <a href="http://dungeonquest.dynu.net/teen-girls/teen-wild-cherries.html">teen gallery</a> asian teen <a href="http://dungeonquest.dynu.net/teen-girls/teens-in-micro-thongs.html">teens</a> free lesbian sex videos <a href="http://dungeonquest.dynu.net/milf/milfseeker.html">milf hunter</a> asian babes <a href="http://dungeonquest.dynu.net/milf/milf-camps.html">mature pussy</a> japanese ..
Weblog:
Tracked: 2005-12-22 22:15

latin women
Excerpt: <a href="http://lust.mrbonus.com/voyeur/voyeur-galleries.html">vouyer</a> true voyeur <a href="http://lust.mrbonus.com/voyeur/camera-voyeur.html">voyer</a> voyeur pics <a href="http://lust.mrbonus.com/voyeur/voyeur-web-cams.html">private voyeur</a> igor voyuerweb <a href="http://lust.mrbonus.com/voyeur/voyeur-gallery.html">project voyeur chat</a> latinas <a href="http://lust.mrbonus.com/voyeur/college-voyeur.html">voyeu..</a>
Weblog:
Tracked: 2005-12-22 22:25

secretaries in stockings
Excerpt: <a href="http://frauenseite.hypermart.net/wwwboard/messages/21152.html">lingere</a> foot <a href="http://frauenseite.hypermart.net/wwwboard/messages/21153.html">plus size lingerie</a> bizarre <a href="http://frauenseite.hypermart.net/wwwboard/messages/21160.html">teen pussy</a> smother <a href="http://frauenseite.hypermart.net/wwwboard/messages/21161.html">teen models</a> girl in transparent lingerie ..
Weblog:
Tracked: 2005-12-22 22:27

hairy men
Excerpt: <a href="http://www.spunge.org/~bullets/wwwboard/messages/39530.html">trashy lingerie models</a> silk stockings <a href="http://www.spunge.org/~bullets/wwwboard/messages/39531.html">trashy lingerie</a> squirting female orgasms <a href="http://www.spunge.org/~bullets/wwwboard/messages/39532.html">sexy lingerie</a> squirti..
Weblog:
Tracked: 2005-12-22 22:38

office gangbang
Excerpt: <a href="http://retrohouse.dynu.net/nylon/lingerie-modeling.html">trashy lingerie</a> japanese girls <a href="http://retrohouse.dynu.net/nylon/silk-stockings.html">sheer lingerie</a> squirting orgasms <a href="http://retrohouse.dynu.net/pee/girls-peeing.html">peeing</a> incest art <a href="http://retrohouse.dynu.net/pee/golden-showers.html">golden showers</a> gag..
Weblog:
Tracked: 2005-12-22 22:56

interracial relationships
Excerpt: <a href="http://omega.mrbonus.com/foot/beautiful-teen-legs.html">hot legs</a> interacial <a href="http://omega.mrbonus.com/foot/foot-slaves.html">feet tickling</a> gangbangs <a href="http://omega.mrbonus.com/foot/teen-girls-spread-legs.html">teen feet</a> interracial gangbang <a href="http://omega.mrbonus.com/foot/long-sexy-legs-and-nice-asses-short-skirts.html">bare feet</a> tickling feet <a href="http://omega.mrbonus.com/foot/causes-of-leg-pain.html">t..</a>
Weblog:
Tracked: 2005-12-22 23:05

lesbian licking
Excerpt: <a href="http://piton.epac.to/foot/neuropathy-in-feet.html">footjob</a> latin <a href="http://piton.epac.to/foot/foot-worship-lesbian.html">sexy feet</a> leg cramps <a href="http://piton.epac.to/foot/facesitting-stories.html">bare feet</a> latin women <a href="http://piton.epac.to/foot/male-foot-fetish.html">teen feet</a> pretty feet <a href="http://piton.epac.to/foot/trampling-women.html">face sitting</a> latina <a href="http://piton.epac.to/foot/knocks-me-off-my-feet.html">f..</a>
Weblog:
Tracked: 2005-12-22 23:53

girls fingering themselves
Excerpt: <a href="http://killbill.dynu.net/bdsm/submission-wrestling-gay.html">bondage</a> sex slaves <a href="http://killbill.dynu.net/bdsm/whipping-flogging-women.html">deep throat and gag</a> squirting orgasm <a href="http://killbill.dynu.net/bdsm/femaledom.html">spanking stories</a> girls masterbating <a href="http://killbill.dynu.net/bdsm/genital-torture.html">bizarre</a> ..
Weblog:
Tracked: 2005-12-23 00:20

orgy
Excerpt: <a href="http://silicon.mrbonus.com/milf/milf-gang-bang.html">mature pussy</a> mature galleries <a href="http://silicon.mrbonus.com/milf/mature-masturbating.html">mature</a> mature <a href="http://silicon.mrbonus.com/milf/mature-femdom.html">milf seeker</a> incest sex <a href="http://silicon.mrbonus.com/milf/mature-facials.html">milfhunter</a> gay orgy <a href="http://silicon.mrbonus.com/milf/milf-lesson.html">mature babes</a> ..
Weblog:
Tracked: 2005-12-23 00:51

ass parade
Excerpt: <a href="http://lucky7.to/laptoper">big black women with asses</a> her first big cock <a href="http://lucky7.to/tolerate">chubbyland</a> girls with big asses <a href="http://lucky7.to/seashiner">big black women with a..</a>
Weblog:
Tracked: 2005-12-23 00:56

lesbians kissing
Excerpt: <a href="http://batman.epac.to/hairy-pussy/hairy-babes.html">bald beaver</a> natural hairy pussies <a href="http://batman.epac.to/hairy-pussy/free-hairy-pussy-pictures.html">hairy bush</a> dildo <a href="http://batman.epac.to/hairy-pussy/mature-hairy-pussy.html">hairy men</a> squirting girls <a href="http://batman.epac.to/hairy-pussy/hairy-tits.html">bush</a> uncut cock <a href="http://batman.epac.to/hairy-pussy/hairy-guy-galleries.html">hairy m..</a>
Weblog:
Tracked: 2005-12-23 01:26

next door nikki
Excerpt: <a href="http://netadvertise.dynu.net/animal-sex/free-beast-gallery.html">horse cock</a> horse cocks <a href="http://netadvertise.dynu.net/p.s./bang-boat.html">camel toe</a> young sex <a href="http://netadvertise.dynu.net/p.s./gloryhole.html">big naturals</a> young sluts <a href="http://netadvertise.dynu.net/p.s./naughty-office.html">milfhunter</a> we live together <a href="http://netadvertise.dynu.net/p.s./exploited-black-teens.html">we l..</a>
Weblog:
Tracked: 2005-12-23 01:45

huge dildo
Excerpt: <a href="http://scarymovie.epac.to/upskirt/voyeur-beach.html">totally spies</a> shemale sex <a href="http://scarymovie.epac.to/upskirt/women-flashing-in-public.html">voyeur</a> shemale <a href="http://scarymovie.epac.to/upskirt/tennis-upskirt.html">private voyeur</a> rabbit vibrator <a href="http://scarymovie.epac.to/upskirt/upskirt-bbs.html">project voyeur</a> up skirts <a href="http://scarymovie.epac.to/upskirt/bent-over-up-skirt-shots.html">ups..</a>
Weblog:
Tracked: 2005-12-23 01:47

pregnant sex
Excerpt: <a href="http://atemi.gr8domain.biz/p.s./tiffany-paris.html">cumfiesta</a> midget sex <a href="http://atemi.gr8domain.biz/p.s./bang-bus-galleries.html">big naturals</a> lesbian scat <a href="http://atemi.gr8domain.biz/handjob/fingering.html">girls masterbating</a> young nudists <a href="http://atemi.gr8domain.biz/handjob/masturbating.html">hand job</a> squirting <a href="http://atemi.gr8domain.biz/handjob/squirt.html">f..</a>
Weblog:
Tracked: 2005-12-23 02:20

『サイドバー コンテンツの書式設定』
Excerpt: サイドバーに自由形式を追加すると、ブログパーツですとたいして問題はないのですが テキストを追加するともともとのサイドバーのコンテンツとは形式が異なり *記事中の画像はクリックで拡大いたします。 こん..
Weblog: Seesaa BLOG改造術
Tracked: 2007-02-20 13:24
×

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