Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje10-10-2009, 09:34 (UTC)    
Título del mensaje: ¿ COMO PONGO UN CABEZAL EN MI PLANTILLA CSS ?

Como lo hago ? aqui os dejo el code :

Texto por encima de la pagina :

Código:
l<div id="tabsG">
            <ul>
               
            </ul>
            </div>
<div class="menu"><img src="http://www.pixelea.net/v1/44347874aa.png" />
<ul>
<li><a href="Ultimos-juegos.htm">Ultimos Juegos</a></li>
<li><a href="Accion.htm">Acción</a></li>
<li><a href="Aventuras.htm">Aventuras</a></li>
<li><a href="Coches.htm">Coches</a></li>
<li><a href="Lucha.htm">Lucha</a></li>
<li><a href="Chicas.htm">Chicas</a></li>
<li><a href="Juegos-de-mesa.htm">Juegos De mesa</a></li>
<li><a href="Habilidad-_-Cl%E1sicos.htm">Habilidad - Clásicos </a></li>
<li><a href="Deportes.htm">Deportes</a></li>

</li><a href="Registrate.htm">Registrate</a></li>

</li><a href="Iniciar-Sesi%F3n.htm">Iniciar Sesión</a></li>

<li><a href=""><!--************CODE GEOCOUNTER************-->
<script type="text/javascript" src="http://geoloc14.geovisite.com/private/geocounter.js?compte=647591992061"></script>
<noscript>
<a href="http://www.geovisite.com/es/directory/juegos_internet.php"  target="_blank"><img src="http://geoloc14.geovisite.com/private/geocounter.php?compte=647591992061" border="0" alt="internet"></a><br>
Please do not change this code for a perfect fonctionality of your counter
<a href="http://www.scoopoo.com/ve/m_1132__juegos-y-juguetes.html">juegos</a>
</noscript>
<br><a href="http://www.geovisite.com/es/"></a>
<!--************END CODE GEOCOUNTER************-->
</a></li>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<li><a href=""></a>Buscar Juego : <!-- start of freefind search box html -->
<table cellpadding=0 cellspacing=0 border=0 >
<tr>
   <td  colspan=2 style="font-family: Arial, Helvetica, sans-serif; font-size: 7.5pt;">
      <form style="margin:0px; margin-top:4px;" action="http://search.freefind.com/find.html" method="get" accept-charset="utf-8" target="_self">
      <input type="hidden" name="si" value="60728741">
      <input type="hidden" name="pid" value="r">
      <input type="hidden" name="n" value="0">
      <input type="hidden" name="_charset_" value="">
      <input type="hidden" name="bcd" value="÷">
      <input type="text" name="query" size="15">
      <input type="submit" value="Buscar">
      </form>
   </td>
</tr>
<tr>
   <td style="text-align:left; font-family: Arial, Helvetica, sans-serif;   font-size: 7.5pt; padding-top:4px;">
      <a style="text-decoration:none; color:gray;" href="http://www.freefind.com" 
      onmouseover="this.style.textDecoration='underline'"
      onmouseout="this.style.textDecoration='none'" >      <span style="color: #606060;"></a>
   </td>
   <td style="text-align:right; font-family: Arial, Helvetica, sans-serif;   font-size: 7.5pt; padding-top:4px;">
      <a href="http://search.freefind.com/find.html?si=60728741&pid=a"></a>
   </td>
</tr>
</table>
<!-- end of freefind search box html -->
</li>



<img src="http://www.pixelea.net/v1/44347874aa.png" alt="" />
</ul>
</div>

<div id="conten">


Texto por debajo de la página :

Código:
<div class="pie">
 <div class="pie2 pueque">

    <p>© 2008-2009 Todos los derechos reservados <strong>Juegos Caseros</strong></p>
    <p> </p>
    <p></p>
  </div>
</div>


CSS-Code
sin Style Tags:

Código:
#extraDiv2 {display: none;}
 #extraDiv3 {display: none;}
 #extraDiv4 {display: none;}
 #extraDiv5 {display: none;}
 #extraDiv6 {display: none;}
 #pre_header {display: none;}
 #post_header {display: none;}
 #header_container {display: none;}
 #pre_content {display: none;}
 #nav_heading{display: none;}
 div#nav_container{display: none;}
 div.header{display: none;}
h2#title{margin-bottom:10px}
 h1#title{margin:10}
 li.nav_element{display: none;}
 li.nav_element a{display: none;}
*{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   margin:0px;
   padding:0px;
}
body{
   background:url(http://www.dezinerfolio.com/wp-content/themes/df_blue/images/body_loop.gif) repeat-x 0 0;
   width:990px;
   background-color: #000000;
   margin-left:auto;
   margin-right:auto;
   margin-top:0px;
   margin-bottom:0px;
   color:#ffffff;
}
img {
   border: none;}

a{
   text-decoration:underline;
   color:#848484;
}
a:hover{
   text-decoration:underline;color:#58ACFA;
}
.linkpeq{
   font-size:9px;
}
.estilosgris{
   font-size:9px;
   color:#999999;
}
.negross{
   font-size:15px;
   text-decoration:none;
   font-weight:bold;
   color:#000000;
}



/*-- diseño --*/

.cabecera{}
   height: 129px;
}




.centro {
   background-image: url();
   background-repeat: repeat-y;
   width:990px;
   border-right-color:#cccccc;
   border-right-style:solid;
   border-right-width:1px;

}

