Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje24-05-2011, 22:25 (UTC)    
Título del mensaje: adaptar plantilla

hola gente de pagina web gratis

veran soy nuevo y no ce aun como poner una plantilla

kiero poner esta

http://www.freecsstemplates.org/preview/flowerbuds/


lo intente pero me salio mal

no ce como distribuir lso codigos

me echais una mano=?¿
Mensaje24-05-2011, 22:31 (UTC)    
Título del mensaje:

Mensaje24-05-2011, 22:42 (UTC)    
Título del mensaje:

Hola!,

Utiliza estos códigos:

Texto por encima de la pagina:
Código:
<link href="http://www.freecsstemplates.org/previews/flowerbuds/style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
   <div id="menu">
      <ul>
         <li class="current_page_item"><a href="#">Homepage</a></li>
         <li><a href="#">Blog</a></li>
         <li><a href="#">Photos</a></li>
         <li><a href="#">About</a></li>
         <li><a href="#">Links</a></li>
         <li><a href="#">Contact</a></li>
      </ul>
   </div>
   <!-- end #menu -->
   <div id="header">
      <div id="logo">
         <h1><a href="#">Flower Buds   </a></h1>
         <p> design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
      </div>
   </div>
   <!-- end #header -->
   <div id="page">
   <div id="page-bgtop">
   <div id="page-bgbtm">
      <div id="content">
         <div class="post">
            <p class="meta">



Texto por debajo de la pagina:
Código:
</p>
         </div>
      </div>
      <!-- end #content -->
      <div id="sidebar">
         <ul>
            <li>
               <div id="search" >
               <form method="get" action="#">
                  <div>
                     <input type="text" name="s" id="search-text" value="" />
                     <input type="submit" id="search-submit" value="" />
                  </div>
               </form>
               </div>
               <div style="clear: both;">&nbsp;</div>
            </li>
            <li>
               <h2>Aliquam tempus</h2>
               <p>Mauris vitae nisl nec metus placerat perdiet est. Phasellus dapibus semper consectetuer hendrerit.</p>
            </li>
            <li>
               <h2>Categories</h2>
               <ul>
                  <li><a href="#">Aliquam libero</a></li>
                  <li><a href="#">Consectetuer adipiscing elit</a></li>
                  <li><a href="#">Metus aliquam pellentesque</a></li>
                  <li><a href="#">Suspendisse iaculis mauris</a></li>
                  <li><a href="#">Urnanet non molestie semper</a></li>
                  <li><a href="#">Proin gravida orci porttitor</a></li>
               </ul>
            </li>
            <li>
               <h2>Blogroll</h2>
               <ul>
                  <li><a href="#">Aliquam libero</a></li>
                  <li><a href="#">Consectetuer adipiscing elit</a></li>
                  <li><a href="#">Metus aliquam pellentesque</a></li>
                  <li><a href="#">Suspendisse iaculis mauris</a></li>
                  <li><a href="#">Urnanet non molestie semper</a></li>
                  <li><a href="#">Proin gravida orci porttitor</a></li>
               </ul>
            </li>
            <li>
               <h2>Archives</h2>
               <ul>
                  <li><a href="#">Aliquam libero</a></li>
                  <li><a href="#">Consectetuer adipiscing elit</a></li>
                  <li><a href="#">Metus aliquam pellentesque</a></li>
                  <li><a href="#">Suspendisse iaculis mauris</a></li>
                  <li><a href="#">Urnanet non molestie semper</a></li>
                  <li><a href="#">Proin gravida orci porttitor</a></li>
               </ul>
            </li>
         </ul>
      </div>
      <!-- end #sidebar -->
      <div style="clear: both;">&nbsp;</div>
   </div>
   </div>
   </div>
   <!-- end #page -->
</div>
   <div id="footer">
      <p>Copyright (c) 2008 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
   </div>


Para que se vea bien pon este codigo en Css Code:

Código:
                  #pre_header {display: none;}
#post_header {display: none;}
#header_container {display: none;}
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#title {display: none;}
#nav_container {display:none;}   



Te dejo adjuntado 2 tutoriales para que puedas a aprender a adaptar diseños Css Design:
+ http://www.paginawebgratis.es/forum/viewtopic.php?t=58634
+ http://www.paginawebgratis.es/forum/viewtopic.php?t=47825

Saludos


Ultima edición por ipwg el Mar May 24, 2011 6:44 pm; editado 2 veces
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group