Cómo Dezplazar Tabla De Login Y Otra Cosa

[SergiOasiS]

Hola de nuevo

Datos:
URL: http://www.forohurlingham.com/phpBB2/
Plantilla(s) usuada(s): Predeterminada
MODs instalados: Respuesta Rapida, Topics en Index, etc..
Version de phpBB: 2.0.22
Servidor: Pago
Si es una actualizacion desde otra version: No
Si es una conversion desde otro tipo de Foro: No

Necesito dos favores:

1) Lo que yo queria era pasar la tabla de "Login" que esta en el "index_body.tpl" a "overall_header.tpl".

En cierta forma lo logré, pero me quedo la tabla muy junta con los botones de navegacion del foro.

Lo que yo quiero es..

Pasar de esto:


A mas o menos esto:


Osea, lo que quiero es que la tabla se valla un poco mas abajo, agregando un renglon o algo asi.

Aca les dejo el codigo del overall_header.tpl:
http://www.phpbb-es.com/pastebin/pastebin.php?show=211

2) Se puede hacer que cuando uno tenga mensajes nuevos, que donde dice "Tiene x mensajes nuevos" aparezca de color rojo y en negrita? Solamente cuando uno tenga mensajes nuevos.

Seria para que se note mas. Simplemente eso.

[dllrsoft]

Creo que tu primera pregunta se soluciona añadiendo un salto de linea en código...

[quote]<br/>[/quoteicy]

Creo que poniendo eso antes del código del login se debería solucionar...

PD: Si me equivoco me corregís...

Saludos!!

[SergiOasiS]

Gracias dllrsoft!!! Era eso!! Quedo perfecto!!!

Ahora me falta lo de los mensajes nuevos. Se puede hacer que cuando hay mensajes nuevos aparezca en letras de color rojo y en negrita?

[dllrsoft]

Jeje, de nada hombre, aquí estamos para ayudar...

Para lo de los mensajes no tengo respuesta clara... Supongo que será cambiando algo del css de tu style... Pero no sé exactamente qué es lo que tienes que cambiar...

Saludos!!

[viktor]

Es bastante simple, vamos por parte:

Primero abre el overall_header, ya que tienes que cambiarle la clase a la sección de mensajes.

Busca lo siguiente, (o algo similar):

Código: Seleccionar todo

<a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_message.gif" width="12" height="13" border="0" alt="{PRIVATE_MESSAGE_INFO}" hspace="3" />{PRIVATE_MESSAGE_INFO}</a>

Ahí tienes los mensajes, tu tienes que cambiarle la clase, seria bueno ver si no existe otra clase ya con las características que tu quieres, pero va a ser mas rápido que tu las crees de 0.

Bue, en fin, tu le cambias el nombre de la clase:

Código: Seleccionar todo

class="mainmenu"

Por ejemplo le pones el mainmenu2:

Código: Seleccionar todo

class="mainmenu2"

Ahora, tienes que darle los atributos a esa clase, así que abres el css de tu plantilla (recuerda que te estoy haciendo un paneo general, los códigos y los nombres pueden variar dependiendo de la plantilla).

Abre el subsilver.css o el de la plantilla que uses:

Busca esto (o algo similar):

Código: Seleccionar todo

