26. 1. 2015

Blogger Tips | Čiara nad/pod menu


Ahojte Čuksfans!

Dnešný článok Blogger Tips bude o tom, ako dať čiarky nad aj pod vaším menu. Čiže bude to vyzerať nejako takto:

Postup je veľmi jednoduchý. Prejdete do Šablóna --> Prispôsobiť --> Rozšírené --> Pridať CSS

A vložíte tam toto:

.tabs-inner .section:first-child ul {
         border-bottom: 1px solid #000000 !important;
         border-top: 1px solid #000000 !important;
}

Vysvetlivky:
- Žltý riadok je spodná čiara a zelený riadok je vrchná čiara. 
- 1px znamená hrúbka čiary. Môžete si nastaviť ľubovoľnú hrúbku. Meňte len čísla. Px nechajte na mieste.
- #000000 je farba. Rovnako si môžete zmeniť aj farbu čiar. Typy farieb nájdete TU
- Pokiaľ chcete mať len spodnú čiaru, vymažte zelený riadok. Pokiaľ chcete mať len vrchnú čiaru, vymažte žltý riadok.

Už len dáte "Použiť na blog". A máte to na blogu. 

Poznámka: Pokiaľ vo vašom CSS je už nejaký text, nevymazávajte ho, len vynechajte jeden riadok a píšte ďalej.

9 komentárov:

  1. Super tip :) verím že pomôže veľa ľuďom :)

    http://beingasanmonica.blogspot.com/

    OdpovedaťOdstrániť
  2. Super! :) keď nabudúce budem meniť dizajn, určite si tvojimi návodmi pomôžem. Díki! :)

    leuslifestyle.blogspot.sk

    OdpovedaťOdstrániť
  3. Je super mať takéto návody <3 Aj my ichmám pár na blogu
    Dijoun&Klaudi

    OdpovedaťOdstrániť
  4. Ahoj tato rada je uzasna ale me to tam proste nejde nastavit uz se snazim o to pres pul hodiny a nic prosim poradte mi, delam to podle navodu okopirovala jsem zluty a zeleny radek a pak vlozila ale furt nic prosim poradte Vali
    http://prettycute1.blogspot.cz/

    OdpovedaťOdstrániť
    Odpovede
    1. Ahoj okopírovala si to celé? aj toto čo je nad aj pod žltým a zeleným riadkom? :)

      Odstrániť
    2. Ano okopirovala jsem to vsechno .tabs-inner .section:first-child ul {
      border-bottom: 1px solid #000000 !important;
      border-top: 1px solid #000000 !important;
      }
      ale nejde mi to

      Odstrániť
    3. Ano okopirovala jsem to vsechno .tabs-inner .section:first-child ul {
      border-bottom: 1px solid #000000 !important;
      border-top: 1px solid #000000 !important;
      }
      ale nejde mi to

      Odstrániť
    4. A máš aj zobrazené to menu "stránky" ? Lebo pokiaľ ich nebudeš (alebo to menu) zobrazené, tak sa ti tie čiary nespravia.:)

      Odstrániť
  5. Ahoj skvelý návod:) ale keď už je reč o menu, ako si vytvorila about me ? Flamingirls

    OdpovedaťOdstrániť

Ďakujem za komentár a prajem krásny deň! :)