Search Bar | Code Your Blog

sobota 2. apríla 2016


Pekný večer!
Úprimne, po dnešnom veľmi dlhom dni nemám veľmi energiu na to, aby som dala moje nápady do zmysluplných slov - takže áno, zverejňujem znova niečo z predpísaných článkov. Avšak Design Tutorials sú jedny z najpopulárnejších na tomto blogu - takže verím, že sa vám bude páčiť aj toto malé "vylepšenie".
Good evening!
Honestly, after such a long day today I don't really have much energy to put my ideas into meaningful words - so yes, I'm posting something from pre-made mosts again. However these "Design Tutorials" are one of the most popular on my blog - so I hope you'll like this quick "improvement" as well.


1. V ľavom menu nájdite Rozloženie a časti Sidebar pridajte modul gadget HTML/Javascript.
2. Ako názov dajte <!> a do obsahu vložte:
1. In left menu find "Layout" and in "Sidebar" add a gadget "HTML/Javacript."
2. As a title put "<!>" and as content paste:

<center>
   <style>
 
   #search {
   border: 1px solid #000000; /* rámček */
   background: #ffffff; /* pozadie */
   text-align: center; /* zarovnanie textu */
   padding: 7px 0px;
   width: 99%;
   mouse:pointer:
   }
   #search #s {
   background: none;
   color: #999999; /* farba písma */
   font-family: 'Cardo', serif; /* font - typ písma */
   font-size: 10px; /* veľkosť fontu */
   border: 0;
   width: 100%;
   padding: 0;
   margin: 0;
   outline: none;
   text-align: center; /* zarovnanie textu */
   }
 
   </style>
 
   <div id="search" title="Type and hit enter"> <form action="/search" id="searchform" method="get"> <input id="s" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search&quot;;}" onfocus="if (this.value == &quot;Search&quot;) {this.value = &quot;&quot;;}" type="text" value="Search" /> </form> </div>
   </center>

Červené môžete zmeniť, modrou sú moje poznámky. Everything in red you can change, in blue are my notes.
3. Upravte si nový Search bar ako len chcete a uložte šablónu! 3. Change your new "Search bar" however you want and save your template!
Ak vám niečo nebude fungovať, prosím, dajte mi vedieť.
Kontakt je v hornom i bočnom menu.

Aké návody by ste chceli vidieť najbližšie?
If something won't be working, please let me know.
Contact is in top and sidebar menu.

Which tutorial would you like to see next?
with all love,

12 komentárov

  1. Ten search bar je dokonalý! Inak, aj tvoj kryt na mobil :D

    OdpovedaťOdstrániť
  2. Prostě miluju tvoje návody :). Já popravdě na designu už nehodlám nic měnit, ještě doteď (!) si pamatuju, jak jsem se celý den (jakože fakt) hrabala v HTML! :D A to mi dokazuje, jak seš ty šikovná ;).

    OdpovedaťOdstrániť
    Odpovede
    1. Ja sa tiež hrabem v kódoch aj celé hodiny :D Ale je to hlavne preto, že nikdy nie som s ničím spokojná :D

      Odstrániť
  3. Opět skvělý návod! :) Jsi vážně moc šikovná :)

    Another Dominika

    OdpovedaťOdstrániť
  4. V prvom rade, úplne skvelý design! ❤️❤️ Tento sa ti naozaj podaril!
    Opäť skvelý tutorial!

    OdpovedaťOdstrániť
  5. nový dizajn je vážne skvelý :) ja by som chcela návod na ten "instagram" na boku, proste aby som tam mala aj obrázky :D viem, kebyže sa trochu pohrabem na nete, tak to nájdem, ale ja si počkám na ten tvoj :D
    Blanka

    OdpovedaťOdstrániť

Latest Instagrams

© A STYLISH BEE. Design by FCD.