August 28, 2016

THE SECRET LIES IN SIMPLICITY.




 | SPOSÓB NA BLOGA |

 Hejka!
W dzisiejszym poście znajdziecie coś, co mam nadzieję, przyda się Wam teraz lub w przyszłości. Mowa o search box'ie, czyli wyszukiwarce blogowej. Nie sztuka ją stworzyć, sekret tkwi w prostocie...


 1. Wejdź w pulpit edycji bloga i wybierz “Układ”.
2. Kliknij “dodaj gadżet” tam, gdzie chcesz go umieścić i wybierz “HTML/Java Script”. 
 3. Jedyne co teraz musisz zrobić, to wkleić tam poniższy kod i zapisać całość.



   <center>
   <style>   
   
   #search {  
   border: 1px solid #BDBDBD;  
   background: white url(https://lh4.googleusercontent.com/-pVUC_2t4N3Q/VHUyuRgha5I/AAAAAAAAC6g/Wm6jR3X_21U/h120/search3.png) 98% 50% no-repeat;  
   text-align: left;  
   padding: 8px 24px 6px 6px;  
   width: 75%;  
   height: 18px; mouse:pointer:  
   }  
   #search #s {  
   background: none;  
   color: #BDBDBD;  
   font-family: verdana; 

   font-size: 11px;  
   border: 0;  
   width: 100%;  
   padding: 0;  
   margin: 0;  
   outline: none;  
   }  
   
   </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>  
   <br/><br/>

   </center>

Teraz, aby dopasować...

1. Jeśli chcesz mieć jedynie linie nad i pod gadżetem, jak tutaj:
zmień linijkę kodu zaznaczoną na czerwono, na tę tutaj:

border-bottom: 1px solid #BDBDBD;
border-top: 1px solid #BDBDBD;
2. Jeśli chcesz zmienić kolor ramek, zmień sekcję zaznaczoną na niebiesko.

3. Jeśli masz ochotę zmienić kolor czcionki - odpowiada za niego fragment różowy.

4. Chcąc usunąć ikonkę wyszukiwania, jak tutaj...
...usuń zupełnie linię fioletową.

5. Jeśli chcesz, aby tekst "Search" był pisany capslockiem, po fragmencie "font-family: verdana;" wklej:
text-transform: uppercase;
6. Chcąc zmienić szerokość całego box'u, zmieniaj wielkość % w polu zielonym

Mam nadzieję, że post Wam się spodoba i komuś z Was kiedyś się przyda :)
Powodzenia! Buziaki!:*


PS. Chętnie poczytam Wasze propozycje kolejnych tego typu "poradników blogowych" :)

3 comments:

  1. Świetny post
    Bardzo przydatny
    Uwielbiam twojego bloga
    Pozdrawiam oliwiafelkel.blogspot.com

    ReplyDelete
  2. Świetna porada , fajnie i łatwo to tłumaczysz.
    Pozdrawiam
    https://mylifeiswonderful9.blogspot.com

    ReplyDelete
  3. Post jak najbardziej świetny i przydatny :)

    Zapraszam http://ispossiblee.blogspot.com

    ReplyDelete

Dziękuję za każde wyskrobane słówko !♥
Thank You for every written word !♥