Cerca nel forum:
Cerca


« Precedente :: Successivo »  
Autore Messaggio
Messaggio17/06/2010, alle 19:42 (UTC)    
Oggetto: [CSS DESIGN] World Style

Anteprima => http://img40.xooimage.com/files/b/7/c/worldstyle-1c9eec7.png

Codice da Incolllare nello Spazio "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" xml:lang="en">
  <head>
    <title>Web site</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="title" content="Web site" />
    <meta name="description" content="Site description here" />
    <meta name="keywords" content="keywords here" />
    <meta name="language" content="en" />
    <meta name="subject" content="Site subject here" />
    <meta name="robots" content="All" />
    <meta name="copyright" content="Your company" />
    <meta name="abstract" content="Site description here" />
    <meta name="MSSmartTagsPreventParsing" content="true" />
    <link rel="stylesheet" type="text/css" href="style.css" />
  </head>
  <body>
    <div id="wrapper">
      <div id="bg">
        <div id="header"></div>
        <div id="page">
          <div id="container">
            <!-- banner -->
            <div id="banner"></div>
            <!-- end banner -->
            <!-- horizontal navigation -->
            <div id="nav1">
              <ul>
                <li id="current" style="border:none">
                  <a href="#" shape="rect">Home</a>
                </li>
                <li>
                  <a href="#" shape="rect">Products</a>
                </li>
                <li>
                  <a href="#" shape="rect">Services</a>
                </li>
                <li>
                  <a href="#" shape="rect">News</a>
                </li>
                <li>
                  <a href="#" shape="rect">About</a>
                </li>
              </ul>
            </div>
            <!-- end horizontal navigation -->
            <!--  content -->
            <div id="content">
              <div id="center">
                <div id="welcome">


Codice da Incollare nello Spazio "Testo sotto il design":

Codice:

     </div>
              </div>
              <div id="right">
                <div id="sidebar">
                  <h3>Categories</h3>
                  <ul class="vmenu">
                    <li>
                      <a href="#" shape="rect">Category 1</a>
                    </li>
                    <li>
                      <a href="#" shape="rect">Category 2</a>
                    </li>
                    <li>
                      <a href="#" shape="rect">Category 3</a>
                    </li>
                    <li>
                      <a href="#" shape="rect">Category 4</a>
                    </li>
                    <li>
                      <a href="#" shape="rect">Category 5</a>
                    </li>
                  </ul>

    <h3>Categories</h3>
                  <ul class="vmenu">
                    <li>
                      <a href="#" shape="rect">Category 1</a>
                    </li>
                    <li>
                      <a href="#" shape="rect">Category 2</a>
                    </li>
                    <li>
                      <a href="#" shape="rect">Category 3</a>
                    </li>
                    <li>
                      <a href="#" shape="rect">Category 4</a>
                    </li>
                    <li>
                      <a href="#" shape="rect">Category 5</a>
                    </li>
                  </ul>
                  <h3 style="margin-top:40px">News</h3>
                  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.</p>
                  <div style="font-weight:bold;margin-top:20px">Call us : 00-123-456-789</div>
                  <div style="text-align:center;margin:20px 0">
                    <img src="images/call-1.jpg" />
                  </div>
                </div>
              </div>
              <div class="clear" style="height:40px"/>
            </div>
            <!-- end content -->
          </div>
          <!-- end container -->
        </div>
        <div id="footerWrapper">
          <div id="footer">
            <p style="padding-top:10px">Copyright 2010
              <strong>Team-AyudaWebs</strong>
            </p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>


Codice da incollare nello spazio "Css Style TAG":

Codice:
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}


*/




html {
   background: #e0e0e0;
   margin:0 0 0 -1px;
   padding:0;   
   overflow-Y: scroll;
}


body {
   padding:0;
   margin :0;
   display:table;
   width:100%;   
}


 
 
body {
   color:#505050;
   font-family: Helvetica, Arial, sans-serif ;
   font-size: 12px;
   font-style: normal ;
   font-weight: normal ;
   text-transform: normal;
}


p {
   letter-spacing: normal ;
   line-height: 20px ;
}

h1 {
   color:#202020;
   font-size:24px ;
   margin:25px 0 10px 0;
   clear:both;
}


h2 {
   color:#202020;
   font-size:18px ;
   margin:20px 0 10px 0;
   clear:both;
}


