18. 11. 2015

Blogger Tips | Ako na názvy bočných panelov?



Ahojte! :)

Už dlhšie sa tu neobjavil žiaden blogerský návod ako tak pozerám tak naposledy v auguste! Fúúha to je poriadne dávno. Ale keďže tieto blogerské tipy sú u mňa najsledovanejšími článkami, rozhodla som sa vám dnes teda priniesť ďalší a to konkrétne: Ako na názvy bočných panelov?

V tomto článku sa dozviete:
1.) Ako zarovnať názvy bočných panelov na stred?
2.) Ako podčiarknúť bočné panely?
3.) Ako orámovať názvy bočných panelov?
4.) Ako mať názov bočného panely veľkými písmenami?

V prvom rade prejdite na Šablóna -> Prispôsobiť -> Rozšírené -> Pridať CSS



Zobrazí sa vám prázdne textové pole, do ktorého môžete písať. Prípadne sa vám tam môže objaviť niečo napísané. Ale nevymazávajte to! Jednoducho len vynechajte jeden riadok a píšte pod to. 
Pokiaľ chcete aby názov vášho bočného panelu bol veľkými písmenami, aby bol zarovnaný na stred a podčiarknutý čiernou farbou, napíšte tento kód:


.sidebar h2 {
    text-transform: uppercase;  /*Názov veľkými písmenami*/
    letter-spacing: 0.15em;      /*Medzera medzi jednotlivými písmenami*/
    text-align: center;              /*Zarovnanie názvu na stred*/
    border-bottom: 1px solid #000000;   /*Podčiarknutie*/
    padding: 12px 0px 5px 0px;             
}

Ak však chcete aby bol názov vášho bočného panelu podčiarknutý, vložte toto:

.sidebar h2 {
    text-transform: uppercase;  /*Názov veľkými písmenami*/
    letter-spacing: 0.15em;      /*Medzera medzi jednotlivými písmenami*/
    text-align: center;              /*Zarovnanie názvu na stred*/
    border-bottom: 1px solid #000000;  
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
    padding: 12px 0px 5px 0px;             
}

Farebne som vám vyznačila, kde môžete zmeniť farbu rámčeka/podčiarknutia. Potrebné čísla farieb nájdete napríklad aj na TEJTO stránke. 
Ak napríklad nechcete aby názov vášho bočného panela bol vycentrovaný na stred, jednoducho vymažte celý riadok  text-align: center; 


Ako sa vám páči dnešný návod? :) Máte ešte záujem o ďalšie? Dajte mi vedieť. 

Majte sa krásne.
- Čuks.

_______________________________________________________
Sledujte ma aj na: 
Facebooku  |  Instagrame  |  Tumblr  |  Bloglovin  |  G+
Ak máš nejaké otázky, opýtaj sa ma (môžeš aj anonymne):
ask.fm/danycuks
alebo email
danycuks@gmail.com

12 komentárov:

  1. Tohle jsem si chtěla najít už strašně dlouho. Děkuju! :)
    KattyLife

    OdpovedaťOdstrániť
  2. Super návod, mě to bohužel nejde jak mám stáhnutou tu šablonu.. Ale po nějaké době ji chci dát pryč a udělat si tam něco svého, takže tohle určitě použiju, díky! :)
    Denisse Beauty

    OdpovedaťOdstrániť
  3. Ďakujem za ďalší tip :) už som predbežne lustrovala tvoje rady a návody, a len čo budem mať vyše času, idem na to, ďakujem !! :)

    OdpovedaťOdstrániť
  4. Super tip, určitě piš další tyhle články, ráda se přiučím! :)

    SweetElis

    OdpovedaťOdstrániť
  5. úplne ťa obdivujem, že si v týchto veciach taká šikovná ;)

    www.beautiful-savage.blogspot.sk

    OdpovedaťOdstrániť
  6. Určite pridávaj takéto články častejšie! Hoci základy kódovania mám, vždy sa nájde niečo, čo som nevedela :D
    beelievin.blogspot.com

    OdpovedaťOdstrániť
  7. Máš moc krásnej blog! Určitě tady nejsem naposledy <3

    ZEEKO. | stojim-v-koute.blogspot.cz

    OdpovedaťOdstrániť
  8. Skvelý návod, vyskúšala som ho a funguje. Ďakujem za pomoc a teším sa na ďalšie návody.

    OdpovedaťOdstrániť
  9. Šikovné! Hezký nápad, jak poradit. :)

    OdpovedaťOdstrániť

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