- ベストアンサー
CSSでブログのタイトルに影をつける方法
いつもありがとうございます。 ブログのタイトルの部分に画像を使用するとタイトルの文字がみにくくなるので影をつけたいのですが具体的な方法が分かりません。 ブログはココログとMTを使用しています。 またそれ以外でタイトルを読みやすくする方法はないでしょうか？
- みんなの回答 （6）
- 専門家の回答
関連するQ&A
- ブログタイトルで画像（文字画像）を使いたい
ブログのタイトルに画像（文字画像）を使いたいのですが方法を教えてください。CSSのどの部分をいじればいいのでしょうか？ それと、記事タイトルにも画像（文字画像）を使いたいので方法を教えてください。 ブログはロリポップのロリポブログです。 超初心者なのでよろしくお願いします。
- ベストアンサー
- ブログ
- ブログのタイトル部分に『画像のみ』の方法
ブログについて質問させていただきます。 タイトル部分に画像を配置したいにですが、今まで使っていたところは『タイトルの背景に画像』はできるのですがブログのタイトル部分に『画像のみ』ができません。どうしても上からタイトル文字が入ってしまいます。画像の中にタイトルも描いて、画像のみトップに置きたいのです。よく芸能人や公式のブログで見かける感じのやつです。 http://ameblo.jp/chiaki-777/ ↑はアメブロですが、今アメブロに会員登録して、やってみたのですが、出来ませんでした。（私のやり方がおかしいだけかもしれませんが・・・） そういう設定ができるブログはありますでしょうか。 よろしくお願いします。
- ベストアンサー
- ブログ
- FC2ブログのタイトルについて質問です
現在ブログのタイトルに画像をロゴとして使用しているのですが、タイトルを入力すると真ん中に表示されてロゴとかぶってしまうので現在は目立たないように.のみにしています。 そうするとブログの見た目はきちんとタイトルがついているように見えるのですがタイトルが表示されるウインドウの青い枠（OKwaveならOKwaveと表示されている部分）には.しか表示されません。 どうにかしてタイトルを表示されるようにしたいのですがどうしてもロゴの画像と重なってしまうのです。 文字を小さくしてみたり背景と同じ色にしようとしたのですがごまかしきれなくてダメでした。 どうにかタイトルを表示させる方法はありませんでしょうか？ 分かりづらい文章で申し訳ありませんがよろしくお願いいたします。
- ベストアンサー
- ブログ
- 画像に影をつける方法について
・・・・・・・・・・・・ この写真は○○です。 画像 ・・・・・・・・・・・・ ↑ 上記のようなレイアウトになっている「画像部分」に影を付けたくて、あるサイトで見つけた下記の文字を加えてました。 <div style="width: 100%; padding-bottom: 10px; filter: shadow(color=#4d4d4d, direction=135);"> <img src= "http://*******" align="left"> この写真は○○です。</div> 画像部分に影が付くようにはなったんですが、画像横の文字「この写真は○○です。」まで影付きになってしまいました。 画像部分だけに影を付けるには、どうしたらよいのでしょうか。教えてください。
- ベストアンサー
- HTML
- ｃｓｓ ブログタイトル位置の動かし方
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; } --------------------------------------------------------------- ※ＣＳＳ初心者です。 よろしくお願いいたします。
- ベストアンサー
- ブログ
- ブログのタイトルバナーを作成する
ブログのタイトルバナーを作成したいのですが、文字のみのバナーを作成しようと思っています。 フリーソフトのPICTBEARという画像編集ソフトを使っていますが、どうも保存すると文字がはっきりせずぼやけた画像になってしまいます。 文字をくっきりさせたタイトルバナーを作りたいと思っているのですが、PICTBEARを使用されている方でおすすめの画像の保存方法ご存知の方、または別のフリーソフト使用されている方でこれいいよというものがあれば教えてください。 よろしくお願いします。
- 締切済み
- ブログ
- ココログブログのトップページに・・
ココログに登録してブログを作っています。 トップページのタイトルの部分に画像を貼りたいのですが、どうしても出来ません；； 「カスタム・テーマ」という所の「タイトルバナー」で、画像指定してボタンを押すのですが、表示されていませんでした。 どうしたら出来るのでしょうか。 分かるかたいましたら、教えてくださいm(_ _)m！！
- ベストアンサー
- ブログ
- ブログに載せる画像をcssで工夫したい
ブログに載せる画像にamapropの画像のような影と文字をつけたいのですが、html、cssの知識が全くなく、どのようにしたらよいのかわかりません。 amazonのアフェリエイトリンク作成ツールに「amaprop」（http://amaprop.net/）というのがあって、商品画像をかっこよく紹介することができるのですが、このツールで用いられているような加工をブログに載せている画像に施したいのです。 参照画像のように、画像の上に薄ら黒い影をつけて、その上に白い文字を載せたいのですが、どうしたらよいでしょうか？ cssでクラス名なりID名なりを作って指定をして、ブログの記事に載せる当該画像にそれを反映させればよいのかな？と思っているのですが、自分にはどのようにすべきかわからないので質問させていただきました。 画像は横200px縦50pxのもので、画像全体をうっすら黒くして、そのうえに白文字（フォントのサイズは11で文章もcssで一括指定）をつけたいです。 アドバイスよろしくお願いいたします。
- 締切済み
- HTML
- ｜タイトル ～○○○のブログ～
FC2ブログユーザーですが、最近テンプレートを変更しました。 すると（iPhoneなのですが）「｜自分のタイトル ～○○○のブログ～」と、自分のタイトル以外の解説（｜や～○○○のブログ～）などが自分のブログURLの上の部分に表示されます。 テンプレート設定でHTMLタグを少しみてみたのですが、なにぶん素人なのでよく分かりませんでした。 これって自分のブログタイトル以外を、消せませんか？
- ベストアンサー
- ブログ
お礼
みなさん回答ありがとうございます。 他の方の分も含めてここでお礼を申し上げます。 やはり特定のブラウザの機能に依存したサイトを作るのは適切でないし、障害者にも配慮したサイトにしたいので、やはり画像をあらかじめ処理してタイトル部分の明度を落とすという方法がベストのようですね。