Mundo-Informatico

Mundo-Informatico By Minedosantox
 
ÍndiceÍndice  CalendarioCalendario  FAQFAQ  BuscarBuscar  MiembrosMiembros  Grupos de UsuariosGrupos de Usuarios  RegistrarseRegistrarse  ConectarseConectarse  
Bienvenidos a mi foro Mundo-Informatico xD By Minedosantox
Navegación
 Portal
 Índice
 Miembros
 Perfil
 FAQ
 Buscar
Foro
Noticias
Últimos temas
» Encristar Codigos
Miér Oct 27, 2010 2:01 pm por Minedosantox

» Nuevo Taller
Mar Oct 26, 2010 7:59 pm por Minedosantox

» Me Presento soy el staff
Lun Oct 25, 2010 7:47 pm por Minedosantox

» Rangos del foro
Lun Oct 25, 2010 7:42 pm por Minedosantox

» TEMA PARA LAS PERSONAS QUE BUSCAN EL CODIGO DE FIRMA!
Lun Oct 25, 2010 5:32 am por Minedosantox

» Respuesta rapida
Lun Oct 25, 2010 5:31 am por Minedosantox

» Poniendo Pop Up
Lun Oct 25, 2010 5:31 am por Minedosantox

» Reglamentos de los foros
Dom Oct 24, 2010 10:45 pm por Minedosantox

» Ya Pusimos Resuelto y en curso
Dom Oct 24, 2010 10:31 pm por Minedosantox

Mejores posteadores
Minedosantox
 

Get your own Chat Box! Go Large!
Spirate v2 Buscar en Spirate v2 UTF-8 data:image/x-icon;base64,R0lGODlhEAAQAPcAAAAAAD06GicnJzU4MWR1KW98Ok5LVk1RSFBWS1VbTmZYXGBcYHV1epsME7IHDLUXHLoQE5tlAIRmIYl1LZt6LZl%2BOq94Aap%2BJaB%2FNptBRJFYXYR7Sq9ye7J3e8kAANMqL9MuMegAAP8AAP8ABP8REe8mKfksMP8yMv9ERISbJoWWM5StJpClMJ21J7KILIuTXpaDWoyTao%2BZZpKbZrfJQv%2BdAOWpHf%2BqAP%2B7AOWzKdOnQcXYSdbqUuLDU%2B3OXv%2FaR%2F%2FYT%2F%2FWZv%2Fdd%2F%2FdepOXnpKbm5uTmKWfk7KJlLKJl7KNmrqLmKi1t662urexpbO2t7G6vLq4tLzC0%2F%2BJifSlpP%2B%2Fv8zDm9HGmtjlhd3qhd3thN%2FqofTTi%2Bj3iuj5hu%2F%2Fh%2BXyne78kv%2Flh%2Bj0pP%2Frtf%2Fut%2FD8rv%2FztcbGxsjIztHR0dHS1tfe79zd4tre6P%2Fd3f%2F%2Fyf%2F62%2BLi4uLh6uPj6OTj7ebm7eXp6ubo7ejo7fT0%2Bff4%2Bff8%2FPn5%2Bfz8%2FP%2F%2F%2FwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAQABAAAAjJAAEIHEhwoAABAv8oXHiHQYeFff4kXPiHj5EPDqhQnLiQCQgRIR5UWcjxDxQIIkSc8GDijUKOTTKMEEECRYkGU14C%2BOPnyQINHJYgSaLEgAI0Enf6USOnyAQfPXLYkEBkTVKKTirEISMGiIU2e64ujEJhSJAyQi64iVhSSoQaN85wwYBHJ0U2Lm7g%2BKEDBh09egTmsVNnTpojV6xsCDDgAIIEAmfEkPGiAIEUK1qwUEFjBw%2BBWbx8%2BeIFi5YuYcBsGWMGTsHXrwMCADs%3D http://www.yelidmod.com/web/

Comparte | 
 

  [Css Design] Clover Leaf

Ver el tema anterior Ver el tema siguiente Ir abajo 
AutorMensaje
Minedosantox
Administrador
Administrador
avatar

Post: : 53
Gracias : 4
Fecha de inscripción : 22/10/2010
Edad : 27

MensajeTema: [Css Design] Clover Leaf   Dom Oct 24, 2010 4:58 pm


<body>
<div id="header">
<div id="logo">
<h1><a href="#">Subtitulo</a></h1>

<h2><a href="#">Pequeña descripcion 1</a></h2>
</div>
<div id="menu">
<ul>
<li class="first"><a href="#" title="">Texto 1</a></li>
<li><a href="#" title="">Texto 2</a></li>
<li><a href="#" title="">Texto 3</a></li>

<li><a href="#" title="">Texto 4</a></li>
<li><a href="#" title="">Texto 5</a></li>
</ul>
</div>
<div id="ad468x60"><a href="#"><img src="http://wimg.co.uk/Y21.jpg" alt="" width="468" height="60" /></a></div>
</div>
<div id="page">
<div id="content">
<div class="boxed">

<h1 class="heading">Texto 6</h1>
<div class="content">


Texto por debajo de la pagina:
Cita:
</div>

