Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje16-07-2011, 16:56 (UTC)    
Título del mensaje: Plantilla CSS-DESING

Hola, quisiera saber si alguien me da el codigo de una plantilla Css desing para una heladeria?? No se muy bien como usar el CSS-DESING...

"AYUDA"

Saludos comunidad!!
Mensaje16-07-2011, 16:59 (UTC)    
Título del mensaje:

mm mira ve a "Acerca de códigos " ayi puede ver diseño o "Taller" aqui puede pedir un diseño para ti

1- http://www.paginawebgratis.es/forum/viewforum.php?f=21 "Acerca de códigos "
2-http://www.paginawebgratis.es/forum/viewforum.php?f=16 "Taller"

Saludos
______________
Twitter ZoneFacil
Facebook ZoneFacil
Mensaje16-07-2011, 17:13 (UTC)    
Título del mensaje:

Ahorita te ago una y me decis site gusta :D

de paso me enlazas en tu web
______________
Mensaje16-07-2011, 17:13 (UTC)    
Título del mensaje: Re: Plantilla CSS-DESING

En los Talleres podrias pedir un diseño , Aunque tambien podrias buscar algun diseño en la Web acerca de lo que estas buscando y mandar a alguien que te lo Adapte.

Sigue lo que dijo zone facil
Mensaje16-07-2011, 19:33 (UTC)    
Título del mensaje:

Aca esta la plantilla :D


Diseño : Dulce tentacion
By: Ferchi
Contiene Galleria



Vista previa:




Mi primer plantilla :D



Codigo del primer box: (esto es el codigo para la galleria)


Código:
<!--Porfavor no borrar mi imagen es lo unico que pido -->

<div style="text-align: center;"><a href="http://ferchi.es.tl"><img border="0" alt="ferchi, bugs,hacks, ferchinight, paginawebgratis, es-tl, ferchi.es, helados, neveria, paletas, nieve, dise&ntilde;o css, Css design, plantilla" src="http://img.webme.com/pic/f/ferchi/ferchilogo-paleteria.png" /></a></div>

<!-- Porfavor no borrar mi imagen es lo unico que pido-->

<!-- Edita de aqui hacia abajo para la galleria -->

<style type="text/css">
<!--
      ul {padding:0px;margin:0px;width:230px;background-image:url('http://img.webme.com/pic/f/ferchi/ferchi-dulcetentacion01.gif');}

      li {list-style-type:none;width:200px;padding:0px 0px; background:FFFFFF;}
      
      a img.min {border:1px solid #fff;}
      a span {visibility:hidden;color:white;text-align:center;font:bold 14px "Trebuchet MS",arial;position:absolute;top:190px;left:70px;visibility:hidden;border:5px solid #fff;z-index:10;}
      
      a:hover img.min {z-index:100;border:1px solid red;}
      a:hover {display:inline;z-index:100;} /* Hace que funcione en IE6*/
      a:hover span {visibility:visible;border:3px solid #fff;background:#FFFFFF;z-index:100;}
      a:hover span img {visibility:visible;z-index:100;}      
      
      
      
      a:focus span , a:active span  {visibility:visible;z-index:10;background:#FFFFFF;}
      a img.fotos {border:1px solid white;margin:5px;}
      
-->
</style>


<ul>
     <li><a class="f1" href="http://ferchi.es.tl/ejemplo.htm"><img class="min" src="http://img.webme.com/pic/f/ferchi/50x50.gif" alt="Ejemplo Bugs y hacks ferchi" /><span><img class="fotos" src="http://img.webme.com/pic/f/ferchi/01.gif" alt="Ferchi" /><br />Ejemplo</span></a></li>


      <li><a href="http://ferchi.es.tl/ejemplo.htm"><img class="min" src="http://img.webme.com/pic/f/ferchi/50x50.gif" alt="Ferchi" /><span><img class="fotos" src="http://img.webme.com/pic/f/ferchi/02.gif" alt="Ferchi" /><br />Ferchi</span></a></li>

      <li><a href="http://ferchi.es.tl/ejemplo.htm"><img class="min" src="http://img.webme.com/pic/f/ferchi/50x50.gif" alt="Ferchi" /><span><img class="fotos" src="http://img.webme.com/pic/f/ferchi/03.gif" alt="Ferchi" /><br />Ferchi</span></a></li>
      <li><a href="http://ferchi.es.tl/ejemplo.htm"><img class="min" src="http://img.webme.com/pic/f/ferchi/50x50.gif" alt="Ferchi" /><span><img class="fotos" src="http://img.webme.com/pic/f/ferchi/04.gif" alt="Ferchi" /><br />Ferchi</span></a></li>
      <li><a href="http://ferchi.es.tl/ejemplo.htm"><img class="min" src="http://img.webme.com/pic/f/ferchi/50x50.gif" alt="Ferchi" /><span><img class="fotos" src="http://img.webme.com/pic/f/ferchi/02.gif" alt="Ferchi" /><br />Ferchi</span></a></li>
      <li><a href="http://ferchi.es.tl/ejemplo.htm"><img class="min" src="http://img.webme.com/pic/f/ferchi/50x50.gif" alt="Ferchi" /><span><img class="fotos" src="http://img.webme.com/pic/f/ferchi/01.gif" alt="Ferchi" /><br />Ferchi</span></a></li>
</ul>




Este es codigo por encima de la pagina:


Código:
<div id="Design"> <div id="Cabecera_Ferchi"></div>




CSS-Code sin Style Tags:

Código:
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{color:#000000;list-style-type: none;}
table[height ="102"] {margin-left:auto;margin-right:auto;}

<!-- Plantilla creada por ferchi - Cabecera  -->

#Cabecera_Ferchi { height: 130px; width: 921px; background: ; background-image:url(http://img.webme.com/pic/f/ferchi/heladeria.png); color: #000000; border: 0px solid #ffffff; margin: 0px 0px 0px 0px; padding: 0px; float: left; position:absolute;left:45px;top:95px;} body {background-image:url(http://img.webme.com/pic/f/ferchi/ferchifondo_helados.png);background-position:;} a{color:#ffffff; font-size: 15px; text-decoration: none;} a:hover {color: #ffffff; font-size: 15px; text-decoration: none;} a:link {color: #ffffff; font-size: 15px; text-decoration: none;} a:active {color: #ffffff; font-size: 15px; text-decoration: none;} a:visited {color: #ffffff; font-size: 15px; text-decoration: none;}

li.nav_element a{ color:#ffffff; display: block; margin: 5px; padding-left: 0px text-decoration: none; width: 80px; height: 25px; background-image:url(); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 80px; height: 25px; background-image:url(hover); background-color:} * { padding: 0; margin: 0; } #Design { margin: 0 auto; width: 922px; } 

<!-- Plantilla creada por ferchi - Contenido  -->

#content { height: 500px; width: 655px; background:; background-image:url(http://img.webme.com/pic/s/stupido-flog/menunuevo5.png); color: #ffffff; border: 1px solid #0000E1; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto; position:absolute;left:45px;top:225px;}


<!-- Plantilla creada por ferchi - Lado derecho  -->
#sidebar_container { height: 500px; width: 230px; background: ; background-image:url(http://img.webme.com/pic/f/ferchi/amarilloferchi-es-tl.png); color:#ffffff ; border: 1px solid #0000E1; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; position:absolute;left:730px;top:225px;}

<!-- Plantilla creada por ferchi  -->

______________


Ultima edición por ferchi el Sab Jul 16, 2011 3:34 pm; editado 1 vez
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group