How To: Fixed Navigation | Code Your Blog

nedeľa 13. marca 2016


Krásnu nedeľu!
Môj level prokrastinácie je momentálne na najvyššom možnom stupni a ja robím všetko iné, len nie sa učím slovenčinu alebo angličtinu; ale to nie preto, žeby som mala pocit, že všetko viem a nejaké písomné matury sú pre mňa malina, ale už neviem, čo sa mám učiť - čo viem, to viem a teraz už asi nič do hlavy nenatrepem.
Na jednu stranu sa chcem odreagovať práve pri blogu a písaním, no neviem zo seba dostať ani jednu vetu - preto využívam ďalší z nenáročných a predpripravených článkov, ktorí snáď mnohým pomôže - návod, ako nastaviť horné menu, ktoré ostane na svojom mieste.


01. Prihláste sa na svoj blog, v ľavom menu nájdite Rozloženie a do časti Header pridajte modul gadget HTML/Javascript.
Ak vám však nezobrazuje možnosť Pridať modul gadget:
A) V ľavom menu zvoľte Šablóna a Upraviť kód HTML.
B) Kliknite dovnútra veľkého okna, stlačte CTRL + F a do vyhľadávača zadajte:
<b:section class='header' id='header'
C) Časť maxwidgets='1' zmeňte na maxwidgets='2'showaddelement='no' na showaddelement='yes'
02. Ako názov modulu zadajte <!> a do obsahu vložte:

<div id="stickynavbar">
<table align="center" border="0px" style="text-align: center;"><tbody><tr>
<td style="width: 30px"><a href="cieľová adresa">odkaz 1</a></td>
<td style="width: 30px"><a href="cieľová adresa">odkaz 2</a></td>
<td style="width: 30px"><a href="cieľová adresa">odkaz 3</a></td>
<td style="width: 30px"><a href="cieľová adresa">odkaz 4</a></td>
</tr>
</tbody>
</table></div>

03. Modul gadget uložte a premiestnite ho ako prvý v časti Header a uložte celé usporiadanie rozloženia.
04. V ľavom menu zvoľte Šablóna a Upraviť kód HTML.
05. Kliknite dovnútra veľkého okna, stlačte CTRL + F a do vyhľadávača zadajte:

]]> </b:skin>

06. Pred tento kód vložte:

#stickynavbar {
position: fixed;
top: 0px;
left: 0px;
padding-bottom: 10px;
padding-top: 10px;
z-index: 999;
width:100%;
background-color: #000000; /* farba pozadia menu */
}

#stickynavbar a {
color: #ffffff; /* farba odkazu */
font-family: 'Arial', sans-serif; /* font odkazu */
font-size: 12px; /* veľkosť písma */
}

Pozor: čo je červenou môžete zmeniť, modrou sú moje poznámky.

07. Uložte šablónu a hotovo!


Ak vám niečo nebude fungovať, napíšte mi.
Kontakt nájdete v hornom i bočnom menu.

with all love,

13 komentárov

  1. Další skvělý návod. Díky moc

    OdpovedaťOdstrániť
  2. Ani nevieš, ako sa mi toto hodí. Už sa s tým pasujem dlho, no nikdy nemám tak veľa času (a trpezlivosti) hľadať nejaký dobrý návod, ktorý by aj vyšiel. A keďže momentálne tiež prokrastinujem (celkom obstojná kôpka papierov z nemčiny ma čaká na stole, ale veď ona ešte počká), tak sa idem do toho pustiť :)
    DominicaLand

    OdpovedaťOdstrániť
  3. Hello,

    So beautiful ! :D

    Sarah, http://www.sarahmodeee.com/

    OdpovedaťOdstrániť
  4. wow tak toto som dlho chcela vedieť ako sa to robí, len ja som taký IT antitalent, že musím si článok 20krát prečítať, aby som mu pochopila a pri tejto predstave radšej z toho cúvnem :D :(... ale raz sa k tomu dokopem, vyhľadám tvoj blog a určite pôjdem nato! Super článok ;)

    Dominika Makarová fashion blog

    OdpovedaťOdstrániť
  5. Tak toto určite využijem pri budúcej úprave blogu, nikdy som nevedela veľmi ako na to. :D

    Neviem či si to prečítaš ešte dnes, ak nie, nevadí, pretože ja viem že maturity aj tak dáš ľavou-zadnou, lebo si múdre a inteligentné dievča a už len podľa toho ako si stále spomínala, že sa učíš tak som si istá, že všetko perfektne ovládaš a že to dáš úplne skvelo. Prajem veľa veľa veľa šťastia, síce sa stresu nedá vyhnúť, ale dúfam, že ho bude čo najmenej a že budeš sama so sebou spokojná. GOOD LUCK ♥♥♥

    OdpovedaťOdstrániť
  6. Znova skvelý nápad :D
    Môj blog: Girl with pink nails
    Srdečne Vás pozývam na moju GIVEAWAY

    OdpovedaťOdstrániť
  7. nice blog, I follow you :)
    Happy Monday!

    http://itsmetijana.blogspot.rs/

    OdpovedaťOdstrániť
  8. Myslím, že tento článek bude nejčtenější na tvém blogu protože sama vím, jaké problémy jsem měla s nastavením tohoto menu :D Moje angličtina sice není úplně marná, ale u čtení návodů v angličtině jsem si chvílemi myslela, že jsou napsané Čínsky a já jsem mimozemšťan :D Tento návod pomůže hodně blogerkám:)

    NATYSPACE

    OdpovedaťOdstrániť
  9. Milujem tieto články s návodmi. Nie som práve technický typ, takže je to pre mňa totálna záchrana. Veľké ďakujem za všetkých takých, ako ja. :)

    Victoria's secrets

    OdpovedaťOdstrániť
  10. už tróni na mojom blogu :) ďakujem! ♥

    OdpovedaťOdstrániť
  11. Toto je naozaj veľmi užitočný článok! Keď som niečo takéto skúšala po prvýkrát, vôbec som sa v tej spleti kódov nevedela vyznať :D
    31shadesofaubergine

    OdpovedaťOdstrániť

Latest Instagrams

© A STYLISH BEE. Design by FCD.