</div>
</div>
<!-- end #content -->
<div id="sidebar">
<div class="boxed">
<h2 class="heading">Texto 7 </h2>
<div class="content">
<ul>

<li><a href="#">Texto 8</a></li>
<li><a href="#">Texto 9</a></li>
<li><a href="#">Texto 10</a></li>
<li><a href="#">Texto 11</a></li>
<li><a href="#">Texto 12</a></li>
<li><a href="#">Texto 13</a></li>
<li><a href="#">Texto 14</a></li>
<li><a href="#">Texto 15</a></li>
<li><a href="#">Texto 16</a></li>
<li><a href="#">Texto 17</a></li>
</ul>
</div>
</div>

</div>
<!-- end #sidebar -->
</div>
<!-- end #page -->
<div style="clear: both;"> </div>
<div id="footer">
<p id="legal">Copyright © 2010 TuWeb. Todos los derechos Reservados. Designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>. Adapted by <a href="http://www.fafo-ayuda.es.tl/">Fafo</a></p>
<p id="links"><a href="#">Texto 18</a> | <a href="#">Texto 19</a></p>

</div>
</body>
</html>


Css sin style taggs:
Cita:
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;}

/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
margin: 0;
padding: 0;
}

body {
margin: 20px 0;
background: #FFFFFF url() repeat-x;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color: #666666;
}

h1, h2, h3 {
color: #000000;
}

p, blockquote, ul, ol {
margin-bottom: 1.8em;
line-height: 160%;
}

a {
color: #000000;
}

a:hover {
text-decoration: none;
}

img {
border: none;
}

img.left {
float: left;
margin: 0 15px 0 0;
}

img.right {
float: right;
margin: 0 0 0 15px;
}

.boxed {
}

.heading {
height: 30px;
padding: 14px 0 0 20px;
background: #004BD7;
text-transform: uppercase;
font-size: 12px;
color: #FFFFFF;
}

.content {
padding: 20px;
}

/* Header */

#header {
width: 765px;
height: 260px;
margin: 0 auto;
background: url(http://wimg.co.uk/Jm2.gif) no-repeat right top;
}

#logo {
float: left;
width: 260px;
height: 250px;
background: url(http://wimg.co.uk/m0V.gif) no-repeat;
text-transform: uppercase;
}

#logo h1 {
margin-right: 30px;
padding: 110px 0 0 40px;
background: url(http://wimg.co.uk/XyK.gif) no-repeat 100% 95px;
font: normal 30px Impact, Arial, Helvetica, sans-serif;
}

#logo h2 {
padding: 0 0 0 42px;
letter-spacing: 2px;
font: bold 8px Tahoma, Arial, Helvetica, sans-serif;
}

#logo a {
text-decoration: none;
color: #FFFFFF;
}

#ad468x60 {
float: right;
padding: 28px 32px 0 0;
}

/* Menu */

#menu {
float: right;
}

#menu ul {
margin: 0;
padding: 30px 20px 20px 0;
list-style: none;
}

#menu li {
display: inline;
}

#menu a {
padding: 0 10px 0 16px;
background: url(http://wimg.co.uk/3vQ.gif) no-repeat left center;
text-transform: uppercase;
text-decoration: none;
font: bold 8px Tahoma, Arial, Helvetica, sans-serif;
color: #004BD7;
}

#menu a:hover {
text-decoration: underline;
}

#menu .first a {
background: none;
}

/* Page */

#page {
width: 760px;
margin: 0 auto;
}

/* Content */

#content {
float: right;
width: 503px;
}

#content .heading {
background: #004BD7 url(http://wimg.co.uk/TMw.gif) no-repeat;
}

#content ul, #content ol {
margin-left: 3em;
}

/* Sidebar */

#sidebar {
float: left;
width: 223px;
padding-left: 20px;
}

#sidebar .heading {
background: #004BD7 url(http://wimg.co.uk/UMx.gif) no-repeat;
}

#sidebar li {
margin-bottom: 1.5em;
}

/* Footer */

#footer {
width: 765px;
height: 59px;
margin: 0 auto;
background: #E50606 url(http://wimg.co.uk/8LA.gif) no-repeat;
text-align: center;
font-size: 77%;
color: #000000;
}

#legal {
margin: 0;
padding: 20px 0 0 0;
line-height: normal;
color: #FFFFFF;
}

#legal a {
color: #FFFFFF;
}

#links {
margin: 0;
padding: 30px 0;
line-height: normal;
}
Volver arriba Ir abajo
Ver perfil de usuario http://mundo-informatico.espana-foro.org
 
[Css Design] Clover Leaf
Ver el tema anterior Ver el tema siguiente Volver arriba 
Página 1 de 1.
 Temas similares
-
» Taller (E) : "Home Design's" [Impago]
» Taller: [G] //ElvisG Design's\\[22 de mayo]
» Simka Design
» Design Factory (7-users)-(5-mensajes)
» Design.foro.ag - Comunidad de Ayuda

Permisos de este foro:No puedes responder a temas en este foro.
Mundo-Informatico :: Reglamentos Generales :: Papelera-
Cambiar a: