phpBB España Oficial, Soporte Internacional Oficial del sistema de foros phpBB en Español, extensiones, estilos, traducciones, guías, tutoriales, videos, redes sociales, webmaster.
https://www.phpbb-es.com/foro/
Hola :jack_daniel escribió:buenas a todos
tenia una pregunta como puedo bajar el box de busqueda por que a diferentes resoluciones no queda bien
bueno una imagen = a mil palabras
Código: Seleccionar todo
#search-box {
margin-top: 140px;
right: 0px;
} ¿ Probaste lo que sugerí ?jack_daniel escribió:y el recuadro negro y la etrella azul donde le modifico la posicion
Código: Seleccionar todo
ESTO ES LO QUE HAY EN ESE ARCHIVO
@import url("common.css");
@import url("links.css");
@import url("content.css");
@import url("buttons.css");
@import url("cp.css");
@import url("forms.css");
@import url("tweaks.css");
@import url("colours.css");
@import url("buziness_board_add.css");
@import url("bookmark.css");
Código: Seleccionar todo
/* Search icon
-------------------------------------------------*/
#circle {
background: url("{T_THEME_PATH}/images/circle.png") no-repeat 0 0;
height: 50px;
width: 50px;
display: block;
float: left;
text-decoration: none;
color: #d2d2d2;
font-size: 1.4em;
font-weight: bold;
text-align: center;
padding-bottom: 2px;
margin: 5px 0 0 20px;
}
#circle:hover {
background-position: 0 -50px;
}
#search_options {
display: block;
float: left;
margin: 22px 0 0 10px;
}Código: Seleccionar todo
/* Search box
--------------------------------------------- */
#search-box {
color: #FFFFFF;
background: url("{T_THEME_PATH}/images/bg_search.png") no-repeat 0 0;
height: 75px;
width: 350px;
}
#search-box #keywords {
color: #FFFFFF;
font-weight: bold;
background-color: transparent;
border: none;
}
#search-box input {
border: none;
}Código: Seleccionar todo
/* Search box
--------------------------------------------- */
#search-box {
color: #FFFFFF;
position: absolute;
top: 0;
right: 70px;
display: block;
text-align: center;
white-space: nowrap; /* For Opera */
}
#search-box #keywords {
display: block;
float: left;
width: 120px;
background-color: #FFF;
margin: 20px 0 0 20px;
}
#search-box input {
border: 1px solid #b0b0b0;
}
/* .button1 style defined later, just a few tweaks for the search button version */
#search-box input.button1 {
padding: 1px 5px;
}
#search-box li {
text-align: right;
margin-top: 4px;
}
#search-box img {
vertical-align: middle;
margin-right: 3px;
}