/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 11px; color : #000000 }
a.mainmenu		{ text-decoration: none; color : #006699;  }
a.mainmenu:hover{ text-decoration: underline; color : #DD6900; }

y abajo le copias esto:

Código: Seleccionar todo

/* La clase para los mensajes privados personalizada */
.mainmenu2		{ font-size : 11px; color : #000000 }
a.mainmenu2		{ text-decoration: bold; color : #006699;  }
a.mainmenu2:hover{ text-decoration: bold; color : #DD6900; }

Ahi tienes tu código, el primero es el estilo general, el a.mainmenu2 (osea el segundo) las características del enlace (yo te puse bold, osea negrita), el tercero es cuando le pones el mouse encima, te saque el underline, por un bold, aunque tu puedes modificarlo como quieras.

Puedes cambiar los colores si te da la gana, y cualquier otra cosa que tu quieras, pero ve con cuidado.

Suerte

[SergiOasiS]

Viktor, gracias por responder!

Pero hice lo que me pediste pero no funciono

Ahora queda siempre subrrayado, pero no se pone en negrita ni color rojo cuando hay mensajes nuevos.

Lo ideal tambien seria que se subrraye solo al pasar el mouse y cuando hay mensajes nuevos.

Puede ser que hice algo mal?

[dllrsoft]

Buenas, intenta cambiar

[quote]text-decoration: bold; [/quoteicy]

por:

[quote]text-decoration: none; [/quoteicy]

y agregas esto:

[quote]font-weight: bold; [/quoteicy]

Saludos!!

[SergiOasiS]

Hice los cambios que me dijiste, pero sigue estando igual que antes.

[viktor]

dllrsoft tiene razon, yo en el apuro te lo puse mal. Y es como el te dijo, para el text decoration, va none, y para la negrita se administra con font-weight.
Y ademas me olvide que el subSilver maneja el css desde el overall header...
Por eso te sale subrayado, porque por default, los enlaces salen subrayados, y al darle una clase que no esta definida (mainmenu2) te sale el default...

Bue, vamos otra vez xD:

El codigo correcto primero:

Código: Seleccionar todo

/* La clase para los mensajes privados personalizada */
.mainmenu2        { font-size : 11px; color : #000000 }
a.mainmenu2        { text-decoration: none; font-weight: bold; color : #red;  }
a.mainmenu2:hover{ text-decoration: none; font-weight: bold; color : #red; }

En vez de "red" puedes poner el código de color de la variante de rojo que mas te guste.


Ahora, pon ese codigo en el hoveral header, fijate que tiene una copia exacta del css al comienzo, asi que tu pon por ahi ese codigo. Si no quieres perderte, ponlo abajo de:

Código: Seleccionar todo

/* The register, login, search etc links at the top of the page */
.mainmenu        { font-size : 11px; color : #000000 }
a.mainmenu        { text-decoration: none; color : #006699;  }
a.mainmenu:hover{ text-decoration: underline; color : #DD6900; }

Pero en el hoveral_header.

[SergiOasiS]

Con eso ahora aparece siempre en negrita, y al pasar el mouse no se subrraya. Ah, y no cambia al color rojo.

Sera que hay que poner el color en codigo en vez de "#red"?

[viktor]

jajjaj es que es eso justamente lo que pense que querías hacer, pero ni importa, eso significa que funciona xD...

Bue, te voy a explicar uno por uno, aunque es html basico (o css mejor dicho) que puedes consultar en cualquier lado.

Código: Seleccionar todo

.mainmenu2        { font-size : 11px; color : #000000 } 

Esa linea determina el estilo de el texto, que no funciona como enlace, como el unico texto que tienes con esa clase es de tipo enlace no se usa. Pero siempre es bueno dejarlo asi.

Código: Seleccionar todo

a.mainmenu2        { text-decoration: none; font-weight: bold; color : #red;  } 

"a" significa enlace, en este caso serian los enlaces referentes a la clase mainmenu2, osea, es el estilo que se te aplica a todos los textos que sirven como enlaces con esa clase.
Fijate que te puse sin subrayado (text decoration: none), en negrita (font-weight: bold), y en color rojo (color: #red). Por ende si tu quieres que se vea normal, y en negro, tienes que ponerlo asi:

Código: Seleccionar todo

a.mainmenu2        { text-decoration: none; font-weight: normal; color : #000000;  }

Puedes jugar un poco, con los colores, o con los estilos, a ver cual te gusta mas.

Y por ultimo:

Código: Seleccionar todo

a.mainmenu2:hover{ text-decoration: none; font-weight: bold; color : #red; }

hover es cuando pones el mouse encima del enlace/imagen eso significa que seria en este caso el efecto on mouse over de los enlaces de la clase mainmenu2...... xD
Es lo mismo que antes, solo que solo veras los cambios cuando pongas el mouse encima del texto.
Tu elijes, normal, negrita, rojo, negro, etc.

Ya que es tu primera vez con el css, te diria que juegues un poco con esas opciones, asi te vas familiarizando con eso.

[SergiOasiS]

Ok, gracias! Entendi lo que me explicaste. Pero por lo que veo entonces no se puede hacer lo que yo decia?

De esa forma se puede cambiar el color, negrita, etc, pero es igual si hay o no mensajes nuevos.

Yo lo que decia era que se ponga en rojo y negrita cuando hay mensajes nuevos, que cuando no haya mensajes nuevos se vea como viene predeterminado.

De esta forma:

Cuando no hay mensajes nuevos:


Cuando hay mensajes nuevos:


Y que cuando se pase el mouse por encima, simplemente que se subrraye.

[mitch]

A travez de css, no es posible lo que indicas... puesto que desde la plantilla, se llama a cierto estilo CSS.

Lo que podemos hacer entonces, es agregar código HTML en el PHP directamente, para que a pesar del estilo CSS del enlace, el link tome otras "funciones" (como el de la negrita y el del color rojo).

En includes/page_header.php
Buscar:

Código: Seleccionar todo

		$l_message_new = ( $userdata['user_new_privmsg'] == 1 ) ? $lang['New_pm'] : $lang['New_pms'];
		$l_privmsgs_text = sprintf($l_message_new, $userdata['user_new_privmsg']);

Agregar Despues:

Código: Seleccionar todo

//añadido por mitch
		$l_privmsgs_text = "<font color=#FF0000><b>$l_privmsgs_text</b></font>";
//fin añadido

Fijate que en la linea numero 2 del código que te hize agregar, esta el tag FONT, para darle el color rojo, y el tag B, para dejar el enlace en negrita.

El resultado, es que el link "normal" de mensajes privados, es igual al resto (color azul). Pero si hay mensajes nuevos, quedará en negrita, y de color rojo.
Pruebalo, creo es exactamente lo que buscas, nos vemos.

[SergiOasiS]

Perfecto mitch! Eso es lo que estaba buscando! Funciona de diez!

Gracias a todos los que ayudaron, hacen un gran trabajo!

Tema solucionado.

Saludos!

[mitch]

SergiOasiS, perfecto un saludo