¿Cómo alinear buscador en foro Mybb hacia la izquierda?

  • Autor Autor Dirtyboss
  • Fecha de inicio Fecha de inicio
Estado

🔒 Este tema está cerrado para nuevas respuestas.

⏰ Solo el creador del tema puede solicitar la reapertura de sus propios temas, pero únicamente dentro de los 60 días previos a la última actualización.

D

Dirtyboss

Préstamo impago
Zeta
Hola compañeros, en mi foro de linux tengo un pequeño inconveniente, y no es de funcionamiento ni nada por el estilo. Sólo que me gustaría saber cómo recorrer el buscador hacia la izquierda, que quede alineado al foro,

​

Como podemos ver, se sale un poco, cualquier cosa.

el foro es este: Foro Hispano Rosa Linux Como podrán ver, se sale un poquito. Está hecho en Mybb.

¿Me podrán ayudar?

Gracias
 
Última edición:
Busca en el global.css div#search y le añades un margin-right:65px; o la cantidad que quieras.
 
Busca en el global.css div#search y le añades un margin-right:65px; o la cantidad que quieras.

Se lo acabo de agregar y lo que pasó fue que se subió en vez de moverse a lado izquierda :grumpy:

---------- Post agregado el 13-mar-2013 hora: 16:02 ----------

De hecho, en el CSS, tengo todo esto que dice SEARCH:

PHP:
div#search {
        float:right;
        margin-top: 17px
        margin-right:65px;
}

input#search_box {
        background: #fff;
        border: 1px solid #D2D2D2;
        border-right: none;
        font-family: Tahoma, 'Trebuchet MS', Arial, sans-serif;
        padding: 5px;
        padding-left: 30px;
        width: 185px;
        height: 20px;
        float: left;
        top: 0;
        -moz-border-radius-topleft: 4px;
        -webkit-border-top-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
        -webkit-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px;
        -webkit-transition: all 250ms ease-in-out;
        -moz-transition: all 250ms ease-in-out;
        -o-transition: all 250ms ease-in-out;
        transition: all 250ms ease-in-out;
}

input#search_box:hover {
        border: 1px solid #B1B1B1;
        border-right: none;
}

input#search_button {
        background-color: #E5E5E5;
        background-image: -moz-linear-gradient(#F2F2F2, #E5E5E5);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#E5E5E5));
        background-image: -webkit-linear-gradient(#F2F2F2, #E5E5E5);
        background-image: -o-linear-gradient(#F2F2F2, #E5E5E5);
        background-image: -ms-linear-gradient(#F2F2F2, #E5E5E5);
        background-image: linear-gradient(#F2F2F2, #E5E5E5);
        text-decoration: none;
        text-shadow: 0 1px 0 white;
        -moz-box-shadow: inset 0 0 1px #fff;
        -ms-box-shadow: inset 0 0 1px #fff;
        -webkit-box-shadow: inset 0 0 1px white;
        box-shadow: inset 0 0 1px white;
	border: 1px solid #d2d2d2;
        border-bottom-color: #B1B1B1;
        filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fffafafa,EndColorStr=#ffdcdcdc);
        padding: 7px 10px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        display: inline-block;
}

input#search_button:hover {
        border: 1px solid #AAA; 
        border-bottom-color: #999;
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff;
        -ms-box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25),inset 0 0 3px white;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25),inset 0 0 3px white;
        filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fff0f0f0,EndColorStr=#ffe6e6e6);
        background-image: -moz-linear-gradient(top,#F0F0F0 0,#E6E6E6 100%);
        background-image: -ms-linear-gradient(top,#F0F0F0 0,#E6E6E6 100%);
        background-image: -o-linear-gradient(top,#F0F0F0 0,#E6E6E6 100%);
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#F0F0F0),color-stop(100%,#E6E6E6));
        background-image: -webkit-linear-gradient(top,#F0F0F0 0,#E6E6E6 100%);
        background-image: linear-gradient(to bottom,#F0F0F0 0,#E6E6E6 100%);
}

input#search_button:active {
       background: #DADADA;
       -webkit-box-shadow: inset 0px 1px 6px 0px rgba(0, 0, 0, 0.3);
       box-shadow: inset 0px 1px 6px 0px rgba(0, 0, 0, 0.3);
}
 
creo que te falta un punto y coma en los estilos!
 
Perfecto compañero [MENTION=19687]betic00[/MENTION]

Al parecer ahí ha quedado muy bien.

Muchas gracias por tu ayuda
 
Estado

🔒 Este tema está cerrado para nuevas respuestas.

⏰ Solo el creador del tema puede solicitar la reapertura de sus propios temas, pero únicamente dentro de los 60 días previos a la última actualización.

Atrás
Arriba