whycomputer.com >> Интернет познания >  >> интернет

Как да редактирате цвета на текста за тема в Tumblr

Ако не харесвате цвета, който използвате за текста в Tumblr, можете да го промените. HTML редакторът на Tumblr ви дава възможност да променяте кода на CSS или Cascading Style Sheet, който определя вида на текста на вашия блог. Някои теми обаче използват CSS кода от източници, които не можете да разглеждате или редактирате директно. Въпреки това редакторът на HTML ви позволява да добавяте нов CSS код към секцията HEAD на вашата тема, която може да замени всеки друг стил на цвят на текста, независимо от неговия източник.

Сменете съществуващия CSS код

Влезте в блога си в Tumblr, кликнете върху бутона "Персонализиране" и след това върху "Редактиране на HTML."

Натиснете "Ctrl-F" и след това въведете "color:" в полето за търсене. Редакторът автоматично ще открои първата инстанция на думата за търсене в кода.

Щракнете върху стрелката надолу, докато намерите търсения термин в текстов HTML маркер като & lt; p & gt ;, & lt; li & gt; & LT; ол и GT ;. & LT; h1 & GT;, & LT; DIV & GT; или & lt; blockquote & gt ;. Например темата Kalalalani задава цвета за всички хипервръзки на H3 тагове в секцията със съдържание на неговите постове, използвайки следния ред:

съдържание .regular h3 a {color: # 111; }

Заменете текущата стойност на цвета с тази, която предпочитате. Темите на Tumblr обикновено използват цветови стойности, които имат три или шестцифрени шестнадесетични числа. Някои цветове обаче имат стандартни имена, които можете да използвате като червено, синьо, зелено, синьо или морска. Например, ако искате да промените цвета на всички H3 връзки в секцията със съдържание на блога ви на червено, вашият код ще изглежда по следния начин:

съдържание .regular h3 a {color: # f00; }

или

съдържание. regular h3 a {цвят: червен; }

Щракнете върху бутона "Актуализиране на прегледа". Режимът за предварителен преглед ви позволява да видите как ще изглежда блогът Ви, преди промените да станат постоянни.

Кликнете върху бутона "Запазване", когато сте готови с промените в цвета на текста.

Добавете нов стил цвят на текста

Натиснете "Ctrl-F" и след това напишете "& lt; /head & gt;" в полето за търсене. Редакторът автоматично ще се придвижва надолу и ще маркира този маркер.

Добавете празен ред за персонализирания си CSS код, като кликнете с мишката си пред & lt; /head & gt; и след това веднъж натиснете "Enter".

Въведете "& lt; style & gt;" в празен ред, който току-що създадохте над & lt; /head & gt; и след това два пъти натиснете "Enter". Редакторът автоматично ще добави етикета за стила на затваряне за вас.

Въведете кода, който ще промени цвета на текста в секцията със съдържание на публикациите в блога ви. Например, ако искате да направите целия H3 заглавие и текст на абзаца в лилаво в секцията със съдържанието, вашият код ще прилича на следното:

& lt; style & gt; #content h3, p {цвят: лилаво}; & lt; /style & gt;

Щракнете върху бутона "Запазване", когато сте готови с промените в цвета на текста.

Предупреждения

Изберете цветове на шрифта, които не само изглеждат добре, но правят текстът ви е лесен за четене. Цветът на фона на блога ви обаче може да ограничи избора ви на цветове на текста. Например, пурпурен текст на черен или червен фон може да бъде труден за някои от вашите последователи
URL:https://bg.whycomputer.com/Internet/100218924.html

интернет
  • Как да изпратите SMS чрез Интернет безплатно

    Съобщенията за кратки съобщения (SMS) са по-често известни като текстови съобщения. Текстовите съобщения обикновено се случват между два мобилни телефона, но SMS съобщенията могат да се изпращат и по интернет. Въпреки че има платени услуги, достъпни онлайн, безплатни текстови съобщения и лични имейл

  • Как да направим шрифта по-голям в бележки за iPad

    Операционната система iOS на Apple включва редица полезни функции за достъпност за увреден слух и зрение. Една такава функция е поддръжката на големи текстови шрифтове, които улесняват четенето и редактирането на текста на екрана. Размерът на шрифта на текста в оригиналното приложение за бележки за

Интернет познания © https://bg.whycomputer.com