Este tema está cerrado, no puede editar mensajes o enviar nuevas respuestas  [ 2 mensajes ] 
[TUTORIAL] Cambiar logo |Nivel avanzado| 
Autor Mensaje
Equipo de Soporte
Equipo de Soporte
Avatar de Usuario

Registrado: 04-03-2007, 23:22
Mensajes: 1897
Ubicación: Mexico
Nota [TUTORIAL] Cambiar logo |Nivel avanzado|
Bueno yo se que existen miles de tutoriales sobre el "LOGO" pero ¿Quién no ha querido poner el logo que trae predeterminado sea el cambiante?, o al menos que cada vez que cargue la pagina aparesca otro diferente así como por día y que aparte pueda y aparesca en el portal y foro al mismo tiempo. Pero ¿Comó se hace?.
Nota: Hacer un backup antes para respaldar su foro por cualquier error.

Este tutorial hace paso a paso como "modificar" el tpl del overall_header.tpl. Dare paso a paso y estaran escrito los codigos como ubicarlos y demás. Por favor si no estas "dispuesto", no tienes "tiempo" para seguir a detalle este tutorial te pido que no lo intentes. Los errores son comúnes si entran las distracciones y también si no le ponen digamos la "seriedad". Así que leeance bien, bien este tutorial.

Primero ¿Comó encontramos el archivo overall_header.tpl de mi estilo?. Muy sencillo. Nosostros nos conectamos a nuestro Panel de Adminstración, seguido buscamos en la parte de Menu ForoGratis- Seguido buscamos Templantes Propios en el aparecera un aviso que dice:

Upload your own templates (NOTE! Advanced) Pero no se me asusten lo que dice es, Sube tus plantillas (Nota nivel Avanzado).

Es más que avisado xD. Bien sigamos. Ahi aparece una lista de los templantes que nos permite forogratis modificar. Estos son:
[*]overall_header.tpl

[*]overall_footer.tpl

[*]index_body.tpl

[*]viewforum_body.tpl

[*]viewtopic_body.tpl

[*]overall_footer.tpl

Por el momento nada más nos interesa el de overall_header.tpl. Bien simplemente damos un "click" sobre el nombre nos mandara una ventana donde nos dira "abrir", "guardar" y "cerrar", primero guardaremos en un un lugar de nuestra pc que preferamos.

Una vez hecho esto, quiero avisar que no es necesario un "supermegahiperultra programa" para abrirlo. Pero si cuentas con frot-page, dreamweaver, hotdog profecional o cualquiera. Será igual de sencillo. Usando el 'BLOG DE NOTAS' (si el blog de notas), podremos trabajar. Simplemente abrimos el archivo con el blog de notas y nos abrira el archivo bien.

Nota: Aveces nos fallara y no aparece completamente el codigo como queremos. Entonces en esas ocaciones usaremos el WordPad que también como el blog de notas ya vine en el equipo.

Bien ahora necesitamos respondernos una pregunta. ¿Qué queremos?, Queremos tener un banner estatico, un banner que se actualizé por día o que actualizé cada vez que se actualece la pagina. En cualquiera de los casos funciona esta función. Pondre los codigos y como ubicar donde cambiar.

¿Y donde pongo la receta secreta?
Con el titulo me refiero a los codigo xD. Ahora bien como ubico donde poner los codigos, dependiendo a su programa usen el buscador (por ejemplo en dreamweaver es Ctrl + F) bien el el wordpad y el blog de notas es Ctrl + B, aparecerá una ventana donde aparece el espacio para escribir la palabra "clave" y esta es:
<a href="{U_INDEX}"><img src="templates/ ahi donde dice <img toda esa etiqueta se quita y pone los codigo o el codigo que de sees.

Nota: Con el <a href="{U_INDEX}"> y </a> que esta la etiqueta completa <img src="url"> donde se cambia pero puede aparecer un borde azul, morado dependiendo del estilo que linkea (por decirlo así) hacia el index principal. Pero si no les he necesario elimilenlo y así ya no tendran ese borde que deja mal la estetica del estilo y su foro.

Codigo para un banner fijo
Bien para esto no hay mucha ciencia. Sin envargo este es para los que quieren que sea SOLO logo sin url hacia el index. Para esto simplemente eliminamos el <a href="{U_INDEX}"> y </a> que estan entre <img src="templante/etc..."> (el "etc" es el que trae todo la lista larga del templante.) bueno ahora solo tienen que borrar lo que esta entre las comillas (" ") desde tamplate hasta el jpg o gif que tenga la imagen. Entre las comillas ponen la url de la imágen que quiere que sea su banner y listo. Ahora tienen un banner limpio y puro sin url y muy propio.

Codigo para banner Cambiante por Día PD: Gracias a Didocz por que el codigo el lo consiguio yo solo lo adapte para esta nueva función.

En el espacio de que dejamos (siempre y cuando no quitemos el <a href="{U_INDEX}"> y </a>y aun quitandolo lo ponemos en lugar de los dos.) al quitar la etiqueta <img src, ponemos este codigo.
Código:
<script
language="JavaScript">
<!--

today = new Date();

day = today.getDay();

arday = new Array("images/banner1.gif", "images/banner11.gif","images/banner1b.gif", "images/banner1.gif",
"images/banner11.gif", "images/banner1b.gif", "images/banner1.gif","images/banner11.gif",
"images/banner1b.gif","images/banner1.gif", "images/banner11.gif");



document.write("<img src='" + arday[day] + "'>");

// -->
</script


Y ¿Comó le pongo mis imágenes?, sencillo simplemente donde dice "imagen/banner1.gif" (en realidad quitamos todos pero es para dar ejemplo. para poner más. simplemente ponemos una coma (,) en la ultima url luego ponemos entre comillas (" ") la url nueva y cerramos con puto y coma (;) recuerden solo ponen el punto y coma cuando ya no vallan a poner más imagenes (urls) si van a poner repitan el procedimiento.

Y con eso ya tenemos nuestro codigo. Listo para que se actualizén cada día sus banners. Datos extras y donde esta el codigo original aquí:http://www.forodesoporte.es/trucos-para-personalizar-portal-foro-t12943.html

Codigo de banner cambiante por actualización Gracias al Wolf por el codigo. Aunque ya no esta el codigo aquí en el foro.
Es completamente igual que el anterior exeptuando como poner la imágen. Repetimos:
Citar:
En el espacio de que dejamos (siempre y cuando no quitemos el <a href="{U_INDEX}"> y </a>y aun quitandolo lo ponemos en lugar de los dos.) al quitar la etiqueta <img src, ponemos este codigo.

Código:
<script language="javascript">

<!--
function VecImagenes()
{
n=0;

this[n++]="ejemplo/1.jpg"

this[n++]="ejemplo/2.jpg"

this[n++]="ejemplo/3.jpg"

this[n++]="ejemplo/4.jpg"
this.N=n;
}
var Imagenes=new VecImagenes();
src= Imagenes[ Math.floor(Math.random() * Imagenes.N) ] ;
document.write("<IMG SRC="+src+">");
//-->
</script>

No creo que no sea demaciado difícil captar que en la parte de "ejemplo/1,2,3 o 4.jpg" se cambia. Por la url de sus banners. Bien con eso ya tenemos cambiado y nuestro banner cambiara con cada vez que cargue.


[*]Información importante después de crear este tutorial:

Una vez terminado hemos hecho ya nuestro Logo de manera original y muy profecional (por decirlo así), sin envargo necesitamos borrar caché, cookies e historial para que se note el cambio. Un tutorial por si no sabes como borrar-cookies-arch-temp-firefox-t11359.html

Bien espero que les sirva trare luego más tutoriales de nivel avanzado. Porcierto todo error es necesario reportarlo y expesificar que les sucede

_________________
Imagen
Imagen
Ing. En Sistemas.
correo de contacto: kantun@forogratis.es


12-19-2008, 18:14
Perfil WWW
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 12-12-2008, 16:40
Mensajes: 1062
Nota Re: [Tutorial] Cambiar logo |Nivel avanzado|
Muy buen aporte. Mucha gente necesita cosas de estas y un buen tutorial nunca está de falta.

_________________
- Premio Ier Concurso de Firmas
- Premio al forero revelación de 2008
- Premio al forero con mejor avatar 2008


12-19-2008, 19:52
Perfil
Mostrar mensajes previos:  Ordenar por  
Este tema está cerrado, no puede editar mensajes o enviar nuevas respuestas   [ 2 mensajes ] 

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 0 invitados


No puede abrir nuevos temas en este Foro
No puede responder a temas en este Foro
No puede editar sus mensajes en este Foro
No puede borrar sus mensajes en este Foro
No puede enviar adjuntos en este Foro

Saltar a:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.
Traducción al español por Huan Manwë para phpbb-es.com
phpBB SEO
[ Time : 0.078s | 13 Queries | GZIP : Off ]