- ベストアンサー
ブログタイトルの配置
- ブログタイトルの配置方法とは？画像を左に配置する方法や、センター配置する方法を教えてください。
- gooブログカスタムでブログを作成し、ブログタイトルの配置に困っています。タイトルと画像がかぶってしまいます。解決方法を教えてください。
- ブログタイトルの配置で問題が発生し、画像がタイトルとかぶってしまいます。センター配置や左配置の方法を教えてください。
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
関連するQ&A
- ブログについて
gooブログカスタムでブログを作っています。ブログタイトル左側に画像を挿入しようおもっていますが、うまくいきません。左には挿入できましたが、タイトルとかぶってしまいます。 いい方法ありませんか？ /* ブログのタイトル部上 */ .headerLight { height: 150px; background: url(http://blogimg.goo.ne.jp/user_image/5b/0e/8876e75e92ff9a9e7e56176d102fdfa5.png) no-repeat top left bottom; background-color: #376599; }
- ベストアンサー
- ブログ
- ｃｓｓ ブログタイトル位置の動かし方
gooブログのカスタムテンプレート「カスタムブルー」を使っています。 cssでブログTOP画像をいじっているのですが、 背景画像を挿入した際に、元々組み込まれている自身のブログタイトル、 およびブログの説明文が挿入した画像の隠れて欲しくない部分と 重なってしまいます。 左右への移動は 「paddinng-left」にて出来たのですが 上下への移動が出来ず（paddinng-top or bottomでは動かず)困っています。 （ブログタイトル＆説明文をもう少し上の位置にずらしたいのですが。。） 位置の設定の仕方が間違ってる、もしくは何か別の方法があるのでしょうか？ ---------------------------------------------------------------- /* ブログのタイトル部上 */ .headerLight { background-image: url(挿入画像のurl); background-repeat: no-repeat; background-position: center; background-color: #D8BFD8; height: 300px; } /* ブログタイトル部等の区切り線 */ .rule { background-color: #7B68EE; border-color: #ffffff; border-style: dotted; border-width: 3px; } /* ブログのタイトル部下 */ .headerDark { background-image: url(); background-repeat: ; background-position: ; background-color: #D8BFD8; } /* ブログのタイトル */ .bTitle { color: FFF0F5; font-size: 22px; font-weight: bold; font-family: 'Century Gothic',VERDANA,ARIAL,SANS-SERIF,Helvetica,'MS P ゴシック',Osaka; padding-left: 70px; } /* ブログタイトルのリンク（<a href="#" class="etTitleLink">で使用） */ .bTitleLink { text-decoration: none; } /* ブログの概要 */ .bDesc { color: #ffffff; font-size: 12px; font-weight: bold; padding-left: 100px; } --------------------------------------------------------------- ※ＣＳＳ初心者です。 よろしくお願いいたします。
- ベストアンサー
- ブログ
- ブログのタイトル背景部分に画像を入れたいのですが…
gooブログのカスタムメタルを使用しています。 タイトル部分に画像を入れていたのですが突然見れなくなってしまいました（以前は正常に表示されていました） /* /ページ全体共通指定*/ /* ブログのタイトル部全体の背景（デフォルトは画像使用） */ .header { height: 180px; background-image: url(画像のURL); background-attachment:fixed; background-repeat:no-repeat; background-position:left; } 頻繁にいじっていたのでどこか間違えているかもしれません。 が、何度見てもどこが間違ってるか自分ではサッパリわからなくなってしまいました； よろしくお願いします。
- ベストアンサー
- ブログ
- ホームページのブロック配置 Float
Float left のブロックの右に別のブロックを配置したいのですが float right 指定しても回り込んでくれません。一度は上手くいったようにみえたのですが。 原因と注意点をお教え下さい。 --------------------------------------------------------------------------- | header | |--------------------------------------------------------------------------- | dspbody (menuとtopを含む) | | ------------------------------------------------------------------------- | | menu | top | |--------------------------------------------------------------------------- | footer | ---------------------------------------------------------------------------- 【テスト中のスタイルシート】 * { margin:0; padding:0; } body { /* background-color:#ffffff; *//*内容全体の背景色*/ text-align:left; /*テキストの配置を左揃えにする*/ } div#pagebody { width:1000px; margin:0 auto; /*内容全体をセンタリング*/ text-align:left; /*テキストの配置を左揃えにする*/ } div#header { height:136px; /*背景画像のサイズに合わせてボックスの高さを指定*/ text-align:center; /*テキスト・画像の配置を中央揃えにする*/ background-image: url(img/FF054_change.png); background-repeat: repeat-x; } div#dspbody { width:1000px; height:800px; background-color: #999999; } div#menu { width:152px; height:800px; margin:0; float:left; /*内容全体を左に配置*/ text-align:left; /*テキストの配置を左揃えにする*/ /* background-color: "saddlebrown"; */ background-image: url(img/FF085_change.png); /* background-repeat: repeat-y; */ } div#top { /* width:700px; height:600px; */ float:right; text-align:center; /*テキストの配置を中央揃えにする*/ font-size: 9pt; background-color: #ccffcc; } div#top table { margin: auto; /*テーブルの配置を中央揃えにする*/ } div#footer { clear:both; text-align:center; /*テキストの配置を中央揃えにする*/ } a:link { color: yellow} a:visited { color: yellowgreen}
- ベストアンサー
- その他([技術者向] コンピューター)
- goo ブログ タイトル 画像
gooのアドバンスでカスタムブルーを利用しています。タイトル部に画像を挿入しようと下記をCSSに書き込むと background-image: url(背景画像のURL); background-repeat: no-repeat; /* 繰り返し無し */ background-position: right; /* 右寄せ */ } 記事の中に画像が挿入されていまいます。しまいます。なぜですか？]
- ベストアンサー
- ブログ
- background-imageの配置
御世話になります。 CSSにて下記画像のように『お問合せボタン』を配置したいと考えております。 左の写真の一番下のラインに合わせて配置したいんです。 お問合せボタンの上には商品説明が入るようなイメージです。 background-positionでは無理ですよね？ ご教授願います。 現在の設定↓ .go_form { display: block; background-image : url(../img/お問合せボタン.png); background-position: bottom right; background-repeat: no-repeat; text-align: left; text-indent: -9999px; }
- ベストアンサー
- ホームページ作成ソフト
- ブログタイトルの背景に画像設定 （FC2）
FC2ブログの共有テンプレートからDW99さんの[aqua_3cpl] （http://preview.blog22.fc2.com/?style3=2111&index）をダウンロードしました。 このテンプレートでブログタイトルの背景に画像を設定したいと思いました。 そこで、スタイルシートに、「カスタマイズ・マニュアル」を参考にして、以下を挿入してみましたが、ブログを確認しても画像は表示されませんでした。 （画像パスには、画像のURLを入れています） 初心者にも分かるように、背景画像の設定方法を教えて下さい。 ↓これをスタイルシートに挿入してみましたが… /* ブログタイトル */ .header { background-image : url("画像のパス"); /* 背景画像の設定 */ background-repeat : repeat; /* 背景画像を横縦タイル状に並べる */ background-position : left top; /* 開始位置を画面左上に設定 */ background-attachment : fixed; /* 背景画像の位置を固定 */ }
- 締切済み
- ブログ
- gooブログのヘッダーに画像
gooブログで日記を書いています。 今はCLカスタムというテンプレートを使っています。 ヘッダーの画像を新しいものに変更しようとしたのですが、 CSSデータに画像のURLを挿入しても変更できません。 プレビューでは変更が反映されているのに実際のページでは 反映されないのです。 どうすればいいのか、 お分かりの方がいらしたら、よろしくお願いします。 ちなみに、次のようになってます。 /*-- タイトルバナー外枠の設定 --*/ #title-banner { border-top:solid 7px #6ca8d6; border-bottom:solid 1px #c8c8c8; background:#6ca8d6; } /*-- タイトルバナー上部の設定 --*/ #title-banner-top { width:100%; height:0px; background:#1c75b8; margin:0; } /*-- タイトルバナー内部の設定 --*/ #title-banner-body { border-bottom:solid 2px #5ca1d6; width:100%; /*-- ↓タイトルバナーに画像を入れる場合は、下記のコメントをはずし、画像URLを指定する --*/ background-image:url(http://blogimg.goo.ne.jp/user_image/25/c6/74ccde33e7e5afae5396f03eeb644f62.png); background-position: center top; background-repeat:no-repeat; /*-- ↓タイトルバナーに画像を入れる場合は、画像に合わせて値を変更する --*/ height:435px; } /*-- ブログタイトルの開始位置の設定 --*/ #title-banner-body #title-banner-set { padding-top:30px; padding-left:30px; } /*-- タイトルバナー下部の設定 --*/ #title-banner-bottom { width:100%; border-top:solid 2px #4591cb; height:2px; background:#378fd4; border-bottom:solid 2px #eaeaea; } /*-- ブログタイトル文字の基本設定 --*/ #title-banner-body #title-banner-set h1 { font-size:245%; color:#ffffff; line-height:1.2; text-align:left; width:50%; margin-bottom:5px; } /*-- ブログタイトル文字の設定（文字色、リンク時装飾） --*/ #title-banner-body #title-banner-set h1 a { color:#FFFF33; text-decoration:none; } /*-- ブログタイトル文字の設定（マウスオーバー／マウスクリック時の文字色、リンク装飾） --*/ #title-banner-body #title-banner-set h1 a:hover, #title-banner-body #title-banner-set h1 a:active { color:#000000; text-decoration:underline; } /*-- ブログ概要の設定 --*/ #title-banner-body #title-banner-set h2 { color:#FFFFFF; font-size:92%; line-height:2; width:50%; font-weight:normal; background ; padding:5px; }
- 締切済み
- ブログ
- seesaaブログで背景画像の位置を指定したい
seesaaブログで背景画像の位置を下中央に表示させたいのですが、background-position:bottom center;と指定しても、上中央に固定されていてウンともスンとも動きません。 試しにleftに指定してみたり、タグの順番をかえてみたりしましたがダメでした。 ちなみに、忍者ブログや簡単なHTMLのページでは思い通りに表示できています。 ご存知の方、是非ご教授ください。よろしくお願い致します。 body { margin:0px; padding:0px; background-image:url("画像URL") ; background-color : #210709; background-repeat:no-repeat; background-attachment:fixed; background-position:bottom center; line-height:180%; text-align:center; }
- 締切済み
- CSS
- livedoorブログのヘッダの変更のしかた・・・
livedoorブログのヘッダの変更のしかた・・・ livedoorブログをはじめて、カスタマイズをしようと思って、livedoorブログカスタマイズのしかたなどが載ってるサイトをいろいろ探してみたのですが、サイトに書いてある、CSSと、はじめのlivedoorブログのカスタマイズの変更で見たCSSが全然違います。 ヘッダ画像の変更などは サイトに書いてあるのは body{ margin:0; padding:0; color:#d7d3c4; background:#000 url(http://image02.wiki.livedoor.jp/img/usr/gothic/header.jpg) no-repeat center 20px; font-size:80%; } こんなのや他にもいろいろありますが、livedoorのカスタマイズではじめのCSSを開いてタイトルエリアを見ても div.blog-title-outer { background: #dedede url(http://livedoor.2.blogimg.jp/kio_kiriya/imgs/8/7/877e770f.jpg) no-repeat right top;/* 背景画像：右上 */ text-align: left; margin-bottom: 10px; padding-right: 10px; } div.blog-title-outer-2 { background: url(http://livedoor.2.blogimg.jp/kio_kiriya/imgs/8/7/877e770f.jpg) no-repeat;/* 背景画像：左上 */ padding: 10px 0 0 10px; } div.blog-title-outer-3 { background: #63abec url() no-repeat;/* 背景画像：左上 */ } h1#blog-title { background: url(http://livedoor.2.blogimg.jp/kio_kiriya/imgs/8/7/877e770f.jpg) no-repeat right top;/* 背景画像：右上 */ margin: 0; padding: 35px 30px 0; font-size: 150%; font-weight: bold; } div.blog-description-outer { background: url(http://livedoor.2.blogimg.jp/kio_kiriya/imgs/8/7/877e770f.jpg) no-repeat bottom left;/* 背景画像：左下 */ } p#blog-description { background: url() no-repeat bottom right;/* 背景画像：右下 */ margin: 0; padding: 10px 30px 35px; line-height: 135%; } こんなので背景画像右下や左下・・・ これすべてにアップロードした画像のURLをいれてもちゃんと背景になりません。 どうすればいいのでしょうか？
- 締切済み
- ブログ
