¿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
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);
}
 
Se lo acabo de agregar y lo que pasó fue que se subió en vez de moverse a lado izquierda :grumpy:

Ponlo así:
HTML:
div#search {
    float: right;
    margin-top: 40px;
    margin-right: 60px;
}
 
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