BLOGGER TIP - JAK MÍT PODTRŽENÝ NADPIS ČLÁNKU?
pondělí, dubna 20, 2015
Dnes si ukážeme, jak na čárkované, plné či tečkované podtržení nadpisu článku! Nevíte jak na to? Tak čtěte dál! Tento návod je opravdu snadný!
Vše se odehrává v úpravě CSS. Tam se dostanete touto cestou: ŠABLONA - PERSONALIZOVAT - POKROČILÉ - PŘIDAT CSS
(Fotka je starší. Od té doby jsem podtržení změnila na černé (z lightgrey na black). V textu jsem to již opravila.) |
DO POLE VLOŽÍTE TENTO KÓD:
#Blog1 > div.blog-posts.hfeed > div > div > div > div > h3 {border-bottom: 1px solid; color: black;}
Tento konkrétní kód mám já, ale vy si ho můžete upravit podle sebe. Pokud nechcete mít podtržení plné (solid), zaměňte slovo buď za "dashed" pro podtržení čárkované, a nebo za "dotted" pro tečkované.
solid - plné podtržení
dotted - tečkované podtržení
dashed - čárkované podtržení
Změnit můžete také tloušťku. Tloušťku určuje "1px", což je nejtenčí možnost. Takže pokud si dáte vyšší číslo, budete mít podtržení širší.
Nesmíme zapomenout ani na barvu. Já to mám v černé (black), ale vy si to můžete dát do jaké chcete barvy! Samozřejmě vše musí být napsané v angličtině, jinak vám to fungovat nebude. Pokud to chcete třeba v šedé, zaměňte slovo za "grey" a podobně.
Až budete mít všechno upravené tak, jak se vám líbí, stačí dát jenom POUŽÍT NA BLOG a je hotovo!
Až budete mít všechno upravené tak, jak se vám líbí, stačí dát jenom POUŽÍT NA BLOG a je hotovo!
Bylo to jednoduché, že? Pokud však máte nějaké problémy, nefunguje vám to nebo jste něco nepochopili, ozvěte se mi do komentářů nebo na email a já vám pomůžu! Také mi můžete napsat, jestli chcete nějaké další podobné návody!
12 KOMENTÁŘŮ
Tak toto jsem třeba nevěděla, díky :-)
OdpovědětVymazatgiveaway
Tak to jsem ráda. :D :) Těší mě, že ten článek k něčemu je :)
VymazatDěkuji za komentář ♥
Škoda, že jsem na to přišla o den dva dříve :D ale jinak jsi mi poradila spoustu věcí a za to ti moc neDĚKUJU (když děkovat nemám, tak budu neděkovat :D )
OdpovědětVymazatTak pořád to můžeš využít ne? :O :D
VymazatJeeee ty jsi tak hodná! :D ♥
Nedávno jsem se o podtržení pokoušela. Byly to nervy a nakonec se mi to podařilo vyšmelit v html šabloně. Tenhle návod přes CSS by mi to dost usnadnil :D
OdpovědětVymazatMy Make-up Store
Ty jo, já ani nevím, že to přes html jde :D Přes CSS je to rozhodně snažší no :D
VymazatDěkuji za komentář ♥
O tomto som netušila :D Super tip, určite ho v budúcnosti využijem :)
OdpovědětVymazathellomynameisev.blogspot.sk
Hehe :) Děkuji ♥ Jsem ráda, že ho třeba využiješ. :)
VymazatSuper tip!!! :-)
OdpovědětVymazathttp://my-infinity8.blogspot.com
Super užitočný tip, hneď idem vyskúšať :)
OdpovědětVymazatLifeAsIva
♥GIVEAWAY♥
To jsem ráda! :)
VymazatDěkuji za komentář ♥
No to je bomba, nikdy jsem na podobný návod nenarazila :) Podle mě pak blog vypadá takový... víc na úrovni :)
OdpovědětVymazatDěkuji za každý komentář!