SoloCodigo

Programación Web y Scripting => HTML => Mensaje iniciado por: sheilac en Viernes 11 de Mayo de 2007, 19:45

Título: Banner Como De Este Sitio
Publicado por: sheilac en Viernes 11 de Mayo de 2007, 19:45
Hola disculpen la molestia.
Estoy comenzando a hacer sitios web y los menus los manejo con hojas de estilo , de momento solo asi.
Me gustaria empezar a hacer menus de otras formas , me podrian dar alguna direccion donde leer algo o algun ejemplo por favor???
me interesaria algo como el menu de aqui  de solo codigo (no el mismo claro pero empezar a practicar algo de este estilo para hacerle mis variantes)
donde dice arriba inicio, blogs, codigo fuente y tiene como una  lengueta para arriba.
desde ya muchas gracias :D
Título: Re: Banner Como De Este Sitio
Publicado por: shakka en Viernes 11 de Mayo de 2007, 21:55
http://www.webestilo.com/html/cap6b.phtml (http://www.webestilo.com/html/cap6b.phtml)
Título: Re: Banner Como De Este Sitio
Publicado por: sheilac en Sábado 12 de Mayo de 2007, 04:41
Entonces el banner como el de aqui es una imagen que tiene areas sensibles al mousse (por decirlo de alguna manera)  y que por texto se le agregaron los link que estan nombrados abajo????
se hace de esta forma???
y si es asi con que herramienta puedo hacer este tipo de imagines que sea facil de trabajar???
desde ya muchas gracias  B)
Título: Re: Banner Como De Este Sitio
Publicado por: Mollense en Sábado 12 de Mayo de 2007, 05:44
Hola sheilac.

En realidad el menú es solo una serie de links comunes y corrientes cuyo fondo es una imágen también común y corriente. El efecto se logra utilizando CSS de una forma muy sencilla.

Ejemplo........

Código: Text
  1. <HTML>
  2.   <HEAD><TITLE>Dos columnas con cabecera y pie</TITLE>
  3.   <META http-equiv=Content-Type content="text/html; charset=windows-1252">
  4.   <STYLE type=text/css>  
  5.  
  6.     .menu{
  7.       background-color: #222;    
  8.       padding: 3px;
  9.     }
  10.     .menu a:link, .menu a:visited {  
  11.       text-decoration: none;
  12.       font-weight: bold;
  13.       color: #FFF;
  14.     }
  15.  
  16.     .menu a:hover{
  17.       text-decoration: none;  
  18.       font-weight: bold;
  19.       color: #AAA;
  20.     }
  21.    
  22.   </STYLE>
  23.  
  24.   <META content="MSHTML 6.00.2900.3020" name=GENERATOR></HEAD>
  25.   <BODY>
  26.     <DIV id="menu" class="menu">
  27.       <a href=#>Opcion1</a>
  28.       <a href=#>Opcion2</a>
  29.       <a href=#>Opcion3</a>
  30.       <a href=#>Opcion4</a>
  31.       <a href=#>Opcion5</a>
  32.     </DIV>
  33.   </BODY>
  34. </HTML>
  35.  

Un saludo  :suerte:
Título: Re: Banner Como De Este Sitio
Publicado por: sheilac en Sábado 12 de Mayo de 2007, 13:56
disculpa no entienda Angel_K_ido
este menu  es de los que hago con css pero   la parte de arriba de ese menu que tiene una imagen linda y esa  como lengueta que sale del menu hacia arriba y se une con la imagen se hacen entonces dibujando una imagen y poniendo el menu abajo???
digo la lengueta donde dice enlace web, articulos , noticias  y chat

