1
Buscador para tu foro! Sáb Nov 12, 2011 1:53 am
Tito
Mensajes : 3392 
Monedas : 6679 Hola a todos! hoy les dejo un código que permite buscar dentro de tu foro.
Este el el código:
Pueden personalizarlo con css, les dejo un ejemplo:
Un saludo! :cheers:
Este el el código:
- Código:
<span class="busqueda"><form method="get" action="/search.forum" id="search"><p class="nomargin"><input type="text" name="search_keywords" id="keywordss" maxlength="128" class="inputbox search" value="Buscar..." onclick="if (this.value == 'Buscar...') this.value = '';" onblur="if (this.value == '') this.value = 'Buscar...';"><input class="botonnnn" type="submit" value="Buscar"></p></form>
</span>
Pueden personalizarlo con css, les dejo un ejemplo:
- Código:
.botonnnn{
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
background-color: #15424c;
background-position: 50% 0%;
background-repeat: repeat-x;
color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
overflow: visible;
border: 0px solid #BCBCBC;
width: auto !important;
padding:3px;
position:relative;
top:0px;
left:-4px;
}
#keywordss{
padding:3px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
background-color: #0d292f;
background-position: 0% 1px;
background-repeat: no-repeat;
border: 0px solid black;
color: white;
cursor: text;
}
#bottt{
text-shadow: 0px 1px 1px white;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 20px;
font-weight: normal;
color:#0f2f36;
text-decoration:none;
font-style: italic;
margin-right:7px;
}
#bottt:hover{
text-shadow: 0px 1px 1px white;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 20px;
font-weight: normal;
color:#174853;
text-decoration:none;
font-style: italic;
margin-right:7px;
}
Un saludo! :cheers:
Última edición por Tito el Dom Abr 15, 2012 11:50 pm, editado 2 veces
