• Identificarse
  • Registrarse
  • Foro
    • Información
    • FAQ
    • Medallas
    • Rangos
    • El Equipo
    • Noticias
    • Donaciones
    • Mapa del Foro
    • Base de Datos de Mods
    • Contacto
    • Recursos
    • Descargas phpBB3
    • Paleta de colores
    • Probador HTML
    • Pastebin
    • Toplist
    • Entretenimiento
    • Juegos del Foro
    • Radio
    • Chat del Foro
  • Mensajes Nuevos (657)
    • Ver Ultimos 50 Mensajes

Obviar


• Olvidé mi contraseña
  • Portal » Índice general ‹ PHPBB3 ‹ Tutoriales
  • Cambiar tamaño de la fuente
  • Imprimir vista
  •  Buenos dias, hoy te has levantado temprano Invitado, Bienvenido a ColoreatuForo
    Haga clic aquí para registrarse |Fecha actual Dom Ago 01, 2010 4:14 am
  • Reglas
  • Juegos
  • Chat
  • Medallas
  • Tienda
  • Contacto
  • Pastebin
  • Rss
  • Creador MODX
  • Mapa del Foro
  • Donación Paypal
  • Publicidad

Añadir enlace a la barra de navegación

Con su propia imagen justo al lado
Tutoriales para cambiar la apariencia de tus estilos.
Reglas del Foro
Publicar una respuesta
Publicar un nuevo tema
6 mensajes • Página 1 de 1

Añadir enlace a la barra de navegación

Notapor DaVidU el Sab Jul 25, 2009 12:29 pm

Autor: ThE KuKa

Url del Autor http://www.phpbb-es.com

Fuente: Jaymie

Url Fuente http://www.phpbb3bbcodes.com

Basado en: PROSILVER & SUBSILVER2

Descripción y uso: Añadir enlace a la barra de navegación con su propia imagen justo al lado.

Screenshot:
Imagen



Tutorial:

Instrucciones para Prosilver

Tener en cuenta que algunos estilos basados en Prosilver son diferentes a la hora de añadir nuevos enlaces. Si fuera vuestro caso, pedir Soporte en el foro adecuado.

Lo primero para añadir el enlace:
Abrir: styles/tu_estilo/template/overall_header.html

Buscar:
Numero de linea On/Off | Expandir/Contraer | Seleccionar todo
    <li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>


Añadir antes o después: Depende de si quieres el nuevo enlace antes o después del enlace de FAQ.
Numero de linea On/Off | Expandir/Contraer | Seleccionar todo
    <li class="icon-faq"><a href="TU ENLACE" title="TÍTULO DEL ENLACE CUANDO EL RATÓN PASE POR ENCIMA">TÍTULO</a></li>


Con el icon-faq indica el estilo ("class") del icono que vas a usar. Hay otros que ya están instalados de serie con phpBB 3. Simplemente cambia icon-faq por el que quieras usar. Puedes elegir uno de estos:
Spoiler:
icon-bookmark
icon-bump
icon-faq
icon-fontsize
icon-home
icon-logout
icon-members
icon-print
icon-register
icon-search
icon-subscribe
icon-ucp
icon-unsubscribe


Para añadir otra imagen, se recomienda que sea de 16 x 16 px. como máximo.
Aquí se explica como añadir la imagen:
Subir la nueva imagen a styles/tu_estilo/theme/images
Abrir: styles/tu_estilo/theme/buttons.css
Buscar:
Numero de linea On/Off | Expandir/Contraer | Seleccionar todo
    .icon-bookmark, .icon-bump, .icon-subscribe, .icon-unsubscribe, .icon-pages, .icon-search


Añadir después:
Numero de linea On/Off | Expandir/Contraer | Seleccionar todo
    .icon-tu-icono

Cambiar tu-icono por el nombre del icono.

Abrir: styles/tu_estilo/theme/colours.css
Buscar:
Numero de linea On/Off | Expandir/Contraer | Seleccionar todo
     .icon-search               { background-image: url("{T_THEME_PATH}/images/icon_search.gif"); }


