:: CP - Recursos Web ::

Light Word

MUESTRA

[ CLICK PARA AGRANDAR ]

INFORMACIÓN

Diseño adaptable?: No

Fecha: 2011-06-18

Creditos: https://www.lightword-theme.org

Diseño para: Css Design

Garantia: SI ?

Nota: Light Word es un diseño de dos columnas las cuales te permitirán utilizar muchos enlaces, ademas tiene un menú horizontal que te permitirá organizar tu pagina.

- Codigo 01: Texto sobre el diseño

Copiar codigo

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

<div class="newer_older">
<span class="newer"></span>
<span class="older"></span>
</div></div>
<div class="content-sidebar">
	<h3>Menu lateral 1</h3><ul>
		<li><a href="URL">Link's 1</a></li>
		<li><a href="URL">Link's 2</a></li>
		<li><a href="URL">Link's 3</a></li>
		<li><a href="URL">Link's 4</a></li>
	</ul><h3>Menu lateral 2</h3><ul>	
		<li><a href="URL">Link's 1</a></li>
		<li><a href="URL">Link's 2</a></li>
		<li><a href="URL">Link's 3</a></li>
		<li><a href="URL">Link's 4</a></li>
	</ul><h3>Menu lateral 3</h3><ul>	
		<li><a href="URL">Link's 1</a></li>
		<li><a href="URL">Link's 2</a></li>
		<li><a href="URL">Link's 3</a></li>
		<li><a href="URL">Link's 4</a></li></ul>
