Este tema está cerrado, no puede editar mensajes o enviar nuevas respuestas  [ 5 mensajes ] 
Cambiar los botones (Tema nuevo y reponder) 
Autor Mensaje
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 01-30-2008, 3:17
Mensajes: 1813
Ubicación: U.S.A
Nota Cambiar los botones (Tema nuevo y reponder)
Bueno amigos muchos tienen problemas con los botones porque la mayoria de estilos los traen en ingles o talvez los quieren personalizar, aun no contamos con la herramienta para hacerlos , pero hay una forma de hacerlo editando las plantillas.


Primero recomiendo que se haga un backup de el foro para evitar perder informacion si la modificacion afecta su estilo. El proceso para hacer estos cambios no dura mas de 10 minutos y se tienen que editar 2 plantillas por estilo a continuacion comenzamos con la edicion;

* Recuerden que primero tenemos que tener creados lod botones y subidos a un hosting de imagenes externo.



Panel admin ACP / Estilos / Plantillas /seleccionar editar las plantillas de el estilo que queremos modificarle los botones.



ahora seleccionamos la primer plantilla que editaremos ""viewforum_body.html""

En esta plantilla editaremos el boton "Crear tema nuevo"
Dentro de esta plantila tenemos que editar dos veces un pequeno enlace uno se encuentra en la parte superior y el otro en la parte baja pero ambos son iguales:

Encontrar:



Código:
<A
    HREF="{U_POST_NEW_TOPIC}"
    onMouseOver = "rollover('new_topic')"
    onMouseOut  = "rollout('new_topic')"
    ><IMG
    SRC="{T_THEME_PATH}/images/buttons/new_topic1.png"
    NAME="new_topic"
    ALT="Home Page" BORDER=0
    HEIGHT=45 WIDTH=120
    ></A>



Código:
{T_THEME_PATH}/images/buttons/new_topic1.png


Esto lo cambiaremos por la url de la imagen que sustituira el boton de " Crear tema nuevo"

ejemplo : http://imagen.8484748393.gif

Guardamos la plantilla y vamos a editar la siguiente.




" Viewtopic_body.html "

En esta plantilla haremos el mismo procedimiento de editar dos enlaces, pero en esta editaremos los dos botones " Crear tema nuevo y responder"


primero editaremos el boton "Crear tema nuevo" tenemos que encontrar esto:


Código:
<A
    HREF="{U_POST_NEW_TOPIC}"
    onMouseOver = "rollover('new_topic')"
    onMouseOut  = "rollout('new_topic')"
    ><IMG
    SRC="{T_THEME_PATH}/images/buttons/new_topic1.png"
    NAME="new_topic"
    ALT="Home Page" BORDER=0
    HEIGHT=45 WIDTH=120
    ></A>




Código:
{T_THEME_PATH}/images/buttons/new_topic1.png

Esto lo sustituimos por la url de la imagen del boton "Crear tema nuevo"




Código:
<A
    HREF="{U_POST_REPLY_TOPIC}"
    onMouseOver = "rollover('post_reply_lock')"
    onMouseOut  = "rollout('post_reply_lock')"
    ><IMG
    SRC="{T_THEME_PATH}/images/buttons/button_topic_locked.png"
    NAME="post_reply_lock"
    ALT="Home Page" BORDER=0
    HEIGHT=45 WIDTH=120
    ></A>


Código:
{T_THEME_PATH}/images/buttons/button_topic_locked.png



Esto lo cambiamos por la url de la imagen de el boton " Responder"



* Estos cambios se hacen dos veces arriba y bajo tienen que encotrar los codigos y cambiarlos guradampos las plantillas y listo!


Aclaro que no todos los estilos tienen el mismo codigo pero si son editables " Tomenlo como una guia"





saludos............. 8-)

_________________
lı....ıllıllı....ıllıllı....ıllıllı... DJ .ıllıllı....ıllıllı....ıllıllı...ıl
Imagen

http://www.tu-webgratis.com


08-24-2008, 6:11
Perfil WWW
Equipo de Soporte
Equipo de Soporte
Avatar de Usuario

Registrado: 01-16-2007, 5:58
Mensajes: 6806
Ubicación: Chile
Nota 
gracias Dj_JuAnItO™ por el tutorial


08-24-2008, 21:46
Perfil
Forero Fijo
Forero Fijo
Avatar de Usuario

Registrado: 01-30-2008, 3:17
Mensajes: 1813
Ubicación: U.S.A
Nota 
Aqui hay otro ejemplo de otro estilo, cada uno viene diferente pero siempre lo que tenemos que hacer es buscar {U_POST_REPLY_TOPIC} y encontrar donde va la imagen para el enlace:



Código:
<td><IF><a>{POST_IMG}</a>&nbsp;<a>{REPLY_IMG}</a><ENDIF></td>
      <IF>
         <td>&nbsp;{PAGE_NUMBER}<br></td>
         <td>&nbsp;[ {TOTAL_POSTS} ]&nbsp;</td>



Código:
[b]{REPLY_IMG}[/b]


Cambiar por la url de la imagen de el boton "responder"

_________________
lı....ıllıllı....ıllıllı....ıllıllı... DJ .ıllıllı....ıllıllı....ıllıllı...ıl
Imagen

http://www.tu-webgratis.com


08-24-2008, 22:32
Perfil WWW
Equipo de Soporte
Equipo de Soporte
Avatar de Usuario

Registrado: 04-03-2007, 23:22
Mensajes: 1897
Ubicación: Mexico
Nota 
Muy buena forma de perfeccionar foros, creo que empezare a traer mis propios mods para que esten disfrutando de una buena vida 8)

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


