Cerca nel forum:
Cerca


« Precedente :: Successivo »  
Autore Messaggio
Messaggio28/04/2009, alle 17:42 (UTC)    
Oggetto: [CSS DESIGN] design simple



sopra il design:

Codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Work Shy Fop</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="iFrame" />
<link href="stylesheet.css" rel="stylesheet" type="text/css" />

</head>

<body>

<div id="center">

<div id="header2">
</div>

<div id="content">

<div id="sidebar">

<div class="nav">
<ul class="nav_list">
<li class="li_nav_header"><a href="#"></a></li>   
<li class="li_nav_body"><a href="#">Author</a></li>
<li class="li_nav_body"><a href="#">Usage</a></li>
<li class="li_nav_body"><a href="#">Contact</a></li>
<li class="li_nav_footer"><a href="#"></a></li>     
</ul>
</div>

<div class="nav">
<ul class="nav_list">
<li class="li_nav_header"><a href="#"></a></li>   
<li class="li_nav_body"><a href="#">Archive 11-16</a></li>
<li class="li_nav_body"><a href="#">Archive 1-10</a></li>
<li class="li_nav_footer"><a href="#"></a></li>     
</ul>
</div>

<div class="sidebar_header"></div>
<div class="sidebar_body">
<p>TEXTO O PUBLICIDAD</p>
</div>
<div class="sidebar_footer"></div>

</div>

<div class="content_header"></div>
<div class="content_body">



sotto design:

Codice:
</div>
<div class="content_footer"></div>

<div id="footer">
<p>Designed by <a href="http://www.personal-web-design.com">iFrame</a> | Adaptado por Dutch © 2006</p>   
</div>

</div>

</div>


</body>
</html>



css-code Style tags
Codice:
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#nav_container{display: none;}
#pre_header{display: none;}
#header{display:none;}

/*----- Structure ----- */

body {
margin:0;
padding:0;
font-size: 12px;
font-family: 'Tahoma';
color:#707070;
background:url(http://pixelea.com/s/bc71af9d80.gif);
}

#center {
margin:auto;
width:646px;
background:url(http://pixelea.com/s/50f9292e44.gif) no-repeat;
}

#header2{
width:646px;
height:250px;
}

#footer{
width:100%;
clear:both;
margin: 10px 0 10px 0;
}

#footer p {
text-align:right;
margin-right:66px;
font-size:10px;
}

#footer a {
color:red;
}


/*----- Content Boxes ----- */

.content_body p {
padding:0px 20px 10px 20px;
text-align:justify;
}

.content_body h1 {
font-size:15px;
padding:10px 20px 0px 20px;
}

.content_body h2 {
font-size:13px;
padding:0px 20px 0px 20px;
}

.content_body a {
color:#ff0000;
}

.red {
color:red;
}


.content_header {
width:334px;
float:right;
margin-right:33px;
height:33px;
background:url(http://pixelea.com/s/46690430d1.gif) no-repeat;
}

.content_body {
width:332px;
background:#fff;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
float:right;
margin-right:33px;

}

.content_footer {
width:334px;
float:right;
margin-right:33px;
height:45px;
background:url(http://pixelea.com/s/dcf0340969.gif) no-repeat;
}

/*----- Nav ----- */

.class nav {
width:191px;
}

.nav_list {
margin: 0;
padding: 0;
width: 191px;
list-style: none;
overflow: hidden;
}

.nav_list li {
width: 191px;
overflow: hidden;
text-transform: uppercase;
font-size:10px;
font-weight:bold;
}

.nav_list a {
color:#707070;
text-decoration:none;
}

.li_nav_header a  {
display: block;
width: 191px;
height: 34px;
background: url(http://pixelea.com/s/e80925e654.gif) no-repeat;
}

.li_nav_body a  {
display: block;
width: 191px;
height: 21px;
background: url(http://pixelea.com/s/241009c2b8.gif) no-repeat;
padding-left: 25px;
line-height:20px;
}

.li_nav_footer a  {
display: block;
width: 191px;
height: 45px;
background: url(http://pixelea.com/s/ec8c2bdc0f.gif) no-repeat;
}

.li_nav_body a:hover {
background-position:  0 -21px;
color:#0F3D80;
}

.li_active a:active  {
background: url(http://pixelea.com/s/0c86f15f60.gif) no-repeat;
background-position:  0 -42px;
color:#0F3D80;
}

/*----- Sidebar ----- */

#sidebar {
width: 191px;
float:left;
}

.sidebar_header {
width: 191px;
height: 34px;
background: url(http://pixelea.com/s/afc25fcc5b.gif) no-repeat;
}

.sidebar_body  {
width: 189px;
background:#fff;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}

.sidebar_footer  {
width: 191px;
height: 45px;
background: url(http://pixelea.com/s/86873eab2e.gif) no-repeat;
}


-_-_-_-_-_-_-_-_-_-_-_-_-
copia e traduzione by Farcas And Sloong!
fonte: es.tl/forum/
topic originale: http://es.tl/forum/viewtopic.php?t=29505
design by: imageloads.es.tl
-_-_-_-_-_-_-_-_-_-_-_-_-


L'ultima modifica di hikiing il 28.04.2009, 19:06, modificato 1 volta
Mostra prima i messaggi di:   


Powered by phpBB © 2001, 2005 phpBB Group
phpbb.it