Añadir después:
Numero de linea On/Off | Expandir/Contraer | Seleccionar todo
    .icon-tu-icono               { background-image: url("{T_THEME_PATH}/images/icon_tu_icono.gif"); }


Se recomienda que la imagen sea un GIF, y que el nombre sea de tipo icon_nombredelicono

Después hay que refrescar el la plantilla y el estilo. Identificate como Administrador, ACP -> Estilos -> Plantilla/Estilos y haz clic en Refrescar.

Nota. Se recomienda editar el archivo bajándolo, y posteriormente editarlo con un editor en condiciones, y no hacerlo desde el ACP

Instrucciones para Subsilver2

Con su Subsilver2 es mucho más fácil que Prosilver. De nuevo, si tu estilo es diferente y se basa en Subsilver2 y no estás seguro o no saben qué hacer, pedir Soporte en el foro adecuado.

Abrir: styles/tu_estilo/template/overall_header.html
Buscar:
Numero de linea On/Off | Expandir/Contraer | Seleccionar todo
    <a href="{U_FAQ}"><img src="{T_THEME_PATH}/images/icon_mini_faq.gif" width="12" height="13" alt="*" /> {L_FAQ}</a>


Añadir antes o después: (Depende de donde lo quieras)
Numero de linea On/Off | Expandir/Contraer | Seleccionar todo
    <a href="TU ENLACE"><img src="{T_THEME_PATH}/images/TU NOMBRE DE IMAGEN.gif" width="12" height="13" alt="*" /> TÍTULO</a>


Cambia lo que quieras en esta línea. Vincular la imagen del icono es más fácil en subSilver2 ya que acabas de enlazar a la imagen con su nombre y extensión. Tienes que poner tu imagen en la carpeta de su tema Subsilver2, por ejemplo:
Si la imagen a vincular se llama chat.gif el archivo chat.gif debes subirlo a la carpeta:
styles/tu_estilo/theme/chat.gif
Puede ser cualquier tamaño, ya que se puede configurar el tamaño de la misma en el código HTML que está en la línea. Por ejemplo, sigamos con la imagen chat.gif si la imagen fuera de 16 x 16 px. la linea seria así:
Numero de linea On/Off | Expandir/Contraer | Seleccionar todo
    <a href="TU ENLACE"><img src="{T_THEME_PATH}/images/chat.gif" width="16" height="16" alt="*" /> TÍTULO</a>


Actualizar galeria de imágenes, actualizar tema, limpiar el cache y refrescar el navegador para ver los cambios, espero que os sirva -thumbup


Estas buscando a alguien que te instale algún mod o añadido para tu foro?
Te gustaría tener tu estilo totalmente personalizado hecho por coloreatuforo?

No dudes en ponerte en contacto conmigo enviándome un mensaje privado y hablaremos sobre el tema.

Bienvenido/a a la comunidad , antes de nada, lee las Normas de Coloreatuforo.com
Buscar por el foro antes de preguntar para no repetir preguntas y dudas resueltas.
Sólo tendrás Soporte si facilitas los datos correspondientes en la firma o el post.
Si tienes algún bug/error con este foro, postealo en este enlace.
Si tienes alguna sugeréncia para este foro, postealo en este enlace.
Si deseas formar parte del staff, leer este enlace.
Si quieres afiliar tu foro al nuestro, postealo en este enlace.

Imagen
Imagen

Artículos canjeados por puntos en la tienda del foro:
Avatar de Usuario
DaVidU
El Jefe
El Jefe
Estado: Desconectado
Mensajes: 3150
(5.45 mensajes por dia)
Mensajes: 1
Registrado: Mar Dic 30, 2008 11:44 pm
Ciudad: Barcelona
Edad: 34
País: Spain (es)
Navegador: chrome chrome
Nombre real: David
Foro: phpBB
Numero de posts utiles: 14
Agradecido: 515 Gracias
Recibido: 1430 Gracias
Puntos para la tienda: 91834 • [ Donar ]
Puntos de reputación: 1060
Records de los Juegos:
Medallas: 41
Medalla por Mensajes (12) Medalla CTF (1) Medalla por Aportes (4) Medalla por Soporte (7) Medalla por Estilos (16) Medalla por Juegos (1)
  • E-mail
  • Sitio web

