ja-jp http://knowledge.livedoor.com/rss/tag/CSS Mon, 06 Oct 2008 23:10:46 +0900 Wed, 30 Jul 2008 13:30:13 +0900 http://knowledge.livedoor.com/ livedoor knowledge - CSS Copyright 1996- livedoor Co.,Ltd. http://knowledge.livedoor.com/img/cmn/noimg_m.gif http://knowledge.livedoor.com 43 43 148 1 15 http://knowledge.livedoor.com/35470 ３カラムの横幅を変えたいのですが・・・。 はじめまして。 本文の場所(横幅)を大きくしたいのと、ブログパーツ等を張ったりするのに横幅を大きくしたいのですが、３カラムの以下のデザインを選んでwidthの部分だけ数値を大きくすると左右のカラムが下側に落ちてしまいます。 他の部分も変更が必要なのでしょうか？ 変更箇所を教えていただけると嬉しいです。 使用したいデザインは以下のものです。 名前：My Real Style サンプル：http://blog.livedoor.com/design_demo/i2f_1_cms.html Wed, 30 Jul 2008 13:30:13 +0900 http://knowledge.livedoor.com/35470 ブログ 27620 http://knowledge.livedoor.com/profile/27620 http://knowledge.livedoor.com/img/my/profile_img.gif http://knowledge.livedoor.com/img/cmn/noimg_m.gif 1 Fri, 01 Aug 2008 13:32:28 +0900 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/35230 ブログタイトルのフォントを移動させる方法 タイトルに画像を挿入したものの真ん中にタイトルが寄ってしまいました。 過去の質問に同じような物があったのですが、同じようにしても直りません。（ワードの真ん中寄せの様に固定されています。） できればタイトル、説明文を左下へ移動させたいのですが、わかりません。 どなたか回答の程よろしくお願いします。 http://blog.livedoor.jp/sora_0505_/ Sun, 13 Jul 2008 23:05:04 +0900 http://knowledge.livedoor.com/35230 sora. livedoorブログ 27444 http://knowledge.livedoor.com/profile/27444 http://knowledge.livedoor.com/img/my/profile_img.gif http://knowledge.livedoor.com/img/cmn/noimg_m.gif 2 Tue, 15 Jul 2008 04:22:34 +0900 http://knowledge.livedoor.com/35167 livedoor blogのモバイル版で一部のコンテンツを表示させたくない livedoor blogでブログを書いているのですが、よくAA(アスキーアート)を使います。([参考] http://blog.livedoor.jp/holydice/archives/51066185.html) PCではきれいに表示されるAAも、モバイルでは、フォント、画面の幅の制限があり、惨い表示になってしまいます。 これではせっかく携帯で読んでくれている人に申し訳なく、いっそのこと非表示にしたいです。 livedoorの独自タグかHTML/CSSで、PC/モバイルの表示・非表示を振り分けることはできるのでしょうか？ Fri, 11 Jul 2008 02:55:48 +0900 http://knowledge.livedoor.com/35167 dice livedoorブログ 27405 http://knowledge.livedoor.com/profile/27405 http://knowledge.livedoor.com/img/my/profile_img.gif http://knowledge.livedoor.com/img/cmn/noimg_m.gif 2 Tue, 15 Jul 2008 10:42:03 +0900 http://knowledge.livedoor.com/34847 CSSについて教えてください。 こんにちは。 livedoorブログでデフォルト2008（ピンク,2カラム）というデザインを使っています。 サイドバーの中に position: absolute; のボックスを作ると、 サイドバーのCSSに overflow: hidden; という指定があるために、 サイドバーからはみ出したボックスの部分が消えてしまいます。 overflow:hiddenでもposition:absoluteのボックスが消えない方法はありませんか？ お手数ですがよろしくお願いいたします。 Mon, 23 Jun 2008 19:58:17 +0900 http://knowledge.livedoor.com/34847 imq livedoorブログ 13707 http://knowledge.livedoor.com/profile/13707 http://knowledge.livedoor.com/img/my/profile_img.gif http://knowledge.livedoor.com/img/cmn/noimg_m.gif 0 Tue, 24 Jun 2008 02:06:50 +0900 http://knowledge.livedoor.com/34574 lightbox設置がうまくいきません。 lightboxの設置がうまくいきません。 http://jo002.warabimochi.net/design.html こちらです。サムネイル画像はまだ入れてません。 ttp://makoto3.cocolog-nifty.com/makoto3/2006/09/lightbox_js_v20_6bf9.htmlこちらを参考にさせて頂きましたが、エラーが３つほどでてうまく表示されません。 どこが間違っているのかわからないので、すみませんがご教授お願いしますm(_ _;)m Sat, 07 Jun 2008 10:53:22 +0900 http://knowledge.livedoor.com/34574 guilty_13 ホームページ制作・ウェブデザイン 26715 http://knowledge.livedoor.com/profile/26715 http://knowledge.livedoor.com/img/my/profile_img.gif http://knowledge.livedoor.com/img/cmn/noimg_m.gif 1 Tue, 08 Jul 2008 06:10:11 +0900 http://knowledge.livedoor.com/34196 CSSに挑戦していて困ったことがあったので質問させてください。 CSSに挑戦していて困ったことがあったので質問させてください。 制作中のHPなのですが、左右中央表示指定？をしたところ、広告だけがあぶれてしまったのか本来下部に表示される筈が上部に表示されてしまって困っています。 CSSばかりでページを作ってしまい、HTMLでなにも書いてないから上部にきているのかなあと思いましたが対策が思いつきません。 ひたすら改行したらいいのでしょうか･･･。 どなたかアドバイスよろしくお願いします。 Sun, 18 May 2008 03:10:11 +0900 http://knowledge.livedoor.com/34196 guilty_13 ホームページ制作・ウェブデザイン 26715 http://knowledge.livedoor.com/profile/26715 http://knowledge.livedoor.com/img/my/profile_img.gif http://knowledge.livedoor.com/img/cmn/noimg_m.gif 2 Sat, 07 Jun 2008 10:47:25 +0900 http://knowledge.livedoor.com/34133 Livedoorブログ　タイトル画像について ブログのタイトルの文字代りに自作画像にしたいのですが CSSやらHTMLやら全然わからなくて、なにをどうすればいいのか全くわかりません。 なるべくわかりやすい手順を教えていただけると嬉しいです。 勉強する暇もないので、皆さんに知恵を分けてもらいたいです。 Thu, 15 May 2008 00:30:38 +0900 http://knowledge.livedoor.com/34133 HAKOLK ブログ 26680 http://knowledge.livedoor.com/profile/26680 http://knowledge.livedoor.com/img/my/profile_img.gif http://knowledge.livedoor.com/img/cmn/noimg_m.gif 1 Sun, 15 Jun 2008 06:10:08 +0900 http://knowledge.livedoor.com/34096 記事を書いてプレビューではちゃんとなっているのに再構築後見るとめちゃめちゃなデザインになっています。 これはライブドア側の問題でしょうか？昨晩からずっとなんです。どうしたら直りますか？どうぞ宜しくお願いします。 URL：http://blog.livedoor.jp/arahihsoymari/ 最近の記事は直っているものもありますが、以前に書いたものは日にちが経過するごとにどんどん原型をとどめなくなっていってます。(デザインのずれが酷くなっていく) これからアフィリエイトの審査が入るので現デザインは一旦諦め、別のデザインを使うことにしました。 またチョコチョコ直してみます。 またこちらのお世話になると思いますがそのときは どうぞ宜しくお願いします。m(__)m<emoji:memo> Mon, 12 May 2008 09:10:33 +0900 http://knowledge.livedoor.com/34096 tonarinokyakuhayokukakikuukyakuda livedoorブログ 26640 http://knowledge.livedoor.com/profile/26640 http://knowledge.livedoor.com/img/my/profile_img.gif http://knowledge.livedoor.com/img/cmn/noimg_m.gif 1 Thu, 12 Jun 2008 06:10:06 +0900 http://knowledge.livedoor.com/34084 CSSで背景に画像を入れたんですけど、ブラウザがIEだとうまく表示されません。誰か教えてください。 最近CSSをいじって背景に画像を入れたんですけど、ブラウザがIEだと背景がうまく表示されなくて真っ白になってしまいます。Safari、Firefoxではちゃんと背景がその画像で表示されるんですけど。。なんででしょうか？スイマセン教えて下さい！ Sun, 11 May 2008 14:32:29 +0900 http://knowledge.livedoor.com/34084 sickboy livedoorブログ 21881 http://knowledge.livedoor.com/profile/21881 http://knowledge.livedoor.com/img/my/profile_img.gif http://knowledge.livedoor.com/img/cmn/noimg_m.gif 1 Sun, 11 May 2008 16:33:29 +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/34016 ﾗｲﾌﾞﾄﾞｱ拍手が表示されません 　開発日誌やこちらの答えを参考にいろいろ試みましたが、どうしてもブログ拍手が表示されません。 　新しいデザインに変えたくないので（サイズ等いじっているため）、初心者にもわかりやすいアドバイスをどうぞよろしくお願い致します。 　http://blog.livedoor.jp/ki_kun529hiyoko/ Wed, 07 May 2008 17:40:25 +0900 http://knowledge.livedoor.com/34016 tamako livedoorブログ 13611 http://knowledge.livedoor.com/profile/13611 http://knowledge.livedoor.com/img/my/profile_img.gif http://knowledge.livedoor.com/img/cmn/noimg_m.gif 1 Wed, 07 May 2008 18:39:13 +0900 http://knowledge.livedoor.com/33433 文字が改行されません。 　　ブログのデザイン（幅）を変更しようとＣＳＳを変更していたのですが、テストのため、ブログの文章やサイドバーのタイトルなど文字を100文字から200文字ぐらい打ち込んで、表示したところ、文字がはみ出て表示されました。そのとき、最新版のMozillaを使用していました。ＩＥで表示したところ、きちんと改行されて表示されていました。 　　そのあと、他のデザインを選択し、ＣＳＳをデフォルトし戻したのですが、デザインは変わっても、文字ははみ出したままになっています。こんどは、タイトルも50文字くらい打って再構築すると、編集画面までも改行されず、崩れて表示されてしまいました。 　　このトラブルの対処法をどなたか教えてください。お願いします。 Wed, 09 Apr 2008 00:14:16 +0900 http://knowledge.livedoor.com/33433 powder ブログ 26215 http://knowledge.livedoor.com/profile/26215 http://knowledge.livedoor.com/img/my/profile_img.gif http://knowledge.livedoor.com/img/cmn/noimg_m.gif 2 Wed, 09 Apr 2008 17:43:33 +0900 http://knowledge.livedoor.com/33326 トップ画像をタイトルとして使用するにはどのよううにすればイイのでしょうか？ トップ画像の変更はできたのですがブログタイトルがかぶるので・・・ トップ画像をクリックすることでブログのトップページに飛ぶようにしたいのですがＣＳＳの変更方法がわかりません。 今この状態です・・・↓ http://blog.livedoor.jp/love_tiara/ 宜しくお願いいたします。 Sun, 06 Apr 2008 02:48:36 +0900 http://knowledge.livedoor.com/33326 TIARA ブログ 18430 http://knowledge.livedoor.com/profile/18430 http://img01.ico.frepa.livedoor.com/member_photo/b/4/b4d4aeeb6b8c32cc155f347b660249c88466214c_m.jpg http://img01.ico.frepa.livedoor.com/member_photo/b/4/b4d4aeeb6b8c32cc155f347b660249c88466214c_s.jpg 1 Mon, 07 Apr 2008 23:48:42 +0900 http://knowledge.livedoor.com/32296 サイドバーの最新コメント。 リンクされた件名、投稿者の色の変更の仕方。 プラグインの文字の色を一通り水色に変更したんですが、最新コメント、最新トラックバックの２点の文字色を、リンクされている件名を水色に、投稿者を緑色に変更したく、これまで色々検索して探し、試行錯誤しました。 ですが、何故か最新コメント、最新トラックバックの投稿者も水色になってしまい、区別がつきにくいです。 何処を修正すればサイドバーの最新コメントを区別がつきやすくなり、変更できるか分かりますでしょうか。 現在使用しているデザインは『わんこ』の３カラムです。 以上、よろしくお願い致します Sat, 23 Feb 2008 22:55:56 +0900 http://knowledge.livedoor.com/32296 ロッキー ブログ 3270 http://knowledge.livedoor.com/profile/3270 http://img01.ico.frepa.livedoor.com/member_photo/0/4/048119e7a4877a79c6a9a5b1f2b71b5a5c17535f_m.jpg http://img01.ico.frepa.livedoor.com/member_photo/0/4/048119e7a4877a79c6a9a5b1f2b71b5a5c17535f_s.jpg 1 Sun, 24 Feb 2008 12:49:29 +0900