</div><div class="clear"></div></div>
<div id="footer">
<span class="text">
Copyright © 2010 Tu sitio web. - Diseño por: <a href="https://wp-themes.com">Theme Preview</a> - Adaptación por: <a href="https://cssplantillas.es.tl">CssPlantillas</a></em></span></div>
</div>
<div style="clear:both"></a>
<center><br><br>

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;}
/* Nombre: LightWord
Diseño por: https://www.lightword-theme.org/
Adpatación por: https://cssplantillas.es.tl */
/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend {border:0;outline:0;vertical-align:baseline;background:transparent;margin:0;padding:0;}
/* BASIC */
*:focus{outline:none;}
.clear{clear:both;}
body{background-color:#2C2C29;font-family:Tahoma;font-size:11px;color:#2C2C29;}
p{font-size:1.2em;padding:2px;margin:1px 0 15px;}
a{color:#807D7A;}
h2{background-color:#FFF;border-bottom:1px solid #DCDCDB;letter-spacing:-1px;font-size:24px;padding-bottom:3px;font-weight:400;margin:10px 0 3px 0;font-family:Vera, Helvetica, Georgia;}
h2 a{font-weight:700;border:0;text-decoration:none;color:#2C2C29;display:block;}
h3{font-size:1.8em;}
h4{font-size:1.5em;}
h5{font-size:1.4em;}
h6{font-size:1.3em;}
hr{color:#DCDCDB;background-color:#DCDCDB;height:1px;border:0px;}
pre{width:100%; white-space:pre-wrap;}
/* LAYOUT */
#wrapper{margin:0 auto;text-align:left;}
h1#logo,h1#logo a{font-family:Vera, Helvetica,Georgia;padding:0;margin-top:7px;font-size:36px;color:#FFF;text-decoration:none;text-transform:uppercase;}
h1#logo small{color:#FFF;font-size:12px;display:block;margin:-2px 2px 1px;height:20px;}
h1#logo small a{font-size:12px;border-bottom:1px solid #FFF;}
#rss-feed{float:right;width:190px;font-weight:700;position:relative;left:7px;color:#FFF;text-decoration:none;}
#head{height:113px;}
#top{z-index:-1;cursor:pointer;display:block;margin-left:5px;position:relative;bottom:-55px;margin-top:-55px;min-height:56px;}
#top_cufon{cursor:pointer;display:block;margin-left:5px;position:relative;bottom:-55px;margin-top:-55px;min-height:56px;}
#top strong{display:none;}
#top_bar{padding:72px 23px 0 20px;}
#searchform{float:right;width:191px;height:26px;background:url("https://img.webme.com/pic/w/webcp/lightword01.png") no-repeat;position:relative;top:1px;}
#head #s{border:1px solid #000;float:left;border:0;width:154px;background:none;color:#ACACAB;margin:4px 0 0 4px;}
#head #go{float:right;width:25px;height:26px;background-color:transparent;border:0px;cursor:pointer;}
#contento{padding:0 10px 15px 15px;margin-left:7px;}
#content-body{display:inline-block;min-height:300px;height:auto !important;margin-right:25px;}
* html #content-body{float:left;margin-right:24px;} *+html #content-body{float:left;margin-right:28px;}
#footer{height:8px;}
#footer .text{color:#8D837B;font-size:10px;display:block;padding:12px;}
#footer .top{position:relative;right:5px;top:-5px;display:inline;float:right;}
* html #footer .top{top:-20px;} *+html #footer .top{top:-20px;}
#footer em, #footer em a{font-style:normal;color:#41413E;}
/* FRONT MENU */
ul#front_menu{float:left;text-transform:uppercase;position:relative;top:-4px;}
* html .expand{margin-top:-13px;} *+html .expand{margin-top:-13px;}
#front_menu li{list-style:none;float:left;margin-right:4px;}
* html #front_menu li{height:36px;display:inline;}
#front_menu li a{height:36px;display:block;background:url("https://img.webme.com/pic/w/webcp/lightword02.png") no-repeat left top;padding-left:15px;color:#2C2C29;font:700 .88em/26px Arial, Helvetica, sans-serif;text-decoration:none;cursor:pointer;}
#front_menu li a span{height:36px;display:block;background:url("https://img.webme.com/pic/w/webcp/lightword02.png") no-repeat right top;line-height:36px;padding-right:15px;}
#front_menu li a:hover,#front_menu li a.s{background-position:left bottom;}
#front_menu li a:hover span,#front_menu li a.s span{background-position:right bottom;}
* html #front_menu li a,* html #front_menu li a span{width:1%;white-space:nowrap;cursor:pointer;}
* html #front_menu li a span{position:relative;}
#front_menu li {background:none;float:left; position:relative;}
#front_menu ul {width:200px;position:absolute;display:none; background:#FFF;border-left:1px solid #ACACAB;border-right:1px solid #ACACAB;border-bottom:1px solid #ACACAB;-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius:5px;}
#front_menu ul li a, #front_menu ul li a span{margin:-3px -1px;height:auto;background:none;}
#front_menu li ul a {width:200px; float:left; white-space:nowrap;}
#front_menu li ul a:hover{text-decoration:underline;}
#front_menu ul ul {top:auto;}
#front_menu li ul ul {left:1em; }
#front_menu li:hover ul ul, #front_menu li:hover ul ul ul, #front_menu li:hover ul ul ul ul {display:none;}
blockquote{margin:20px 10px 10px 5px;border-left:4px solid #DDD;padding:0 5px 0 5px;font-size:9px;text-align:justify;}
.commenttext blockquote{border-left:4px solid #B6B6B5;}
.wp-caption{border:1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;}
.wp-caption img{border:none;margin:0;padding:0;}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;color:#111;margin:0;padding:0 4px 5px;}
.alignleft,img.alignleft{float:left;margin:5px 10px 5px 0;}
.alignright,img.alignright{float:right;margin:5px 0 5px 10px;}
.aligncenter,div.aligncenter,img.aligncenter{text-align:center;display:block;margin:10px auto;}
abbr, acronym, span.abbr{cursor:help;border-bottom:1px dotted #000;}
.wp_syntax { width:auto; }
.wp_syntax table { border:0 !important; }
.wp_syntax table td { border:0 !important; }
img.wp-smiley{border:0px;vertical-align:middle;}
/* CONTENT */
#content-body ul,#content-body ol{margin:15px 30px;font-size:12px;}
#content-body ul li{list-style:circle;margin-bottom:4px;}
.hentry{height:auto!important;margin-bottom:1em;}
.sticky h2 a{color:red;}
.comm_date{background:transparent url(images/date_comm_box.png) no-repeat;height:100px;width:57px;position:absolute;text-align:center;margin:0 0 0 -72px;z-index:2;}
.only_date{background:transparent url(images/data_box.png) no-repeat !important;height:67px !important;}
* html .comm_date{margin-top:10px;} *+html .comm_date{margin-top:10px;}
.comm_date .data{margin-left:-1px;padding-top:10px;display:block;font-weight:700;text-transform:uppercase;letter-spacing:-1px;}
.comm_date .nr_comm{padding-top:14px;color:#FFF;display:block;font-weight:700;}
.comm_date .nr_comm_spot, .comm_date .dsq-comment-count{display:block;margin:0 9px 0 8px;padding:6px 0 5px 0;}
.comm_date .data .j{font-size:24px;display:block;}
.nr_comm a{color:#FFF;text-decoration:none;}
.cat_tags{margin-top:10px;padding:8px 0 5px 10px;}
.cat_tags_close{max-height:3px;height:3px;margin-bottom:20px;}
* html .cat_tags_close{margin-top:-8px;}
*:first-child+html .cat_tags{padding:9px 8px 0;margin-bottom:-3px;}
.cat_tags .continue{float:right;padding-right:10px;width:100px;text-align:center;}
.cat_tags .category{float:left;}
.cat_tags a,.cat_tags .continue a{color:#2C2C29;}
.cat_tags a:hover{color:#ACACAB;}
.content-sidebar{width:191px;display:inline-block;overflow:hidden;vertical-align:top;}
.content-sidebar input{padding:3px;border:1px solid #E5E2E0;margin-bottom:2px;}
.content-sidebar h3{margin-top:8px;display:block;background:#FFF url("https://img.webme.com/pic/w/webcp/lightword03.png") no-repeat;
height:22px;width:181px;font-weight:700;font-size:11px;padding:9px 0 0 10px;}
.content-sidebar h3 a{text-decoration:none;color:#2C2C29;line-height:13px;}
.content-sidebar ul{list-style:none;width:191px;padding:2px;}
.content-sidebar li{list-style:none;}
* html .content-sidebar ul{width:160px;}
.content-sidebar ul li,.content-sidebar-2 ul li{display:block;color:#9D9793;line-height:16px;padding:4px 0 4px;border-bottom:1px solid #EEE;width:185px;}
.content-sidebar ul ul li,.content-sidebar-2 ul ul li{border:0px;padding-bottom:0;width:140px;}
.content-sidebar ul li.page_item ul li.page_item , .content-sidebar ul li.cat-item ul.children li.cat-item{background:url(images/arrow.gif) 0 11px no-repeat;padding-left:11px;margin-top:-3px;}
.content-sidebar ul li.page_item ul li.page_item ul li.page_item, .content-sidebar ul li.cat-item ul.children li.cat-item ul.children li.cat-item{background:url(images/arrow.gif) 0 11px no-repeat;padding-left:12px;}
.content-sidebar ul li a:hover,.content-sidebar .recentcomments a:hover{color:#AAA;}
.content-sidebar .textwidget, .content-sidebar select{padding:3px;margin:10px 2px 10px 2px;width:188px;}
.content-sidebar .recentcomments{display:block;border-bottom:1px solid #EEE;color:#9D9793;padding:4px 0px;line-height:16px;}
.content-sidebar .right {float:right; width:91px;overflow:hidden;}
.content-sidebar .left {float:left; width:91px;overflow:hidden;}
/* OTHERS */
.promote{border:1px solid #B6B6B5;padding:10px 10px 5px 10px;margin-top:1em;background:#EDEDED url(images/rss.png) 90% -35px no-repeat;}
.promote h3{margin-left:3px; }
.post-edit-link{display:block;background-color:#F5F5F5;margin-bottom:1em;padding:5px;color:#B6B6B5;}
.post-edit-link:hover{background-color:#FFFFD3;color:#2C2C29;}
.comment-edit-link{background-color:#EFEFEF;padding:1px 5px;color:#999999;border-left:1px solid #DDD;}
.about_author{background-color:#F5F5F5;padding:5px 10px;}
.about_author h4{ font-size:12px;padding-top:3px; }
.moderation{font-size:80%;}
#breadcrumbs{background-color:#F5F5F5;padding:5px;}
ol.snap_nav{list-style:none;display:block;}
ol.snap_nav li{display:inline; background-color:#F4F4F4;padding:3px;}
ol.snap_nav .snap_selected{background-color:#DDD;}
.simple_date{background: none 5px 50% no-repeat;padding:8px 25px;background-color:#EEE;margin-bottom:1em;}
#wrapper{width:811px;}
#head{background:transparent url("https://img.webme.com/pic/w/webcp/lightword04.png") no-repeat;}
#top_bar{padding-top:74px;}
#rss-feed{ position:relative;top:35px; }
#contento{background: #FFF url("https://img.webme.com/pic/w/webcp/lightword05.png") repeat-y;width:769px;}
#content-body{width:547px;}
#footer{background:transparent url("https://img.webme.com/pic/w/webcp/lightword06.png") no-repeat;}
#footer .text{width:785px;}
ul#front_menu{width:548px;}
.expand{width:768px !important;}
.hentry{width:548px;overflow:hidden;}
#webme_footer_textlink_dont_hide {color:#999;background-color:rgba(0, 0, 0, 0.0);font-size:9px;font-family:arial;text-align:center;}

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:
Todo lo que debes editar esta en mayúsculas, puedes jugar con los colores del diseño y modificarlo a tu gusto.
- Para cualquier consulta visita nuestro Foro de soporte.

:: CP - Recursos Web ::

Light Word

Light Word

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