Los siguientes 3 usuarios dieron las gracias a DaVidU por el post anterior:
Google Adsense [Bot], Vlad, Xavi





Re: Añadir enlace a la barra de navegación

Notapor Vlad el Mar Jul 28, 2009 7:02 pm

Excelente amigo, tenia esa duda, incluso la iba a preguntar, pero aqui encontre la respuesta.

Gracias Davidu


Nombre del foro: El Candado
Versión: phpBB3 3.0.6
Estilo: Aeroblue
Mods Instalados: Si
Dominio: http://www.elcandado.org
Hosting: http://www.dattatec.com, Windows
Url del website: http://elcandado.org

Avatar de Usuario
Vlad
Experimentado
Experimentado
Estado: Desconectado
Mensajes: 83
(0.22 mensajes por dia)
Registrado: Mar Jul 14, 2009 2:23 am
Ciudad: Leon, Gto.
Edad: 23
País: Mexico (mx)
Navegador: firefox firefox
Nombre real: Vlad
Foro: phpBB
Agradecido: 18 Gracias
Recibido: 2 Gracias
Puntos para la tienda: 12 • [ Donar ]
Puntos de reputación: 0
Records de los Juegos:
Medallas: 1
Medalla CTF (1)
  • E-mail
  • Sitio web

Re: Añadir enlace a la barra de navegación

Notapor _...:::DANNY:::..._ el Jue Jul 30, 2009 10:32 pm

Perfecto lo nesesitava para mi foro, muchas gracias -thumbup


- Nombre del foro: Webmaster Zone
- URL de tu web: http://webmasterzone.zobyhost.com
- Hosting: Zobyhost.com
- Mods Instalados: Ninguno
- Sistema y version: Phpbb3 3.0.4
- Estilo utilizadoTwillightBB

Avatar de Usuario
_...:::DANNY:::..._
Nuevo Usuario
Nuevo Usuario
Estado: Desconectado
Mensajes: 21
(0.06 mensajes por dia)
Registrado: Dom Jul 19, 2009 8:09 am
Edad: 101
Nombre real: Daniel
Foro: phpBB
Agradecido: 0 Gracias
Recibido: 3 Gracias
Puntos de reputación: 0
Records de los Juegos:
  • E-mail

Re: Añadir enlace a la barra de navegación

Notapor Albus Dumbledore el Jue Ago 13, 2009 7:51 pm

el archivo "ranks.php" donde lo puedo encontrar o, lo tengo que hacer...???????????

Me refiero para poner los rangos en esa barra como en este foro...


Imagen


Datos de Soporte:

..::Spoiler Haz Click Para Ver::..
  • Dirección del foro: http://www.griffyndor.es
  • Mods: Last Post on index, mchat, hidemode, post reply, etc.
  • Versión phpbb3: 3.0.5
  • Estilo usado: GFR

Albus Dumbledore
Miembro VIP
Miembro VIP
Estado: Desconectado
Mensajes: 19
(0.05 mensajes por dia)
Registrado: Lun Jul 13, 2009 2:07 am
Agradecido: 2 Gracias
Recibido: 0 Gracias
Puntos de reputación: 0
Records de los Juegos:
Medallas: 1
Medalla CTF (1)
  • E-mail

Re: Añadir enlace a la barra de navegación

Notapor DaVidU el Jue Ago 13, 2009 9:04 pm

eso es un mod amigo, el rank page, seguramente lo encontrarás en Montatuforo -happy


Estas buscando a alguien que te instale algún mod o añadido para tu foro?
Te gustaría tener tu estilo totalmente personalizado hecho por coloreatuforo?

