tumblrで投稿する時、テキストの背景に色がつくようにするにはどうすればいいですか?
2年くらい前にはpreタグを使用することで簡単にできていたのが、今は試してもできない感じなのです。
http://i.imgur.com/4u0x0Z5.jpg
こんなふうにテキストの背景に色がつくようにしたいですが、どうすればできますか?
No.2ベストアンサー
- 回答日時:
No.1です。
次の手順で進めてください。
1.Tumblrにログイン後あなたのトップページを開きます。
2.右上にEdit themeのリンクが有りますのでそこをクリックします。
3.ページ左側にテーマの編集画面が開きますのでそこを一番下までスクロールして詳細設定をクリックします。
4.カスタムCSSを追加をクリックします。
5.No.1のCSSを一番下にコピペしてください。空欄でしたら上で構いません。
6.保存をクリックしてください。
これでできるはずです。
pre {
color: #333333; /*文字色*/
background-color: #eeeeee; /*背景色*/
margin: 10px; /* 背景色から外側の余白 */
padding: 10px; /* 背景色から内側の余白 */
}
もしカラーコードがご存知でない場合は
http://html-color-codes.info/japanese/
でカラーコードを確認して#333333の部分を変更したらその色になります。
2度もご丁寧にありがとうございました。
しかしながら、解決しなかったのでまた質問載せます。
よかったら、またアドバイスもらえると幸いです。
No.1
- 回答日時:
pre {
color: #333333;
background-color: #eeeeee;
margin: 10px;
padding: 10px;
}
このCSSで背景色は薄いグレーで文字色はほぼ黒になります。
余白とマージンを10pxに設定しています。
(marginは灰色の外側の範囲で、paddingはテキストから背景色が変わるまでの余白です)javascript:void%200;
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・「I love you」 をかっこよく翻訳してみてください
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・昔のあなたへのアドバイス
- ・かっこよく答えてください!!
- ・あなたが好きな本屋さんを教えてください
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
したらば掲示板のタイトルをセ...
-
背景について
-
tumblrをやっている方、jsやcss...
-
アメブロ解説 タイトル説明の位置
-
FC2 HTML編集について
-
FC2ブログのテンプレートを...
-
スタイルシートの使い方について
-
三つ折りのリーフレットを作りたい
-
htmlとcssで分数を表示後、分数...
-
FC2ブログのタイトル文字の色変...
-
複数のページの、アクセス解析...
-
改ざんは修正や訂正という意味...
-
word個人用テンプレートの削除方法
-
Becky!ver.2で、返信・転送用テ...
-
FC2ブログの月間アーカイブを年...
-
FC2ブログの上に以下の文章が
-
Office2000新規作成でテンプレ...
-
gooブログの表示順がおかしい
-
Excel2007自作テンプレート共有...
-
gooブログ新着記事の表示について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ライブドアブログにおいて記事...
-
中央寄せの解除
-
エキサイトブログで挿入画像を...
-
ライブドアブログのサイドバー...
-
アメブロ。日記から本文がはみ...
-
アメブロでブログタイトル上部...
-
スタイルシートの使い方について
-
tumblrをやっている方、jsやcss...
-
HEAD・HTMLの行間改行が上手く...
-
bloggerブログで画像の枠を消す...
-
FC2ブログで引用に背景色をつける
-
MT4のタイトルを一枚画像(バナ...
-
wordpress カスタムフィールド...
-
お世話になっております。fc2で...
-
FC2 HTML編集について
-
右サイドバーが下に落ちてしまう
-
FC2ブログ タイトルの文字を...
-
ブログ記事内に文章を左右2列に...
-
2beeブログで行間と文字の間隔...
-
fc2ブログで記事とサイドバーに...
おすすめ情報
ご回答ありがとうございます。
この記述はtumblrのedit themaからカスタムテーマ、editHTMLへと進み、
そこに記述するのでしょうか?その場合、どのあたりに記述すれば良いですか?
ポストする際に、text editorでHTMLやマークダウンでも記述してみましたが、反映されないようです。
再びご回答ありがとうございます。
カスタムCSSの方に追加してみました。
これは、ダッシュボードの方でも反映されるのでしょうか?
投稿した時に、テキストの背景がダッシュボード上で画像のように色付きにしたいのですが、これがどうもできません。
投稿の際に右上の歯車アイコンからhtmlに変更しpreタグを使ってやるのは違うのでしょうか?
投稿するときの設定のやり方はどのようにすればよいでしょう?
何度もすみません、もしご存知でしたら教えていただけますと幸いです。