Hola Amigo,

Te invito a Registrarse en nuestro foro de Ayuda Webmaster, en donde te aseguramos ayuda y diversión. Espero que se registre, hasta la próxima amigo.

Diseño Css Profesional

Ir abajo

Diseño Css Profesional

Mensaje por Designs-ics el Mar Jun 22, 2010 6:07 am

Cita:



Codigo Por Arriba

Código:
<style type="text/css">
<!--
a:hover{text-decoration:none;}
a{text-decoration:none;}
-->
</style>

<style>
<!--
a:hover{text-decoration:none;}
a{text-decoration:none;}
-->
</style>

<style type="text/css">
<!--
table{margin-left:auto;margin-right:auto}   
--></style>

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Layout 1</title>
<link rel="stylesheet" href="assets/css/style.css" type="text/css" media="all" />
</head>
<body>
<div id="wrapper">
  <div id="header">
    <p class="logotext">TITULO</strong><br>
      <span class="logotext2">DESCRIPCIÓN</span></p>
    <div id="headinfo"> <a href="LINK">NOMBRE</a> | <a href="LINK">NOMBRE</a> </div>
  </div>
  <div id="nav">
    <ul>
      <li><a href="LINK">NOMBRE</a></li>
      <li><a href="LINK">NOMBRE</a></li>
      <li><a href="LINK">NOMBRE</a></li>
      <li><a href="LINK">NOMBRE</a></li>
      <li><a href="LINK">NOMBRE</a></li>
      <li><a href="LINK">NOMBRE</a></li>
    </ul>
  </div>
  <div id="content">
    <div id="left">
      <h2>TITULO</h2>
      <ul>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        </li>
      </ul>
      <h2>TITULO</h2>
      <ul>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
        <li><a href="LINK">NOMBRE</a></li>
      </ul>
    </div>
    <div id="breadcrumb"></div>
    <div id="right">

Codigo Por Debajo

Código:
</div>
  </div>
  <br class="clear" />
  <div id="footer">
    <p> All content copyright © 2006 Your Website, all rights reserved. Layout created at CSSWebLayouts, <strong>TU WEB</strong>. Design adaptado a pwg por <a href="http://Todo-bryan.com.ar" target="_blank">Todo-Bryan</a>
</p>
  </div>
</div>
</body>
</html>

Codigo Css

Código:
img {

border: none;

}
a img {

border: none;

}
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;}


body { font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; }

a { color:#2D2D2D; text-decoration:none; }
h1 { font-size:16px; }
h2 { font-size:14px; }

#wrapper { width:760px; margin:0 auto; padding:0; }

#header { width:100%; height:150px; background-image:url(http://img22.xooimage.com/files/9/7/5/header-cd4881.gif); }
#header .logo { float:left; }
#headinfo { float:right; width:200px; margin:10px 5px 0 0; height:20px; padding:05px 0 10px 0; background:url(http://img24.xooimage.com/files/4/1/f/headinfobg-cd4936.gif) no-repeat; text-align:center; }
#headinfo a { color:#EFEFEF; }
#headinfo a:hover { color:#D2D2D2; border-bottom:1px solid #D2D2D2; }

.logotext { float:left; width:200px; margin:55px 0 50px 30px; font-family:Trebuchet MS; font-size:22px; color:#FFFFFF; }
.logotext strong { color:#EFEFEF; }
.logotext2 { font-size:14px; }

#nav { width:100%; overflow:auto; padding:1px; margin:0; background-color:#D2D2D2; }
#nav ul { margin:0; padding:0; }
#nav ul li { float:left; list-style:none; padding:0; }
#nav ul li a { display:block; width:100px; height:15px; padding:8px 0; margin:0 1px 0 0; background-color:#EFEFEF; text-align:center; }
#nav ul li a:hover { background-color: #FFFFFF; color:#999999; }

#content { width:100%; }

#left { float:left; width:20%; }
#left ul { margin: 0; padding:0; }
#left ul li { list-style:none; margin:1px 0; padding:0; }
#left ul li a { display:block; width:120px; margin:0; padding:5px; background-color:#E6E6E6; }
#left ul li a:hover { background-color:#FFCD59; }
#left ul li ul { margin: 0; padding:0; }
#left ul li ul li { list-style:none; margin:1px 0; padding:0; }
#left ul li ul li a { padding:5px; background-color:#EFEFEF; }

#breadcrumb { float:left; width:80%; background-color:#EFEFEF; }

#right { float:left; width:80%; }
#right .postinfo { display:block; width:90%; margin:5px; padding:6px; background-color:#EFEFEF; border:1px solid #D4D4D4; }
#right p a { color:#FFCD59; font-weight:bold; text-decoration:underline; }

.clear { clear:both; }
avatar
Designs-ics
Posteador
Posteador

Masculino Cantidad de envíos : 62
Barra de respeto hacia el foro :
Reputación : 0
Chakra : 294225

Ver perfil de usuario

Volver arriba Ir abajo

Re: Diseño Css Profesional

Mensaje por webtaller2 el Mar Jun 22, 2010 1:57 pm

Muy bueno acuerdate de poner el Nombre a la plantilla y kien la creo

8/10
avatar
webtaller2
administrador
administrador

Masculino Cantidad de envíos : 83
Edad : 27
Localización : Argentina
Empleo /Ocio : Webmaster-militar
Humor : el que rie ultimo rie mejor
Barra de respeto hacia el foro :
Reputación : 0
Chakra : 321295

Ver perfil de usuario

Volver arriba Ir abajo

Re: Diseño Css Profesional

Mensaje por Designs-ics el Mar Jun 22, 2010 2:07 pm

Opss! lo siento no me acorde la pondre Wink (No es mio)
avatar
Designs-ics
Posteador
Posteador

Masculino Cantidad de envíos : 62
Barra de respeto hacia el foro :
Reputación : 0
Chakra : 294225

Ver perfil de usuario

Volver arriba Ir abajo

Re: Diseño Css Profesional

Mensaje por marazack el Dom Feb 06, 2011 11:06 am

Muy Bueno... lo voy a utilizar.. Gracias

marazack
Nuevo usuario
Nuevo usuario

Cantidad de envíos : 1
Reputación : 0
Chakra : 269501

Ver perfil de usuario

Volver arriba Ir abajo

Re: Diseño Css Profesional

Mensaje por Contenido patrocinado


Contenido patrocinado


Volver arriba Ir abajo

Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.