h3 {
   color:#202020;
   font-size:16px;
   margin:20px 0 5px 0;
   clear:both;
}



a:link, a:visited {
   color:#005cc6 ;
   text-decoration:none;
}


a:hover {
   color:#0984e2;
   text-decoration:underline;
}




 
 

#wrapper {
   background: transparent url( http://img43.xooimage.com/files/2/9/8/page-vbg-1c9d6dc.jpg ) repeat-y scroll 50% 0px ;
   margin:0 auto ;
   width:100%;
}

 
 
body {
   background-color:#e0e0e0;
}





#bg {
   margin:0 auto;
   padding:0;
   background:transparent ;
   background-image: url( http://img46.xooimage.com/files/f/9/3/hat-1c9d68e.jpg ) ;
    background-repeat:no-repeat;   
   background-position: center top ;
}



 
 
#header {
   margin: 0 auto;
   min-height:25px;
   height: 25px;
   width: 800px;
}


#page {
   background: transparent url(http://img46.xooimage.com/files/5/d/a/page-bg-1c9d63a.jpg ) no-repeat center top;
}



 
 

#container {
   margin:0 auto;
   width:800px;
}


#banner {
   margin: 0 auto;
   height:150px;
   width:100%;
}


 
 





#nav1 {
   height:35px;
   margin:0 auto ;
   width:780px;   
   text-align:center;
}


#nav1 ul {
   display:table;
   margin:0 auto;
   padding:0;
   list-style-type:none;
   position:relative;
   height:35px;
   text-transform:uppercase;
   font-size:12px;
   font-family:Arial,sans-serif;
}


#nav1 ul li {
   display:block;
   float:left;
   margin:0;
   padding:0;
   background:transparent url("http://img45.xooimage.com/files/6/9/d/hmenu-1c9d6f9.jpg") repeat-x top left;
   border-left:1px solid #1e1e1e ;

}


#nav1 ul li a {
   display:block;
   float:left;
   color:#FFFFFF;
   text-decoration:none;
   padding:0px 50px ;
   line-height:35px;
   font-weight:bold;
}


#nav1 ul li a:hover, #nav1 li#current a {
   color:#FFFFFF;
   background:transparent url("http://img41.xooimage.com/files/e/3/2/hmenu-sel-1c9d713.jpg") repeat-x top left;
}



#content {
   width:780px;
   margin:0 auto ;
   text-align:left;
   min-height:800px;
}


#content p {
   text-align:justify;
}






#footerWrapper {
   margin:0 auto;
   height:130px;
   padding:0;
   background:transparent url( http://img48.xooimage.com/files/3/c/6/footerwrapper-bg-1c9d65c.jpg ) no-repeat scroll center

top ;
}


#footer {
   margin:0 auto;
   padding:0;
   width:800px;
   height:50px;
}


 
 
#footer {
   color:#FFFFFF;
   text-align:center;
}

#footer a:link, #footer a:visited {
   color:#FFFFFF;
}


#footer a:hover{
   color:#0891e0;
   text-decoration:none;
}


 
 




#right {
   width:200px;
   padding:10px 20px 20px 20px;
   float:left;
}


#center {
   width:500px;   
   padding:10px 20px 20px 20px ;
   float:left;
}

 
#content p {
   margin-top:10px;
   text-align:justify;
}


 
 
 
 

#sidebar ul.vmenu {
   list-style: none;
   text-align: left;
   margin: 7px 0px 8px 0px;
   padding: 0;
   text-decoration: none;   
   border-top: 1px solid #d0d0d0;   
}


#sidebar ul.vmenu li {
   list-style: none;
   padding: 4px 0 4px 0px;
   margin: 0 2px;   
   border-bottom: 1px solid #d0d0d0;
}



#sidebar ul.vmenu li a {
   text-decoration: none;
   color:#00588e;
}


#sidebar ul.vmenu li a:hover {
   color:#0866d8;
}


#sidebar ul.vmenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.vmenu ul li { border: none; }







.clear
   clear: both;
   display: block;
   overflow: hidden;
   visibility: hidden;
   width: 0;
   height: 0;
}


Il TEMPLATE e' personalizzabile!
-_-_-
Copia, Adattamento E Traduzione by Sloong and Farcas!
Topic Originale => http://www.paginawebgratis.es/forum/viewtopic.php?t=49526
______________
Mostra prima i messaggi di:   


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