• Lappuse 1 no 1
  • 1
Meklēšanas formas izksats v2
Spanky
Datums: Svētdiena, 03.06.2012, 12:10 | Ziņa # 1
Grupa: Administrators
Foruma posti: 543
Reputācija: 88


1. Izveidojam jaunu bloku, kurā ievietojam šo kodu:
Code
<center><form action="/search/" style="margin: 0pt;" method="get" onsubmit="this.sfSbm.disabled=true">  
  <div class="schQuery">  
  <input type="search" size="23" onfocus="this.value=''" value="Ievadiet frāzi..." onblur="if (this.value==''){this.value='Ievadiet frāzi...'}" maxlength="30" name="q">  
  <div id="searchsubmitborder"><input type="submit" value="Meklēt" id="sfSbm" class="searchSbmFl"></div>  
  </div></form></center>


2. Iekš CSS ievietojam šo kodu:
Code
#searchsubmitborder {   
   border: 1px solid #3358A5;   
   display:inline-block;   
   }   
   input[type="search"]{   
   border:1px solid #C0CAD5;   
   font-family:tahoma,tahoma,verdana,arial,sans-serif,Lucida Sans;   
   font-size:11px;   
   padding:3px;   
   color: rgb(119, 119, 119);   
   }   
   .searchSbmFl {   
   background:none repeat scroll 0 0 #6386D0;   
   border-bottom:1px solid #ABBBDE;   
   border-top:1px solid #ABBBDE;   
   cursor:pointer;   
   height:19px;   
   color:#FFFFFF;   
   text-shadow: 1px 1px 0px #3358A5;   
   font-size:10px;   
   display:inline-block;   
   font-weight:bold;   
   padding:2px;   
   }



Pielikumi: 9959118.png (6.9 Kb)
  • Lappuse 1 no 1
  • 1
Meklēšana: