:: CP - Recursos Web ::

Rs 11

RS 11

MUESTRA

[ CLICK PARA AGRANDAR ]

INFORMACIÓN

Diseño adaptable?: No

Fecha: 2010-12-06

Creditos: https://ramblingsoul.com

Diseño para: Css Design

Garantia: SI ?

Nota: RS 11 es una diseño que tiene una columna lateral con muchos espacios para vínculos, el cual permitirá tener una mejor navegación.

- Codigo 01: Texto sobre el diseño

Copiar codigo

- Codigo 02: Texto por debajo de la página

Copiar codigo

- Codigo 03: CSS-Code

#pre_header {display: none;}
#post_header {display: none;}
#header_container {display: none;}
lli.nav_element{display: none;} 
li.nav_element a{display: none;} 
h1#title{display: none;} 
h2#title span {display: none;} 
#header {display: none;}
#title {display: none;}
#nav_container {display:none;}
table {margin-left:auto;margin-right:auto;}
* {padding:0; margin:0;}

body {font:11px "Trebuchet MS", Arial, sans-serif;color:#666;
background:#999 url("https://img.webme.com/pic/w/webcp/rs1101.jpg") repeat-x;}
.clear {clear:both;}
a, a:visited {color: #930;}
a:hover {color:#09c; text-decoration:none;}
h1, h2, h3, h4 {font:"Trebuchet MS", Arial, sans-serif;}
h2 {font:18px "Trebuchet MS", Arial, sans-serif;}
#wrap {background:url("https://img.webme.com/pic/w/webcp/rs1101.jpg") repeat-y; 
width:867px; margin:auto;}
#head{ background:url("https://img.webme.com/pic/w/webcp/rs1102.jpg") no-repeat; height:144px;}
#sidebar {width: 200px;float: right; padding:15px 30px 5px 5px;}
#content {padding-left: 25px;float: left;width: 595px;}
#waper {background:#fff url("https://img.webme.com/pic/w/webcp/rs1103.jpg");
width:867px;margin: 0 auto;}
#footer {background:url("https://img.webme.com/pic/w/webcp/rs1104.jpg") no-repeat; 
height:103px; padding:25px 0 0 0;}
#topbar {height:3px; padding:15px 25px 0 25px;}
#searchbar {width:250px;float:left;padding-left:35px;
background-image: url("https://img.webme.com/pic/w/webcp/rs1105.jpg");
background-repeat: no-repeat;background-position: 3px 9px;padding-top: 5px;}
#searchbar #keyword {width:150px;display: block;float: left;
height: 20px;border: 1px solid #969696;padding: 2px;margin-right: 5px;font-size: 14px;}
#searchbar form {padding:3px;}
#navigation { margin-left:305px; padding-top:8px;}
#navigation ul {list-style:none;}
#navigation li {display:inline;} 
#navigation a, #navigation a:visited, #navigation a:active {display:block; float:left; 
background:url("https://img.webme.com/pic/w/webcp/rs1106.jpg") repeat-x; 
height:19px; padding:5px 15px 0 15px; margin-right:5px; color:#000; text-decoration:none; border:solid 1px #999;}
#navigation a:hover {background:url("https://img.webme.com/pic/w/webcp/rs1107.jpg") repeat-x; color:#fff; border: solid 1px #09c;}
#navigation .active a {background:url("https://img.webme.com/pic/w/webcp/rs1107.jpg") repeat-x; color:#fff; border: solid 1px #09c;}
#sidebar h2 {display:block; color:#069; font:16px "Trebuchet MS", Arial, sans-serif; padding:5px; border-bottom: solid 1px #bbb; text-transform:uppercase;}
#sidebar ul {list-style:none; margin-bottom:15px;}
#sidebar li {display:block; height:26px; border-bottom:solid 1px #ddd;}
#sidebar a, #sidebar a:visited {display:block; height:21px; padding:5px 5px 0 5px; color:#333; text-decoration:none;}
#sidebar a:hover { color:#069;}
h3.subhead {font-size:12px; text-transform:uppercase;color: #fff;
display:block;padding:5px;border:solid 1px #ddd;background: #990000;}
.columns  {padding:0 8px 0 8px;}
.col1 {width:30%; float:left;}
.col3 {width:30%; float:right;}
.col2 {margin:0 32% 0 32%;}
.clear2 {width:590px; clear:left; float:right; color:#fff!important;}
.columns div {background:#f3fbe0; height:200px;}
.columns div p {padding:5px;}
#subnav {padding: 9px 50px 0 420px; color:#fff;}
#subnav a {color:#fff; text-decoration:none;}
img.leftalign, img.rightalign {display:block; padding:3px; background:#efefef; border: solid 1px #ddd;}
img.leftalign {float:left; margin-right:8px;}
img.rightalign {float:right; margin-left:8px;}
h1#sitename {display:block; padding:5px 70px 0 50px; color:#fff; font:22px normal "Trebuchet MS", Arial, sans-serif; }
#sitename a, #sitename a:visited, #sitename a:hover {color:#fff; text-decoration:none;}
#footer p {text-align:center; display:block; padding:3px;}
#footer #credit {font-size:10px;}
#webme_footer_textlink_dont_hide {color:#333;background-color:rgba(0, 0, 0, 0.0);font-size:9px;font-family:arial;}

Copiar codigo

ENLAZANOS

URL DIRECTA

LINK'S HTML

URL CORTA

Descarga

Ahora puedes descargar nuestros recursos, (No en todos los recursos esta disponible esta opcion, disfrutalo)

Descarga no disponible

[ CLICK PARA VER TUTORIAL ]

NOTAS:
Solo debes editar el código uno y dos, las palabra que están en mayúscula.
- Para cualquier consulta visita nuestro Foro de soporte.

:: CP - Recursos Web ::

Rs 11

RS 11

MUESTRA

INFORMACIÓN

- Codigo 01: Texto sobre el diseño

- Codigo 02: Texto por debajo de la página

- Codigo 03: CSS-Code

ENLAZANOS

Descarga

Buscador

Lo más reciente:

PUBLICIDAD

EN TWITTER!

Suscribete

Lo más buscado