Tutorial ¡Poner reloj en Header!

ninjemys oweni · 28 Feb 2011

Bueno aqui les dejo como poner un reloj en el header, yo lo puse del lado izquierdo pero ustede pueden ponerlo donde gusten.

Ver el archivo adjunto 4685

primero hay que ir al CP, estilos y plantillas/administrar estilos/su estilo/editar plantillas, buscan la plantilla de Header y buscan el siguiente código

<div id="header" class="floatcontainer doc_header">
<div><a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div>

abajo de eso collcan el siguiente código:

<div style="float:right; margin: -40px 5px 5px 10px;"><p align="center"><embed title="aquí pueden poner los que gusten que quieran que aparesca cuando pasen el puntero encima" src="http://www.respectsoft.com/onlineclock/onlineclock.swf?ccolor=blue" quality="high" wmode="transparent" bgcolor="#ffffff" width="88" height="31" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /><br></div>

pueden encontrar el código de diferentes tipos de relojes o de diferente color aquí solo copien el código del estilo de reloj que les guste y reemplazen el código que puse. Nota: solo copien esta parte y reemplacenla, src="http://www.respectsoft.com/onlineclock/onlineclock.swf?ccolor=blue" quality="high" wmode="transparent" bgcolor="#ffffff" width="88" height="31" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />

suerte

Eduardo Leon · 28 Feb 2011

Hola ...

muy bueno tu tutorial, pero seria un poco mejor si colocaras la imagen que has puesto en imageshack, como una "imagen desde tu ordenador" que una imagen subida por "imageshack".

Trata de adherir una imagen y subela directamente por "vbhispano", porque cuando trato de ver la imagen a travez de imageshack me muestra un error:

Saludos !

ninjemys oweni · 28 Feb 2011

Listo Imagen Subida

Aguila SEO · 4 Mar 2011

se puede hacer para la version 3.8?

imported_Agustin · 4 Mar 2011

Great Kitten dijo:
se puede hacer para la version 3.8?

de 3 a 4, cambiaron las variables.
Asique intentalo, cualquier cosa, te lo resuelven

GeorgeEcuador · 12 Mar 2011

Como le copio el codigo doy copiar y no me pega el codigo del reloj

ninjemys oweni · 12 Mar 2011

tienes que seleccionar todo el código y copiarlo con CTRL + c o clic con el boton derecho del mouse y dar clic en copiar, luego en el header de tu plantilla buscas el código para poner el que copiaste y lo pegas cn CTRL +V o clic con el boton derecho y pegar, perdona supongo que eso ya lo sabes, pero no encuentro otra cosa que decirte, jejejjej
aqui te dejo un adjunto con el código. Ver el archivo adjunto 4738

GeorgeEcuador · 12 Mar 2011

Ese es el problema no sera mi navegador lo estoy copiando con el mozilla y no me copia el codigo.. jijiji claro que se copiar el codigo pero aqui no me sale..

ninjemys oweni · 12 Mar 2011

bueno ultimamente no se porque pero con el mozilla he tenido muchos problemas de que dice que esta cargando y no carga y es un bucle interminable, termine por desinstalarlo y volverlo instalar y volvió a lo mismo, por ahora mejor uso el safari, intenta con otro navegador.

GeorgeEcuador · 12 Mar 2011

Lo hice con Internet Explorer la version 8 porque probe opera nada, google chrome nada pero internet explorer si.. Gracias y excelente turorial.

---------- Actualizado a las 22:28 ---------- Original a las 22:21 ----------

Me aparece el reloj pero esta de bajo donde esta el panel de contro del usuario como hago para bajarlo un poco mas o ponerlo en otro lado..

ninjemys oweni · 12 Mar 2011

-40px 5px 5px 10px; en el código busca esa parte, cada numero son para mover las posiciones, hay la primera es la que debes de mover, tienes que hacer pruebas o tambien puedes mover todos los link que explico aqui http://www.vbhispano.com/foros/f79/problema_centrar_login_header-25103/#post119264

ZEL · 8 May 2011

compañero me puede indicar como colocarlo al lado del face si quiere le coloco la plantilla del header mia aqui no es mucho es poca

ninjemys oweni · 9 May 2011

adelante amigo a ver en que te podemos ayudar.