algo asi me gustaria ir probando. sera que  lo tengo que hacer con flash??
desde ya muchas gracias y gracias por haberme contestado antes tambien
Título: Re: Banner Como De Este Sitio
Publicado por: Mollense en Domingo 13 de Mayo de 2007, 20:48
Cita de: "sheilac"
la parte de arriba de ese menu que tiene una imagen linda y esa  como lengueta que sale del menu hacia arriba y se une con la imagen se hacen entonces dibujando una imagen y poniendo el menu abajo???
Claro, vos lo dijiste...
(http://foros.solocodigo.com/style_images/2/sc_header_right_bottom.jpg)

Citar
algo asi me gustaria ir probando. sera que lo tengo que hacer con flash??
No, no es necesario.

Un saludo  :hola:
Título: Re: Banner Como De Este Sitio
Publicado por: sheilac en Domingo 13 de Mayo de 2007, 23:16
Wow muchas gracias  :huh:
puedo usar estas imagenes sin tener problemas ???
donde puedo conseguir mas imagenes de este estilo???
graciasssssssss  :lol:
Título: Re: Banner Como De Este Sitio
Publicado por: Mollense en Lunes 14 de Mayo de 2007, 02:24
Citar
puedo usar estas imagenes sin tener problemas ???
Claro que si, aunque tendrás que tener algunas cosas en cuenta como la resolución de pantalla por ejemplo, en este caso notarás que la imagen es mas angosta que lo que realmente se ve en la pantalla y esto es así a propósito para evitar este tipo de problemas se "rellena" con el color de fondo hasta el final de la pantalla.

Supongo que por tratarse de una página tuya sería bueno que el diseño también lo sea. Podés utilizar alguna herramienta como ser el photoshop o algo por el estilo para ese tipo de cosas.-

Un saludo
Título: Re: Banner Como De Este Sitio
Publicado por: su - en Lunes 14 de Mayo de 2007, 22:12
Cita de: "Angel_K_ido"
Citar
puedo usar estas imagenes sin tener problemas ???
Claro que si, aunque tendrás que tener algunas cosas en cuenta como la resolución de pantalla por ejemplo, en este caso notarás que la imagen es mas angosta que lo que realmente se ve en la pantalla y esto es así a propósito para evitar este tipo de problemas se "rellena" con el color de fondo hasta el final de la pantalla.
 :angry: Claro que no, esa imagen es de SoloCodigo y no lo podes usar sin permiso de Sergio (el admin)...
Título: Re: Banner Como De Este Sitio
Publicado por: sheilac en Martes 15 de Mayo de 2007, 00:31
tranquilo QUOTE no la pensaba utilizar sin preguntar como hice claro. :huh:
ademas ya estuve viendo con photoshop como hacer otras cosas que tambien me sirven.
igual gracias
solamente me dan ideas de lo que se puede hacer y como hacerlo, nada mas.
de eso se trata que uno ve cosas y las cambia a su gusto . no???  B)
Título: Re: Banner Como De Este Sitio
Publicado por: su - en Martes 15 de Mayo de 2007, 01:22
El regaño va para Angel_K_ido  :P

Podrias ver cPanel... (http://www.cpanel.net/index.html)
Título: Re: Banner Como De Este Sitio
Publicado por: Mollense en Martes 15 de Mayo de 2007, 06:03
Cita de: "su -"
:angry: Claro que no, esa imagen es de SoloCodigo y no lo podes usar sin permiso de Sergio (el admin)...
Supongo que es broma pero por las dudas...

Cita de: "Angel_K_ido"
Supongo que por tratarse de una página tuya sería bueno que el diseño también lo sea. Podés utilizar alguna herramienta como ser el photoshop o algo por el estilo para ese tipo de cosas.-

 :comp:
Título: Re: Banner Como De Este Sitio
Publicado por: su - en Martes 15 de Mayo de 2007, 21:54
Cita de: "Angel_K_ido"
Cita de: "su -"
:angry: Claro que no, esa imagen es de SoloCodigo y no lo podes usar sin permiso de Sergio (el admin)...
Supongo que es broma pero por las dudas...

Cita de: "Angel_K_ido"
Supongo que por tratarse de una página tuya sería bueno que el diseño también lo sea. Podés utilizar alguna herramienta como ser el photoshop o algo por el estilo para ese tipo de cosas.-

 :comp:
 :P Sip...

Bueno para que no sea basura este post... cPanel tiene un diseño muy simple de implementar y se puede adptar facilmente.