This forum uses cookies

This forum makes use of cookies to store your login information if you are registered, and your last visit if you are not. Cookies are small text documents stored on your computer; the cookies set by this forum can only be used on this website and pose no security risk. Cookies on this forum also track the specific topics you have read and when you last read them. Please confirm whether you accept or reject these cookies being set.

A cookie will be stored in your browser regardless of choice to prevent you being asked this question again. You will be able to change your cookie settings at any time using the link in the footer.

MangoVirtual - Alojamiento Web

[Rendimiento]  [AYUDA] recuadrar botones del panel, efecto a inicio de sesion.
* URL del foro: http://cmrs.no-ip.org/enter * Versión del foro: 1.6 * Actualización: No Hola necesito darle forma a estos botones, es la misma bar...

Hola necesito darle forma a estos botones, es la misma barra que tiene soportemybb pero yo quiero darle forma a los botones de mensajes, comunidad, panel de control, usuario, cerrar sesion, tambien a los de iniciar sesion y registrarse.
[Imagen: sinttulossw.png]

Y si se fijan en la barra desplegable de inicio de sesión quisiera agregarle un efecto sliding o sea "Que baje y suba lentamente" no se si me explique bien.

[Imagen: sinttulody.png]

Gracias de antemano a todos.
Última modificación: 1 Feb, 2012, 8:27 pm por general67.
Hola al final no pude lograr implementar el nuevo panel de inicio de sesión, soy muy básico y antes de hacer una macana y no poder arreglarlo decidi dejarlo, lo que si logre fue darle efectos degradado a los links, bueno quiero mas que nada recuadrarlos y con un fondo y un color de letra nada mas eso, y lo del inicio de sesión no sabes? que código quieres que te pase.
Bueno, para lo de los enlaces de "Mensajes", "Comunidad", etc busca en global.css:
Código:
ul.bloque_visitante li a {
    font-size:11px;
    font-weight:bold;
    padding:4px 50px;
    outline:none
}

Añadiras las propiedades en ul.bloque_visitante li a por ejemplo:
padding: 4px 6px; /* el espacio interior sera de 4px de arriba y abajo y 6 de los lados */
border: 1px solid black; /* borde de grosor de 1px en forma de linea con color negro */

Y en los ultimos dos cambias el color del texto:
Código:
ul.bloque_visitante li a:link,ul.bloque_visitante li a:visited {
    color:#131313;
    text-decoration:none
}

ul.bloque_visitante li a:hover,ul.bloque_visitante li a:active {
    color:#515151;
    text-decoration:none
}ul.bloque_visitante li a:link,ul.bloque_visitante li a:visited {
    color:#131313;
    text-decoration:none
}

ul.bloque_visitante li a:hover,ul.bloque_visitante li a:active {
    color:#515151;
    text-decoration:none
}

Tendría que ver si puedo usar jquery en esos enlaces. No estoy muy acostumbrado a hacerlo por eso no te garantizo que lo logre xD
Lo del sliding hay varios tutoriales por google, no todo hay que quererlo hecho, así aprendes mas rápido.
Bueno ya esta hecho ahora voy a ver si puedo agregarle algún efecto para que cuando ponga el cursor en el boton cambie de color o algo de degradado.
:hover (puntero sobre un enlace o elemento).

Para lo de el panel deslizandose prueba esto.

En la plantilla header_welcome_guest tienes:
Código:
    <li><a href="javascript:;" onclick="$('IS').toggle();">Iniciar sesión <img src="images/down.gif" alt="Desplegable" width="15" height="10" /></a></li>
    <li><a href="http://www.tuforo/member.php?action=register">Registrate<img src="images/izquierda.gif"width="15" height="10" /></a></li>

Cambia por:
Código:
    <li id="sliding"><a href="javascript:;" onclick="$('IS').toggle();">Iniciar sesión <img src="images/down.gif" alt="Desplegable" width="15" height="10" /></a></li>
    <li id="sliding2"><a href="http://www.tuforo/member.php?action=register">Registrate<img src="images/izquierda.gif"width="15" height="10" /></a></li>

Agrega en headerinclude:
Código:
<script>
$(document).on("ready", function(){
$('#sliding').click(function() {
  $('#IS').slideDown('slow', function() {
  });
});
});
</script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
Última modificación: 1 Feb, 2012, 2:31 pm por Azagthoth.
Pero donde esta la plantilla headerinclude? ayer la busque toda la noche y no pude encontrarla, creo que no la tengo. Si puedes elimina el nombre de mi foro que esta en el código que pegaste mas arriba o acortalo.
Última modificación: 1 Feb, 2012, 2:26 pm por general67.
Ve a tus plantillas/plantillas sin grupo/headerinclude.
Hice los pasos pero al dar click no se despliega el cuadro, o sea no sucede nada.
1
2