Cuando comencé en esto de la programación y sobre todo cuando comencé a utilizar Icy Phoenix un tutorial de estas características me habría allanado bastante el camino, muchas veces muy complicado y con muchos dolores de cabeza.
Aclaro que todo lo expuesto acá es básico y mi intención es ayudar a las personas que tienen pocas nociones sobre html, JavaScript y CSS
Esta modificación nos permite agregar un enlace extra al Menu Superior
ABRIR templates/default/overall_header.tpl
BUSCAR(Este bloque o la direccion donde se encuentra puede diferir según la plantilla utilizada)
<a href="{FULL_SITE_PATH}{U_PORTAL}">{L_HOME}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<a href="{FULL_SITE_PATH}{U_INDEX}">{L_INDEX}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- BEGIN switch_upi2db_off -->
<a href="{FULL_SITE_PATH}{U_SEARCH_NEW}">{L_NEW2}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- END switch_upi2db_off -->
<!-- BEGIN switch_upi2db_on -->
<span style="vertical-align: top;">{L_POSTS}: </span><a href="{FULL_SITE_PATH}{U_SEARCH_NEW}">{L_NEW2}</a><span style="vertical-align: top;"> • </span>{L_DISPLAY_U}<span style="vertical-align: top;"> • </span>{L_DISPLAY_M}<span style="vertical-align: top;"> • </span>{L_DISPLAY_P} <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- END switch_upi2db_on -->
<!-- IF S_LOGGED_IN -->
<a href="{FULL_SITE_PATH}{U_PROFILE}">{L_PROFILE}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- ENDIF -->
<!-- IF S_HEADER_DROPDOWN -->
<a href="{FULL_SITE_PATH}{U_SEARCH}" onmouseover="dropdownmenu(this, event, menu1, '250px');" onmouseout="delayhidemenu();">{L_SEARCH}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- ELSE -->
<a href="{FULL_SITE_PATH}{U_SEARCH}">{L_SEARCH}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- ENDIF -->
<a href="{FULL_SITE_PATH}{U_FAQ}">{L_FAQ}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- IF not S_LOGGED_IN -->
<a href="{FULL_SITE_PATH}{U_REGISTER}">{L_REGISTER}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- ENDIF -->
<a href="{FULL_SITE_PATH}{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT2}</a>
<a href="{FULL_SITE_PATH}{U_INDEX}">{L_INDEX}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- BEGIN switch_upi2db_off -->
<a href="{FULL_SITE_PATH}{U_SEARCH_NEW}">{L_NEW2}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- END switch_upi2db_off -->
<!-- BEGIN switch_upi2db_on -->
<span style="vertical-align: top;">{L_POSTS}: </span><a href="{FULL_SITE_PATH}{U_SEARCH_NEW}">{L_NEW2}</a><span style="vertical-align: top;"> • </span>{L_DISPLAY_U}<span style="vertical-align: top;"> • </span>{L_DISPLAY_M}<span style="vertical-align: top;"> • </span>{L_DISPLAY_P} <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- END switch_upi2db_on -->
<!-- IF S_LOGGED_IN -->
<a href="{FULL_SITE_PATH}{U_PROFILE}">{L_PROFILE}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- ENDIF -->
<!-- IF S_HEADER_DROPDOWN -->
<a href="{FULL_SITE_PATH}{U_SEARCH}" onmouseover="dropdownmenu(this, event, menu1, '250px');" onmouseout="delayhidemenu();">{L_SEARCH}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- ELSE -->
<a href="{FULL_SITE_PATH}{U_SEARCH}">{L_SEARCH}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- ENDIF -->
<a href="{FULL_SITE_PATH}{U_FAQ}">{L_FAQ}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- IF not S_LOGGED_IN -->
<a href="{FULL_SITE_PATH}{U_REGISTER}">{L_REGISTER}</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- ENDIF -->
<a href="{FULL_SITE_PATH}{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT2}</a>
Para agregar un nuevo enlace y establecer los correspondientes permisos:
Caso 1: Deseas que TODOS los que visiten tu web lo puedan ver:
<a href="La URL de tu enlace Aquí">Lo que desees que se muestre aquí</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
Caso 2: Deseas que solo los USUARIOS REGISTRADOS vean el enlace:
<!-- IF S_LOGGED_IN -->
<a href="La URL de tu enlace Aquí">Lo que desees que se muestre aquí</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- ENDIF -->
Caso 3: Deseas que solo los ADMINISTRADORES vean el enlace
<!-- IF S_ADMIN -->
<a href="La URL de tu enlace Aquí">Lo que desees que se muestre aquí</a> <img src="{FULL_SITE_PATH}{IMG_MENU_SEP}" alt="" />
<!-- ENDIF -->
NOTAS:
1- Está referido al enlace del menu
2- Está referido a lo que se mostrará en el navegador
3- Son 2 espacios en blanco
4- Generalmente es una pequeña imagen que sirve para separar los items del menu
5- Un espacio en blanco para que no quede "pegado" el siguiente item
Menú con imágenes
Para reemplazar los enlaces por imagenes solo debes agregar la dirección de la imagen de la siguiente manera:
<a href="La URL del enlace 1"><img src="la direccion de la imagen 1" alt="" border="0" /></a>
<a href="La URL del enlace 2"><img src="la direccion de la imagen 2" alt="" border="0" /></a>
<a href="La URL del enlace 3"><img src="la direccion de la imagen 3" alt="" border="0" /></a>
<a href="La URL del enlace 4"><img src="la direccion de la imagen 4" alt="" border="0" /></a>
Notas:
1- Está referido al enlace del menu
2- Está referido a la direccion de la imagen
3- alt es un atributo pensado para crear descripciones cortas de las imagenes
4- Está referido al borde de la imagen
. Aunque realmente es muy fácil aplicar unas cuantas funciones de javascript y lograr resultados casi profesionales.
