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で質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) こんなことできますか?例えば、sheetに貼り付けた図形のタイトルを、セルA1の文字で表示する。 5 2022/04/22 15:25
- HTML・CSS svgクリップパスの応用コーディング方法 2 2022/04/09 09:07
- Windows 95・98 タスクバーの背景の色だけを変えたい。 2 2022/07/13 14:44
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- その他(悩み相談・人生相談) 顔写真の背景を透明や別の色にしたい 2 2023/02/08 21:01
- その他(ブラウザ) zoomのバーチャル背景が選べない 4 2022/12/08 12:38
- ノートパソコン AMDディスプレイ設定 暖色見にくい 2 2023/07/18 17:24
- Excel(エクセル) テキストの背後にあるオブジェクトとは 3 2023/01/03 20:22
- PDF PDFのテキストを追加機能 1 2022/06/18 12:45
- プリンタ・スキャナー プリンターで印刷したら背景色が黄色になってしまいます。ip2700を使用しています。 色々試しました 6 2023/07/25 15:26
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
芸能人のブログへのコメントに...
-
動画をmp4形式でパソコンに保存...
-
アメブロのIDとIPアドレスがま...
-
過去の記事をアメンバーに限定...
-
アメーバブログの自分の記事に...
-
アメブロの記事に関する著作権...
-
Amebaをスマホでダウンロードし...
-
アメーバのアクセス数は正確で...
-
アメブロ リプログ閲覧
-
障害者がインフルエンサーにな...
-
乃木坂のまとめサイトにコメン...
-
アニ文字みたいなのをパソコン...
-
FBで非公開した記事にいいねが...
-
アメーバブログ退会後
-
アメーバの新規登録をしたいの...
-
3日前にアメブロの投稿文章や写...
-
趣味で始めた自分のブログの読...
-
質問に写真をのせたいのですが
-
ブログをやっていて、それを紹...
-
アメーバブログのやり方
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
中央寄せの解除
-
ライブドアブログにおいて記事...
-
ブログのデザインがずれる原因
-
2beeブログで行間と文字の間隔...
-
ライブドアブログのサイドバー...
-
FC2ブログで引用に背景色をつける
-
IE6だけ何故か左寄せになります
-
ブログ記事内に文章を左右2列に...
-
WordPressのヘッダー上部の余白
-
wordpress カスタムフィールド...
-
アメーバブログの両サイドの余...
-
FCブログの文字の大きさについて
-
アメブロをFireFoxでみると…
-
FC2ブログの右サイドバーが落ちた
-
本文の文字を大きくしたい
-
ワードプレスでタイトルの字数...
-
FC2ブログ タイトルの文字を...
-
tumblrをやっている方、jsやcss...
-
ライブドアブログの「ホワイト...
-
アメーバのブログ 画像の貼り付け
おすすめ情報
ご回答ありがとうございます。
この記述はtumblrのedit themaからカスタムテーマ、editHTMLへと進み、
そこに記述するのでしょうか?その場合、どのあたりに記述すれば良いですか?
ポストする際に、text editorでHTMLやマークダウンでも記述してみましたが、反映されないようです。
再びご回答ありがとうございます。
カスタムCSSの方に追加してみました。
これは、ダッシュボードの方でも反映されるのでしょうか?
投稿した時に、テキストの背景がダッシュボード上で画像のように色付きにしたいのですが、これがどうもできません。
投稿の際に右上の歯車アイコンからhtmlに変更しpreタグを使ってやるのは違うのでしょうか?
投稿するときの設定のやり方はどのようにすればよいでしょう?
何度もすみません、もしご存知でしたら教えていただけますと幸いです。