No dudes en ponerte en contacto conmigo enviándome un mensaje privado y hablaremos sobre el tema.

Bienvenido/a a la comunidad , antes de nada, lee las Normas de Coloreatuforo.com
Buscar por el foro antes de preguntar para no repetir preguntas y dudas resueltas.
Sólo tendrás Soporte si facilitas los datos correspondientes en la firma o el post.
Si tienes algún bug/error con este foro, postealo en este enlace.
Si tienes alguna sugeréncia para este foro, postealo en este enlace.
Si deseas formar parte del staff, leer este enlace.
Si quieres afiliar tu foro al nuestro, postealo en este enlace.

Imagen
Imagen

Artículos canjeados por puntos en la tienda del foro:
Avatar de Usuario
DaVidU
El Jefe
El Jefe
Estado: Desconectado
Mensajes: 3150
(5.45 mensajes por dia)
Mensajes: 1
Registrado: Mar Dic 30, 2008 11:44 pm
Ciudad: Barcelona
Edad: 34
País: Spain (es)
Navegador: chrome chrome
Nombre real: David
Foro: phpBB
Numero de posts utiles: 14
Agradecido: 515 Gracias
Recibido: 1430 Gracias
Puntos para la tienda: 91834 • [ Donar ]
Puntos de reputación: 1060
Records de los Juegos:
Medallas: 41
Medalla por Mensajes (12) Medalla CTF (1) Medalla por Aportes (4) Medalla por Soporte (7) Medalla por Estilos (16) Medalla por Juegos (1)
  • E-mail
  • Sitio web

Re: Añadir enlace a la barra de navegación

Notapor vlokos69 el Sab Jul 10, 2010 8:38 pm

Gracias me fue muy util JC_doubleup


URL: http://vlokos69.com.ar/foro <<< mi paguina de prueba
Versión phpBB: phpBB3 (3.0.7-PL1)
Plantilla(s) usada(s): prosilver (defaul)
Servidor: http://www.000webhost.com/

Avatar de Usuario
vlokos69
Experimentado
Experimentado
Estado: Desconectado
Mensajes: 55
(1.96 mensajes por dia)
Registrado: Sab Jul 03, 2010 4:46 pm
Edad: 20
País: Mexico (mx)
Navegador: mozilla mozilla
Nombre real: alvaro
Foro: phpBB
Agradecido: 16 Gracias
Recibido: 0 Gracias
Puntos para la tienda: 525 • [ Donar ]
Puntos de reputación: 0
Records de los Juegos:
  • E-mail


Publicar una respuesta
Publicar un nuevo tema
6 mensajes • Página 1 de 1

  • Temas Similares
Añadir más imágenes en el overall_header.html
Foro: Solucionados Prosilver
Autor: Gaucho93
Respuestas: 7
Añadir una imagen a cada categoría
Foro: Tutoriales
Autor: DaVidU
Respuestas: 3
Añadir barra de "localizacion"
Foro: Solucionados Prosilver
Autor: JSR
Respuestas: 4
Cambiar color a la barra
Foro: Solucionados Prosilver
Autor: vlokos69
Respuestas: 6
Poner botones de enlace en el canal Youtube
Foro: Off Topic
Autor: Celica
Respuestas: 0

Volver a Tutoriales

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 1 invitado

  • Portal » Índice general
  • El Equipo • Borrar todas las cookies del Sitio • Todos los horarios son UTC + 2 horas
    • Pastebin
    • Creador MODX
    • Paleta Colores
  • Juegos
  • Chat
  • Radio
  • Contacto
    • Biblioteca
    • Rangos
    • Medallas
    • Tienda
    • Donación Paypal
  • Reglas
  • Noticias
  • Rss
  • Mapa del Foro
  • Datos de Interés
Foro optimizado para Mozilla Firefox  Creative Commons License  Terminos y Condiciones  Politica de Privacidad  Datos Lssi 
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Traducción al español por Huan Manwë para phpbb-es.com
phpBB SEO
Protegido con Anti-Spam ACP