.contenido {   
   width:811px;
   float:right;
   background:#43464a ;
   background-repeat:  repeat-x;

}

.menu {
   width: 179px;
   float:left;
   text-align: center;
   
}
.flinea{
   width: 179px;
   float:left;
   text-align: center;
   border-bottom-color:#FFFFFF;
   border-bottom-style:solid;
   border-bottom-width:1px;
   margin-bottom:10px;
}
.fh{
   margin-top:15px;
   width:179px;
   float:left;
   text-align:center;
   margin-bottom:5px;
   
}
.fh iframe{
   display:block;
   margin-bottom:6px;
   border-color:#ffffff;
   border-width:1px;
   border-style:solid;
   width:100px;
   height:69px;
   padding:3px;
   float:center;
   margin-left:33px;
   margin-right:32px;
}
.fh img{
   display:block;
   margin-bottom:6px;
   border-color:#ffffff;
   border-width:1px;
   border-style:solid;
   width:100px;
   height:69px;
   padding:3px;
   float:center;
   margin-left:33px;
   margin-right:32px;
}
.fh2{
   width:179px;
   float:left;
   text-align:center;
   margin-bottom:5px;
}
.fh3{
   width:179px;
   float:left;
   text-align:center;
   margin-top:15px;
}


.menu ul{
   margin-bottom:5px;
}
.menu ul li  {
   text-align:left;
   background-image: url();
   background-repeat: no-repeat;
   list-style:none;
   height: 22px;
   width:179px;
   padding-top: 10px;
}

.menu ul li a {
   padding-left: 20px;
   color:#FFFFFF;

}

.menu ul li a:hover {
   color:#007dfc;
   font-weight:bold;
   text-decoration:none;

}




/*-- pie --*/

.pie{
   width:787px;margin-top:30px;
   margin-left:5px;
   border-top-color:#0080FF;
   border-top-style:solid;
   border-top-width:1px;
   border-left-color:#0080FF;
   border-left-style:solid;
   border-left-width:1px;
   border-right-color:#0080FF;
   border-right-style:solid;
   border-right-width:1px;
   border-bottom-color:#0080FF;
   border-bottom-style:solid;
   border-bottom-width:20px;
   padding-top: 20px;
   margin-bottom:20px;
   height: 100px;
   text-align: center;
   color: #999999;
   font-size:9px;
   float:left;
   background-image:url(http://www.pixelea.net/v1/44347874aa.png);
   background-repeat:  repeat-x;
   background-position: bottom;   
}
.pie1{
   border-left-color:#CCCCCC;
   border-left-style:solid;
   border-left-width:1px;
   width:400px;
   float:right;
   text-align:left;
   padding-left:15px;
}
.pie1a{
   width:100px;
   float:left;
   text-align:center;
   padding-left:15px;
   padding-top:10px;

}

.pie2{
   width:520px;
   float:left;
   text-align:justify;
   margin-left:15px;
}
.pie .peque{
   font-size:9px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
}

.pie a {
   color:#0000FF;

}
#tabsG {
      float:right;
      width:100%;
      background:#xxxxxx;
      font-size:93%;
      line-height:normal;
      }
    #tabsG ul {
     margin:0;
     padding:10px 10px 0 50px;
     list-style:none;
      }
    #tabsG li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsG a {
      float:right;
      background:url("http://img398.imageshack.us/img398/9296/tableftgwx6.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsG a span {
      float:left;
      display:block;
      background:url("http://img398.imageshack.us/img398/7484/tabrightgcm1.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac */
    #tabsG a span {float:none;}
    /* End IE5-Mac hack */
    #tabsG a:hover span {
      color:#FFF;
      }
    #tabsG a:hover {
      background-position:0% -42px;
      }
    #tabsG a:hover span {
      background-position:100% -42px;
      }

#conten{   
   width:800px;
   float:right;
   background:#43464a;border:1px solid #0687ca;
   background-repeat:  repeat-x;



#header_container {
position: absolute;
left: 50%;
margin-left:-490px;
width: 980px;
height:104px;
top: 30px;
background-color:#343434;
background-image:url(http://elnica.files.wordpress.com/2008/06/fondoazul3.jpg);
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}



Gracias!
Mensaje10-10-2009, 09:56 (UTC)    
Título del mensaje:

En CSS code, donde tienes:
Código:
.cabecera{}
   height: 129px;
}

Remplazalo por:
Código:
.cabecera{}
   height: 129px;
background-image: url(URLIMAGENCABEZAL);
}



Saludos!!
______________

www.TusPajaros.es.tl Versión 2.0 © F.C.H.M. (2009-2011)
Mensaje10-10-2009, 10:07 (UTC)    
Título del mensaje:

No me sale el cabezal es este ; http://img3.imageshack.us/img3/5790/cabezald.jpg
Mensaje10-10-2009, 10:36 (UTC)    
Título del mensaje:

En CSS code, donde tienes:

Código:
.cabecera{}
   height: 129px;
}


Remplazalo por:

Código:
.cabecera{
   height: 129px;
background-image: url(URLIMAGENCABEZAL);
}

y en Texto por encima de la página pon al principio:

Código:
<div id="cabecera">


Saludos!!
______________

www.TusPajaros.es.tl Versión 2.0 © F.C.H.M. (2009-2011)
Mensaje10-10-2009, 12:20 (UTC)    
Título del mensaje:

Pues no me salee que pasa?
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group