ja-jp http://knowledge.livedoor.com/rss/tag/%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%82%b7%e3%83%bc%e3%83%88 Fri, 22 Aug 2008 12:20:14 +0900 Tue, 29 Jul 2008 12:34:00 +0900 http://knowledge.livedoor.com/ livedoor knowledge - スタイルシート Copyright 1996- livedoor Co.,Ltd. http://knowledge.livedoor.com/img/cmn/noimg_m.gif http://knowledge.livedoor.com 43 43 47 1 15 http://knowledge.livedoor.com/35461 スタイルシート、合ってますか？ 新機能が導入で困ってます。 http://blog.livedoor.jp/staff/archives/51026641.html 旧テンプレなので、最後のCSSで立ち往生。 調べたところ、以下のタグをCSSの一番最後に追加することを学習。 div.related-articles{} div.related-articles h3{} div.related-articles ul{} div.related-articles ul li{} ここで質問。 {}の中に、デザインの指示を入れることは分かるのですが、以下でよいのか自信がありません。 IE7では、思っているとおりのデザインになっているのですが、本当にこれだけでよいのでしょうか。 div.related-articles{ font-size:12px; font-weight:bold; text-align:left; } div.related-articles h3{ font-size:12px; } div.related-articles ul{ listyle-type: square; } div.related-articles ul li{ } （デザインのイメージ） 「○○○」カテゴリの最新記事タイトル ・最新記事１ ・最新記事２ ・最新記事３ ・最新記事４ ・最新記事５ １．文字サイズは12px ２．文字色は２種類。 　　「～最新記事タイトル」→:#555555（濃い灰色） 　　「最新記事１」（最新記事リスト）→:#FFBB00（やまぶき色）※本文記事と同じようにリンクさせる場合と同色とさせます。 ３．すべて太字 ４．左寄せ ５．最新記事リストの行頭文字は、箇条書きの「・」を使用（色は#555555） ６．「～最新記事タイトル」と最新記事リストの行間は、記事本文と同間隔。→上記設定では、行間が空きすぎています。 …伝わりましたか？　ブログも出すかなあ。 （オマケ） ☆コンセントのレポート☆ related-articlesが意味不明ですが、なんとなく理解。 div.related-articles{} →これは、related-articlesというところの基本的なデザインを決めるところだと思いました。 div.related-articles h3{} →h3というのは、小見出しのこと。今回の追加は、小見出しレベル３ってこと？　CSSの始めの方に、h1,h2,h3という表記を発見。 div.related-articles ul{} →ulは略称のようです。解説見つけましたが、意味がピンと来ず。ただ、lがlistの略ってことは理解。今回の質問では、最新記事リストを指してます。 div.related-articles ul li{} →liは、linkの略。最新記事リストをリンクさせる デザインについて、なんらかの指示をするところだと思いました。 Tue, 29 Jul 2008 12:34:00 +0900 http://knowledge.livedoor.com/35461 コンセント ライブドア 16618 http://knowledge.livedoor.com/profile/16618 http://img01.ico.frepa.livedoor.com/member_photo/e/0/e0078f04ac568450a465b0016a7eee68cfd6d5be_m.png http://img01.ico.frepa.livedoor.com/member_photo/e/0/e0078f04ac568450a465b0016a7eee68cfd6d5be_s.png 1 Wed, 30 Jul 2008 13:23:40 +0900 http://knowledge.livedoor.com/34040 2カラムのサイドバーを移動したい＞＜ スタイルシートのカスタマイズに挑戦中なのですが、 どうしても2カラムのサイドバーを 左から右に移動することができません。 あちこちのサイトを回って移動する方法はわかったのですが、 公式のテンプレートの シンプルの『Blackframe』 だけはちょっと異質で、 ボックスの項目も、『float』という単語も、 見つかりませんでした。 http://blog.livedoor.com/design_demo/blackframe_cms.html お手上げです。 移動方法がありましたらどうかお願いします。 Fri, 09 May 2008 04:29:14 +0900 http://knowledge.livedoor.com/34040 nerido livedoorブログ 26606 http://knowledge.livedoor.com/profile/26606 http://knowledge.livedoor.com/img/my/profile_img.gif http://knowledge.livedoor.com/img/cmn/noimg_m.gif 2 Fri, 16 May 2008 08:23:09 +0900 http://knowledge.livedoor.com/34038 postedの辺りにあるlivedoor クリップのアイコンを消したいです。 トップページでの消し方は分かったのですが、カテゴリーなどを押してブログを見ようとすると、またclipのアイコンが出現してしまいます。 Fri, 09 May 2008 00:45:55 +0900 http://knowledge.livedoor.com/34038 lj ブログ 26605 http://knowledge.livedoor.com/profile/26605 http://knowledge.livedoor.com/img/my/profile_img.gif http://knowledge.livedoor.com/img/cmn/noimg_m.gif 2 Mon, 09 Jun 2008 06:10:07 +0900 http://knowledge.livedoor.com/33561 ＩＥとＦＦの表示違い。 教えてください！！！ 最初にこのＨＰをＩＥとＦＦ両方で見てください。 http://izakayaitidai.web.fc2.com/ ヘッダのＨ１タグの表示やテキストの表示がうまくいきません。 ＦＦ表示のように、ＩＥもしたいのですがどこをいじれば両方同じようにひょうじできるんでしょうか？ 教えてください！！！ Sun, 13 Apr 2008 14:09:01 +0900 http://knowledge.livedoor.com/33561 コンピューター＆インターネット 18871 http://knowledge.livedoor.com/profile/18871 http://knowledge.livedoor.com/img/my/profile_img.gif http://knowledge.livedoor.com/img/cmn/noimg_m.gif 1 Wed, 14 May 2008 06:10:07 +0900 http://knowledge.livedoor.com/32178 中央記事をもっと縮小したいです。 サイドバーと中央の記事の端が重なっていて、どうすればぴったりはまるかわかりません。 http://kaseguhouhou1.livedoor.biz/ これを見ていただければ分かると思いますが、 右サイドバーが若干重なっています。 私としては、右サイドバーはこのまま、もしくはあと少し広げて、コメント・トラックバックのリンクが、 「続き」の下に来るまで中央の記事を狭めたいのですが、ＣＳＳの変更の仕方がわかりません。 どなた方分かる方がいましたらご指導いただけたらと思います。 よろしくお願いします。 Mon, 18 Feb 2008 01:04:04 +0900 http://knowledge.livedoor.com/32178 ルミナ livedoorブログ 24621 http://knowledge.livedoor.com/profile/24621 http://knowledge.livedoor.com/img/my/profile_img.gif http://knowledge.livedoor.com/img/cmn/noimg_m.gif 2 Mon, 18 Feb 2008 13:28:02 +0900 http://knowledge.livedoor.com/31614 TOPの左上の画像にだけリンクを貼りたいです。 いろんな質問をみては試してみたのですが うまくリンク貼れません。 ３カラムを使用していて、 TOPのメイン画像＆左上の画像を 自作の画像に替えるところまでは出来たのですが この左上の画像にのみ、自分のHPにジャンプさせたい のですが、出来ません。 #lefttop{ background:url(http://image.blog.livedoor.jp/＊＊＊/imgs/6/f/＊＊＊.gif) no-repeat; width:190px; height:239px; z-index:1001; 　　　　　 } #leftbody{padding-top:30px;padding-bottom:50px;z-index:1002;} #leftbottom{} CSSはこの様になっております。 よろしくお願致します。 Sat, 19 Jan 2008 16:34:57 +0900 http://knowledge.livedoor.com/31614 わからんさん ブログ 25025 http://knowledge.livedoor.com/profile/25025 http://knowledge.livedoor.com/img/my/profile_img.gif http://knowledge.livedoor.com/img/cmn/noimg_m.gif 1 Sun, 20 Jan 2008 19:38:28 +0900 http://knowledge.livedoor.com/31122 ３カラムです。左サイドバーが下に落ちています。 こんにちは。 左サイドバーが記事の下に落ちています。 落ちないようにしたいと思っています。 http://knowledge.livedoor.com/30401 この記事を参考にPxの調整をしてみましたが上手く行かない状態です。 凝ったデザインの希望はありません。 今使用しているような暖かい感じで、 左サイド、真ん中の記事、右サイドが載れば十分です。 尚、私のURLはこちらでございます。 http://www.kyonyuu-new-train.net/ 何卒、ご教示頂きたくよろしくお願い致します。 Mon, 24 Dec 2007 18:06:12 +0900 http://knowledge.livedoor.com/31122 pantat アダルト 24655 http://knowledge.livedoor.com/profile/24655 http://knowledge.livedoor.com/img/my/profile_img.gif http://knowledge.livedoor.com/img/cmn/noimg_m.gif 1 Wed, 26 Dec 2007 20:07:23 +0900 http://knowledge.livedoor.com/29189 ブログの活用方法について シンプルと言うスタイルシートを使用しています。 やりたいことは、次のとおりです。 １　left + content で幅が left = content と同じ位で困っています。 　　これを、left（小） + content（大） にしたいのですが。 　　なお、該当するスタイルシートは、次のような記述となっています。 　　（width:583px;などは私が適当に書き直したのですが、再構築後も 　　なにも変化がありません。） 　　 #blogcontainer{ position:relative; z-index:2; width:775px; margin-top:-30px; overflow:hidden; } #content{ float:left; width:583px; text-align:center; } #blog{ width:583px; padding-bottom:20px; margin:0 auto; text-align:left; } #links{ float:left; width:190px; padding:30px 0; } ２　<br> の横の線が left + content を貫いているので、右側のcontent の部分が非常に見づらいのですが、この横線をなくすか、left の中だけにはできないのでしょうか。 ３　最近書籍を頼りに、html ファイルを作成し、小さなプログラムを作成しました。各 html ファイルに飛んでいろいろ説明するようなプログラムです。 　　これを、ブログ上で実行したいと思っているのですが。 　　よろしく指導願います。 　　　　　　　　　　　　　　　　　　　　　　　　　　　以上 Wed, 03 Oct 2007 15:01:13 +0900 http://knowledge.livedoor.com/29189 mtrah livedoorブログ 23173 http://knowledge.livedoor.com/profile/23173 http://knowledge.livedoor.com/img/my/profile_img.gif http://knowledge.livedoor.com/img/cmn/noimg_m.gif 1 Sat, 06 Oct 2007 21:44:50 +0900 http://knowledge.livedoor.com/27245 サイドばーの幅を広くしたいのでスタイルシートのどこを修正すればいいか教えてください。 ライブドアブログのデフォルト2005（ブルー, 3カラム）です。 ・サイドバーの幅を１５０ｐｘに大きくしたいので方法を詳しい方、詳細に教えてください。 サイドバーの幅の変更に伴い、全体の大きさも修正しないといけないことはlivedoor ナレッジでわかったのですが、どこの部分をどういう数値にすればいいかがわかりません。 お願いします。 Sat, 28 Jul 2007 11:48:54 +0900 http://knowledge.livedoor.com/27245 とらとら livedoorブログ 19494 http://knowledge.livedoor.com/profile/19494 http://knowledge.livedoor.com/img/my/profile_img.gif http://knowledge.livedoor.com/img/cmn/noimg_m.gif 1 Fri, 10 Aug 2007 07:27:29 +0900 http://knowledge.livedoor.com/25354 seesaaブログのカスタマイズの件です。 ２カラムから３カラムのテンプレートに変更したところ、挿入している画像サイズが大きい為サイドバーが一つしか表示されません。全体の幅と記事部分の幅を広げるにはスタイルシートを変更すればよいのでしょうか？そうだとするとどの部分を変更すればできますか？他に方法がございますでしょうか？よろしくお願いします。 Thu, 31 May 2007 01:28:26 +0900 http://knowledge.livedoor.com/25354 ねこたくん ブログ 20538 http://knowledge.livedoor.com/profile/20538 http://knowledge.livedoor.com/img/my/profile_img.gif http://knowledge.livedoor.com/img/cmn/noimg_m.gif 2 Fri, 01 Jun 2007 01:24:00 +0900 http://knowledge.livedoor.com/24972 アフィリエイトで広告を貼ったらブログのバーナーの下の線が消えた CSSのどこを直せばいいですか Thu, 24 May 2007 00:45:21 +0900 http://knowledge.livedoor.com/24972 アドミン コンピューター＆インターネット 20379 http://knowledge.livedoor.com/profile/20379 http://knowledge.livedoor.com/img/my/profile_img.gif http://knowledge.livedoor.com/img/cmn/noimg_m.gif 0 Sun, 24 Jun 2007 06:10:13 +0900 http://knowledge.livedoor.com/24451 ブログの個別記事全体を線で囲むにはスタイルシートのどの辺りをどんなふうに修正すればいいでしょうか(・～・)？ ブログの個別記事全体を線で囲むにはスタイルシートのどの辺りをどんなふうに修正すればいいでしょうか？ また、記事の下にあるタグやコメント、トラックバックなどがありますが、本文と区切りを付けられるように点線---を引きたいのですがどうやったらいいのか わかりません...(´・c_･` ) もし、わかりにくいようでしたら、 シンプルのデザインで、Liquid Smoke（3カラム） のサンプルをご覧頂けるとわかりやすいかもです。 自分の使用のデザインは、シンプルのZen Styleです。 もしよろしければ、具体的に何をどのようにするか教えてくださると助かります。 よろしくお願いしますM(_ _)M Thu, 10 May 2007 02:11:12 +0900 http://knowledge.livedoor.com/24451 ラモッテ その他 19748 http://knowledge.livedoor.com/profile/19748 http://knowledge.livedoor.com/img/my/profile_img.gif http://knowledge.livedoor.com/img/cmn/noimg_m.gif 1 Fri, 11 May 2007 07:16:47 +0900 http://knowledge.livedoor.com/24404 個別記事を線で囲むにはCSSのどこを修正したらいいでしょうか？ 個別記事を線で囲みたいのですが、CSSのどこを修正したらいいでしょうか？ サイドバーのプラグインのような感じで囲めればいいのですが… また、個別記事の下に タグやコメント、トラックバックなどがあるのですが、記事と区切りがつけられるように ------------- 点線を引きたいのですが、どうやったらいいでしょうか？ HTMLがわからないため苦労してます…（･´ω`・） もし、よろしければ詳しく教えていただけると助かります。よろしくお願いします<(_ _)> 自分のブログです↓ http://blog.livedoor.jp/uirou06/ Tue, 08 May 2007 17:00:49 +0900 http://knowledge.livedoor.com/24404 ブログ 19520 http://knowledge.livedoor.com/profile/19520 http://knowledge.livedoor.com/img/my/profile_img.gif http://knowledge.livedoor.com/img/cmn/noimg_m.gif 2 Sun, 20 May 2007 17:55:55 +0900 http://knowledge.livedoor.com/24228 スタイルシート、プラグインの位置について http://blog.livedoor.jp/blogmaster100/archives/cat_10009616.html のブログでデジカメのことを載せているのですが、フリーエリアで右のアフェリエイト用に作ったプラグインをこの形のまま上までもっていきたいのですがどのようにすればよろしいのでしょうか？ お手数ですがスタイルシートのアドバイスをお願いします。 Fri, 04 May 2007 01:37:17 +0900 http://knowledge.livedoor.com/24228 ブログマスターになりたい（TへT） ブログ 19889 http://knowledge.livedoor.com/profile/19889 http://knowledge.livedoor.com/img/my/profile_img.gif http://knowledge.livedoor.com/img/cmn/noimg_m.gif 2 Fri, 04 May 2007 23:17:15 +0900 http://knowledge.livedoor.com/24209 Liquid Smoke（3カラム）の記事エリアを広げる方法 Liquid Smoke（3カラム）の記事部分を広げる方法を教えてください。 Thu, 03 May 2007 14:00:01 +0900 http://knowledge.livedoor.com/24209 livedoorブログ 19249 http://knowledge.livedoor.com/profile/19249 http://knowledge.livedoor.com/img/my/profile_img.gif http://knowledge.livedoor.com/img/cmn/noimg_m.gif 1 Sun, 03 Jun 2007 06:10:05 +0900