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!

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!

Využijete tento návod? Chcete nějaké další?

12 KOMENTÁŘŮ

  1. Tak toto jsem třeba nevěděla, díky :-)
    giveaway

    OdpovědětVymazat
    Odpovědi
    1. Tak to jsem ráda. :D :) Těší mě, že ten článek k něčemu je :)
      Děkuji za komentář ♥

      Vymazat
  2. Š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ětVymazat
    Odpovědi
    1. Tak pořád to můžeš využít ne? :O :D
      Jeeee ty jsi tak hodná! :D ♥

      Vymazat
  3. 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
    My Make-up Store

    OdpovědětVymazat
    Odpovědi
    1. Ty jo, já ani nevím, že to přes html jde :D Přes CSS je to rozhodně snažší no :D
      Děkuji za komentář ♥

      Vymazat
  4. O tomto som netušila :D Super tip, určite ho v budúcnosti využijem :)

    hellomynameisev.blogspot.sk

    OdpovědětVymazat
    Odpovědi
    1. Hehe :) Děkuji ♥ Jsem ráda, že ho třeba využiješ. :)

      Vymazat
  5. Super tip!!! :-)

    http://my-infinity8.blogspot.com

    OdpovědětVymazat
  6. Super užitočný tip, hneď idem vyskúšať :)
    LifeAsIva
    ♥GIVEAWAY♥

    OdpovědětVymazat
  7. No to je bomba, nikdy jsem na podobný návod nenarazila :) Podle mě pak blog vypadá takový... víc na úrovni :)

    OdpovědětVymazat

Děkuji za každý komentář!

PRAVIDELNÍ ČTENÁŘI

NAPIŠ MI

Název

E-mail *

Vzkaz *

FACEBOOK

Subscribe