先日、質問させていただきましたが、自分のやり方が何か間違っているようで反映されません。
tumblrでpreタグをダッシュボード上で反映させるにはどうすればよいでしょうか。
テキストの背景に色がつくようにしたいです。
カスタムCSSには教えていただいたコードを記述しました。
しかし、そこからpreタグを具体的にどうやって反映させたら良いのかわかりません。
試したことは投稿する時に右上の歯車アイコンからhtmlやマークダウンにして
preタグのみを使うやり方です。これは以前は使えていた方法で一時期から反映されなくなって
しまったものです。
例えば、ABCDEFGというテキストの背景に色をつけたい時は
<pre>ABCDEFG</pre>
これのみでOKでしたが今は反映されなくなってます。
こちらが先日の質問です。
https://oshiete.goo.ne.jp/qa/9269204.html
色々自分なりに調べたのですが、なかなか解決しません。
tumbleを利用されている方、どうかお知恵をお貸し下さい。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
>CSSに関しては知識はほぼないです。
なら、それを先に学ぶほうがずっと早いし効率的です。数学や理科だってそうでしょ。公式に当てはめただけで解ける問題なんてそうざらにはない。きちんと基礎から身につければ、あれほど簡単なものないのに。
高速道路をすっ飛ばしたいけど、車の運転を知らない・・と言われてもね。
カスケーディングの理由で、うまく適用できていない。
tumblr カスタムcssを追加 - Google 検索( https://www.google.co.jp/search?q=Tumblr&ie=utf- … )
No.1
- 回答日時:
CSSを扱おうとしたら最低限、
4 構文と基本データ型
5 セレクタ
6 プロパティ値とカスケーディング、継承の割り当て
( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )
だけは身に着けておかないと・・
pre{
color: gray;
background-color: silver;
margin: 0.5em auto;
padding: 0.5em 1em;
}
などとしても、より詳細度が高い設定がされていると、機能しません。
pre というタイプセレクタでは、詳細度は 0001 に過ぎない。
div.content div.article pre{
とか、具体的な書き方はHTMLの文書構造に従ってください。
この例は、半角スペースの[子孫セレクタ]で、連結されていて、クラスセレクタが二つあるので、詳細度は 0 0 2 3 ですね。
もっと高い詳細度が必要かもしれません。
Style Sheets in HTML documents (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
を読まれると、適用の方法が書かれています。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS HPに文章で改行はすべてBRタグとかで改行しなきゃだめなのですか?改行が活きたまま書く方法ないの? 1 2022/12/03 21:00
- HTML・CSS 角丸画像の背景色を透明にしたいです 1 2023/06/23 23:15
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- PHP ECCUBE4のページ管理でPHPを実行させたい 1 2023/04/06 11:42
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- 英語 Pre-existing periapical pathology, when the apices 1 2023/04/27 22:27
- Instagram お世話になります。 あつまれどうぶつの森の動画をiPhone13に飛ばし、その動画(約10秒)をIn 1 2023/02/28 09:13
- Excel(エクセル) こんなことできますか?例えば、sheetに貼り付けた図形のタイトルを、セルA1の文字で表示する。 5 2022/04/22 15:25
- TOEFL・TOEIC・英語検定 英文法(他動詞・自動詞の解釈)you pre-register online 1 2023/03/09 00:18
- Excel(エクセル) 重複したデータ(空白は除く)のVBA表記について 4 2022/08/15 07:28
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSのクラス名・ID名の指定でワ...
-
ページの左右の余白(枠外)に...
-
最近、HTMLのヘッダーをIDで定...
-
<span>で2重にかけているものを...
-
【VBA/HTML】IE画面内のページT...
-
CSSに同じclass名がいっぱい‥。...
-
htmlのid属性って必要なの?
-
CSSの適用を一部だけ除外したい。
-
CSSでテキストリンクの色を複数...
-
透過背景を解除するにはどうす...
-
個別にリンクの色を変える方法
-
idの中のid指定
-
ラジオボタンの装飾(色の違う2...
-
liリストタグの背景色に色がつ...
-
Django 明細行にてボタンを押下...
-
htmlの文字が縦書きになる
-
div要素が重なってします
-
htmlのolやulなどlistにtitleや...
-
初心者html・CSS ウィンドウを...
-
safariだけCSSが崩れてしまいます
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSSに同じclass名がいっぱい‥。...
-
最近、HTMLのヘッダーをIDで定...
-
HTML要素のid/class名の長さに...
-
個別にリンクの色を変える方法
-
idの中のid指定
-
liリストタグの背景色に色がつ...
-
htmlのid属性って必要なの?
-
CSSのクラス名・ID名の指定でワ...
-
サイトにjQueryが使用されてい...
-
透過背景を解除するにはどうす...
-
ページの左右の余白(枠外)に...
-
同ページ内でリンクの色を変え...
-
外部css定義したclassをht...
-
CSS, リンクの色を一部変えるに...
-
CSSが効かずどのように指定すれ...
-
CSSで下まで背景色を伸ばす方法
-
divの入れ子を多用してページを...
-
一部のリンクの下線を消す
-
外部スタイルシートで定義した...
-
innerHTMLを使用するとうまく表...
おすすめ情報
ご回答ありがとうございます。
CSSに関しては知識はほぼないです。
単純に投稿したときに、ダッシュボード上でテキスト背景に色がつくようにしたいだけなのですが、
質問にも書いたようにpreタグのみでやる方法くらいの知識しかありません。
以前のそのやり方しかわからないので、新しくなった機能でどのような他の設定や投稿する時に
他にどうすれば良いのかなど、教えていただけませんか?
例的にTumblr内で反映されているCSSコードや、投稿する際のテキストエディタの設定、そこでどう書き込むかなどを教えていただけると助かります。
tumblrを利用されていますか?
投稿する際の歯車アイコンのテキストエディタの選択の部分だけでもいいので、教えていただけませんか?
コードとかではなく、どれを選択するかだけでもいいので。
これは以前にはなかった機能なので、この部分の設定や選択がわかりません。
残念ながらtumblrを利用されている方の回答が得られないようなので、〆ます。