M e n u |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Texto por encima de la pagina:
|
<div id="tabsG">
<ul>
<li><a title="Link 1" href="#"><span>Link 1</span></a></li>
<li><a title="Link 2" href="#"><span>Link 2</span></a></li>
<li><a title="Link 3" href="#"><span>Link 3</span></a></li>
<li><a title="Longer Link Text" href="#"><span>Longer Link Text</span></a></li>
<li><a title="Link 5" href="#"><span>Link 5</span></a></li>
<li><a title="Link 6" href="#"><span>Link 6</span></a></li>
<li><a title="Link 7" href="#"><span>Link 7</span></a></li>
</ul>
</div>
<div class="menu"><img src="http://pixelea.com/s/f6dc47d4ae.png" />
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="/#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link </a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link </a></li>
<img src="http://pixelea.com/s/bac4bbd9ec.png" alt="" />
</ul>
</div>
<div id="conten"> |
Texto por debajo de la pagina:
|
<div class="pie">
<div class="pie2 pueque">
<p>© 2008-2009 Todos los derechos reservados <strong>Radioflash24</strong></p>
<p> </p>
<p>blablablablablablablablablablablablablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablablablablablablablablablablablablablablablabla.</p>
</div>
</div> |
Css sin
tags de style :
|
#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(http://pixelea.com/s/de0a2352ef.gif);
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(http://pixelea.com/s/e71886fc0b.png);
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://pixelea.com/s/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; |
|
|
|
|
|
|
|
|
|
|
|
|