08-25-2008, 4:52
Perfil WWW
Equipo de Soporte
Equipo de Soporte
Avatar de Usuario

Registrado: 01-16-2007, 5:58
Mensajes: 6806
Ubicación: Chile
Nota Re: [TUTORIAL] Cambiar los botones (Tema nuevo y reponder)
Ampliando tutorial sobre el cambio de los botones NUEVO TEMA y PUBLICAR RESPUESTA en los estilos que permite editarlos también de otra forma:

Lo primero hay que decir que no todos los estilos presentan los mismos archivos y tampoco no todos permiten editarlos, por lo que se requiere chequear antes de hacer cualquier cambio. Si vas a editar un estilo, siempre hacerlo no con el estilo que estan usando, sino que por ejemplo navegando con el prosilver y puedes ir viendo los cambios si se han modificado en Administración de estilos - y con Vista Previa del estilo que estan editando, asi jamas te caeras del foro en caso de un error. Si sale un bug retrocedes al estado anterior del navegador.

NUEVO TEMA Y PUBLICAR RESPUESTA


Se tienen que editar dentro de la plantilla del estilo los archivos "viewforum_body.html" y ademas " viewtopic_body.html " pues ahi se encuentran los botones de NUEVO TEMA y PUBLICAR RESPUESTA

Ejemplo plantilla vphpbb3


Primero Ir al Panel de Administración - Estilos - Plantillas - Nombre de la plantilla que deseas editar y en opciones EDITAR en este caso ejemplo el estilo vphpbb3 EDITAR

1) Primero ubicamos ahi el viewforum_body.html
dentro de ese archivo encontramos dos veces esta parte una arriba y la otra mas abajo dentro del mismo codigo:

Código:
         <!-- IF S_DISPLAY_POST_INFO and not S_IS_BOT -->
            <td align="{S_CONTENT_FLOW_BEGIN}" valign="middle"><a href="{U_POST_NEW_TOPIC}">{POST_IMG}</a></td>


entonces debemos hacer un pequeño cambio quedando asi:
Código:
         <!-- IF S_DISPLAY_POST_INFO and not S_IS_BOT -->
            <td align="{S_CONTENT_FLOW_BEGIN}" valign="middle"><a href="{U_POST_NEW_TOPIC}"><img src="URL DE LA IMAGEN"</a></td>


lo unico que hemos cambiado en este archivo (arriba y abajo dentro del mismo codigo)

esto:
Código:
<a href="{U_POST_NEW_TOPIC}">{POST_IMG}</a></td>


por esto:
Código:
<a href="{U_POST_NEW_TOPIC}"><img src="URL DE LA IMAGEN"</a></td>


Donde dice URL DE LA IMAGEN deben cambiar por la URL de su propia imagen que desean colocar ejemplo:
Imagen


Luego ahora la segunda parte

Estilos/plantillas/tu estilo a editar /

viewtopic_body.html
aca encontrar nuevamente dos veces dentro del mismo archivo esta parte, pero cuidado que nuevamente aparecera el boton de NUEVO TEMA asi es que tambien aprovechamos de cambiar LA IMAGEN con la misma URL DE LA IMAGEN del archivo anterior

buscar
Código:
     <!-- IF not S_IS_BOT -->
         <!-- IF S_DISPLAY_POST_INFO --><a href="{U_POST_NEW_TOPIC}">{POST_IMG}</a>&nbsp;<!-- ENDIF -->
         <!-- IF S_DISPLAY_REPLY_INFO --><a href="{U_POST_REPLY_TOPIC}">{REPLY_IMG}</a><!-- ENDIF -->
      <!-- ENDIF -->


quedando asi:
Código:
<!-- IF not S_IS_BOT -->
            <!-- IF S_DISPLAY_POST_INFO --><a href="{U_POST_NEW_TOPIC}"><img src="URL DE LA IMAGEN"</a>&nbsp;<!-- ENDIF -->
            <!-- IF S_DISPLAY_REPLY_INFO --><a href="{U_POST_REPLY_TOPIC}"><img src="URL DE LA IMAGEN"</a><!-- ENDIF -->
        <!-- ENDIF -->


recordar que antes de finalizar ese archivo dentro del codigo casi al final nuevamente volverá a aparecer:

Código:
      <!-- IF not S_IS_BOT -->
         <!-- IF S_DISPLAY_POST_INFO --><a href="{U_POST_NEW_TOPIC}">{POST_IMG}</a>&nbsp;<!-- ENDIF -->
         <!-- IF S_DISPLAY_REPLY_INFO --><a href="{U_POST_REPLY_TOPIC}">{REPLY_IMG}</a><!-- ENDIF -->
      <!-- ENDIF -->


y hay que hacer los cambios igualmente

Hemos cambiado solo esta parte:

Código:
<a href="{U_POST_NEW_TOPIC}">{POST_IMG}</a>&nbsp;<!-- ENDIF -->


Por

Código:
<a href="{U_POST_NEW_TOPIC}"><img src="URL DE LA IMAGEN"</a>&nbsp;<!-- ENDIF -->


y
Código:
<a href="{U_POST_REPLY_TOPIC}">{REPLY_IMG}</a>


por
Código:
<a href="{U_POST_REPLY_TOPIC}"><img src="URL DE LA IMAGEN"</a>


ejemplos:
Imagen y Imagen
Luego de hacer los cambios limpiar la cache en el panel de adminnistracion y repito que no todos los estilos tienen que tener los mismos codigos necesariamente.


04-26-2010, 4:21
Perfil
Mostrar mensajes previos:  Ordenar por  
Este tema está cerrado, no puede editar mensajes o enviar nuevas respuestas   [ 5 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:  
cron
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.074s | 13 Queries | GZIP : Off ]