Página 1 de 11
Moderador del foro: ZorG 
Foro uCoz » Información General » Para los principiantes » Insertar iconos personalizados (Insertar iconos personalizados en la barra del menú)
Insertar iconos personalizados
Miguel
Mensajes: 8
Reputación: 0
Mensaje Nº 1 | 9:44 PM
Hola amigos.

Un amigo y yo estamos confeccionado una página web basada en carreras multijugador y nos estamos tirando de los pelos para meter en una misma pastilla/barra de menú, lo que serían los enlaces a las principales secciones de la página, y los iconos personalizados para el tema de acceso, logout, registro, pérfil y redes sociales. Mi amigo dice que es imposible, lo ha intentado, y que no lo ve factible. ¿Alguién puede ayudarnos?

Hasta luego
bigblog
Mensajes: 25
Reputación: 0
Mensaje Nº 2 | 10:59 PM
Miguel, no está posible hacer esto con Constructor del menú del sitio. Tiene que construir un menú HTML en las plantillas utilizando este código:

Código
<ul>
   <li>
      <a href="LINK DE ELEMENTO DE MENÚ"><img src="LINK DE IMAGEN" align="left" /> TEXT</a>
      <a href="LINK DE ELEMENTO DE MENÚ"><img src="LINK DE IMAGEN" align="left" /> TEXT</a>
      <a href="LINK DE ELEMENTO DE MENÚ"><img src="LINK DE IMAGEN" align="left" /> TEXT</a>
      ...  
      <a href="LINK DE ELEMENTO DE MENÚ"><img src="LINK DE IMAGEN" align="left" /> TEXT</a>
   </li>
</ul>

József,
uCoz Web-Services.
Miguel
Mensajes: 8
Reputación: 0
Mensaje Nº 3 | 1:33 AM
Gracias por responder BigBlog. Quisiera preguntarte otra cosa. Estamos barajando en que el texto que representa los enlaces a Portada del sitio, Noticias y Foro sean iconos. Mi compañero se las está viendo canutas para colocar los iconos en el lado opuesto de los iconos de redes sociales. ¿Cómo podemos modificar el código para conseguirlo?
josemanuel3800
Mensajes: 389
Reputación: 10
Mensaje Nº 4 | 3:34 AM
Miguel,

Puedes poner la imagen con css

Ejemplo:

Código
<a href="http://twitter.com/ucoz_en"  class="aqui-la-clase"><span></span>Notícias uCoz</a>


y en el css modificas el fondo y lo alineas como tu quieras

ejemplo:

Código
.aqui-tu-clase{
             background-image: url(icono-de-menu.png)
}

Si lo intentas, puedes perder; si no lo intentas, ya has perdido.
Post editado por josemanuel3800 - Lunes, 2015-01-26, 3:35 AM
Miguel
Mensajes: 8
Reputación: 0
Mensaje Nº 5 | 1:34 PM
Gracias JoseManuel. Otra cosa quiero preguntar a todos:
¿Se puede crear el menú en Adobe Dreamveawer y trasladar el código a la Hoja de Estilos?
josemanuel3800
Mensajes: 389
Reputación: 10
Mensaje Nº 6 | 8:04 AM
Miguel, si, si se puede, pero aun tendrás que alinearlo con css,

Saludos! wink

Agregado (2015-01-27, 8:04 AM)
---------------------------------------------
Y este otro video:

Código
https://www.youtube.com/watch?v=EB4BG3QZn3o

Si lo intentas, puedes perder; si no lo intentas, ya has perdido.
Foro uCoz » Información General » Para los principiantes » Insertar iconos personalizados (Insertar iconos personalizados en la barra del menú)
Página 1 de 11
Búscar: