:: CP - Recursos Web ::

Pixel

MUESTRA

[ CLICK PARA AGRANDAR ]

INFORMACIÓN

Diseño adaptable?: No

Fecha: 2010-06-18

Creditos: https://85ideas.com/

Diseño para: Css Design

Garantia: SI ?

Nota: Arhemia es un excelente diseño que da el efecto de transparencia y que hará tu sitio más atractivo, ideal para blogs.

- Codigo 01: Texto sobre el diseño

Copiar codigo

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

<div id="nextprevious">
<div class="alignleft"></div>
<div class="alignright"></div>
<div class="cleared"></div>
</div></div>
<div id="sidebars">
<div id="sidebar_full"><ul><li>
<div id="welcome" class="sidebarbox">
	<h2>Titulo box 1</h2><p>
Aqui puedes incluir el contenido que tu quieras!
</p></div></li><li>
<div class="sidebarbox">
	<h2>Menu lateral 1</h2><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>
  	<li><a href='URL'>Link's 5</a></li>
  	<li><a href='URL'>Link's 6</a></li>
  	<li><a href='URL'>Link's 7</a></li>
</ul></div>
<div class="sidebarbox">
	<h2>Menu lateral 2</h2><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>
  	<li><a href='URL'>Link's 5</a></li>
  	<li><a href='URL'>Link's 6</a></li>
  	<li><a href='URL'>Link's 7</a></li>
</ul></div>
</li></ul></div>

<div class="cleared"></div>
</div><div class="cleared"></div></div>
<div id="morefoot">
<div class="col1">
<h3>Buscar?</h3>
<p>Busque lo que necesita de nuestro sitio:</p>
<form method="get" id="searchform" action=""><p>
<input type="text" value="Palabras a buscar" name="s" id="searchbox" onfocus="this.value=''"/>
<input type="submit" class="submitbutton" value="Buscar" /></p>
</form></div>

<div class="col2">
<h3>Enlaces</h3><p>
- Nuestras paginas recomendadas:
</p><ul>
	<li><a href="https://cssplantillas.es.tl">CssPlantillas</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>
	<li><a href="URL">Link's 5</a></li>
</ul></div>
<div class="col3">
<h3>Enlaces 2</h3><p>
- Nuestras paginas recomendadas:
</p><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>
	<li><a href="URL">Link's 5</a></li>
</ul></div>
<div class="cleared"></div></div>
<div id="footer">
<div id="footerleft">
<p>Diseño por: <a href="https://85ideas.com">85ideas</a> - Adaptación por: <a href="https://cssplantillas.es.tl">CssPlantillas</a>.</p>
</div><div id="footerright"></div>
<div class="cleared"></div></div></div>

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: Pixel
Creado por: https://85ideas.com
Adapración PwG: https://cssplantillas.es.tl */
* {margin: 0;padding: 0;}
:focus {outline:0;}
h1, h2, h3, h4, h5, h6, p {margin: 0;padding: 10px 0;}
h1, h2, h3, h4, h5, h6 {font-family: Verdana;}
hr {color: #333;border: 1px solid #121212;}
pre {height: auto; overflow-x:scroll;}
fieldset {margin: 0;padding: 0; border: 0;}
dd {padding-left: 15px;}
p {font-size: 9pt;}
a {color: #6598b8;text-decoration: none;}
a:hover {color: #222;text-decoration: underline;}
a img {border: none;  }
blockquote {background: #070707;border: 1px solid #060606;padding: 5px 15px;
margin: 10px 10px 5px 15px;font-style: italic;color: #fff;}
code {color: #3366cc;font-style: italic;}
strong {font-size: 110%;}
body {text-align: center;margin: 0;padding: 0 0 15px 0;
font-family: trebuchet ms, arial, helvetica, sans-serif;
background: #000 url("https://img.webme.com/pic/w/webcp/pixel01.png") top center no-repeat;
color: #eee;font-size:12px;}
#wrapper {margin: 0 auto;width: 960px;text-align: left;padding: 0;}
#head {padding: 0;margin: 0;height: 80px;text-shadow: 0 0 4px #555;}
#head #topright {text-align: right;float: right;width: 930px;margin: 3px 0 0 0;}
#head #topright ul {list-style: none;padding: 0;margin: 0;}
#head #topright li {display: inline;}
#head #topright li a {color: #fff;font-size: 9pt;padding: 0 0 0 25px;text-transform: lowercase;}
#head #topright li a:hover {color: #ccc;text-decoration: none;}
#head #logo {margin: 0;padding: 0;}
#head h1 {padding: 0;margin: 0;}
#head h1 a {color: #fff;font-size: 17pt;text-decoration: none;}
#head h1 a:hover {color: #eee;text-decoration: none;}
#head span {padding: 0;color: #eee;font-size: 10pt;}
#catnav {margin: 20px 0 0 0;padding: 0;clear: both;height: 44px;width: 960px;}
#nav {list-style: none;margin: 0;padding: 0;}
#nav ul {margin: 0;padding: 0;}
#nav li {float: left;margin: 0;padding: 0;}
#nav a {display: block;line-height: 44px;margin: 0;padding: 0 20px 0 15px;
font-size: 10pt;color: #fff;letter-spacing: -1px;}
#nav li a:hover {color: #6598b8;text-decoration: none;display: block;}
#nav li ul {list-style: none;position: absolute;width: 150px;left: -999em;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}
#nav li li {float: left;margin: 0;padding: 0;width: 150px;}	
#nav li li a {width: 150px;height: 24px;line-height: 24px;color: #fff;
border-top: 1px solid #131f27;background: #040404;margin: 0;padding: 5px 20px 5px 15px;}
#nav li li a:hover {border-top: 1px solid #131f27;background: #000;padding: 5px 20px 5px 15px;}
#nav li:hover, #nav li.sfhover {position: static;}
#toprss {float: right;margin: 10px 15px 0 0;display: inline;width: 65px;line-height: 41px;}
#main {margin: 5px 15px 0 15px;clear: both;width: 930px;padding-bottom: 5px;}
#contentwrapper {float:left;width: 560px;margin: 0 0 15px 0;padding: 0;}
#contentwrapper2 {float:left;width: 900px;  margin: 0 0 15px 0;padding: 0;}
#contentwrapper .pageTitle, #contentwrapper2 .pageTitle {margin: 15px 0 10px 0;font-size: 14pt;
letter-spacing: -1px;color: #fff;font-weight: normal;background:;padding: 5px;}
#nextprevious {margin: 10px 0 5px 0;}
#nextprevious a {color: #eee;text-transform: lowercase;border: 1px solid #111;
padding: 5px 8px;font-size: 10pt;line-height: 1.4em;}
#nextprevious a:hover {color: #fff;}
#main #welcome {margin: 0 0 20px 0;padding: 0 0 5px 0;background:;}
#main #welcome h2 {font-size: 14pt;font-weight: normal;color: #fff;letter-spacing: -2px;
margin: 0 10px;padding: 10px 0 3px 0;}
#main #welcome p {font-size: 9pt;color: #eee;  margin: 0 10px;padding: 6px 0;}
#main #welcome a {text-decoration: underline;color: #ff9933;}
#main #welcome a:hover {color: #6598b8;}
#main #welcome form {margin: -5px 0 0 0;background: transparent;}
#main #welcome #feedbox {border: 1px solid #ccc;padding: 2px 1px;width: 180px;}
.submitbutton {margin: -5px 0 0 5px;background: #010101;color: #fff;font-size: 8pt;
padding: 3px 6px;vertical-align: middle;border: 1px solid #111;}
.submitbutton:hover {cursor: pointer;background: #050505;}
#sidebars {margin: 15px 0 0 0;float: right;width: 340px;color: #eee;}
#sidebars .sidebarbox {background: url("https://img.webme.com/pic/w/webcp/pixel04.png") repeat;padding: 8px 15px;}
#sidebar_full {padding: 0;margin: 0;}
#sidebar_left {float: left;width: 160px;}
#sidebar_right {float: right;width: 160px;}
#sidebars h2 {margin: 0;padding: 0 0 8px 0;font-weight: normal;
font-size: 11pt;color: #fff;letter-spacing: -1px;}
#sidebars table {width: 130px;}
#sidebars ul {margin: 0;padding: 0 0 5px 0;}
#sidebars li {margin-bottom: 20px;list-style: none;font-size: 9pt;}
#sidebars li ul {padding: 0;}
#sidebars ul ul li {margin: 0;padding: 2px 2px 2px 16px;color: #eee;
background:;line-height: 17px;}
#sidebars a {display: inline;color: #eee;}
#sidebars a:hover {color: #6598b8;text-decoration: underline;}
#sidebars p {padding: 2px 0;font-size: 9pt;color: #eee;}
#tag_cloud a {display: inline;}
#sidebars ul.children li {border-bottom:none;}
#sidebars ul.children {margin-bottom:0;}
#morefoot {background: #000;border: 1px solid #070707;
padding: 15px;color: #dfdfdf;margin: 0 0 10px 0;}
#morefoot p {margin: 5px 0;padding: 5px 0;}
#morefoot ul {list-style-type: none;margin-top: 5px;}
#morefoot ul li, #morefoot p {font-size: 9pt;}
#morefoot a {text-decoration: underline;color: #ddd;}
#morefoot a:hover {text-decoration: underline;color: #6598b8;}
#morefoot h3 {font-size: 12pt;font-weight: normal;color: #dfdfdf;letter-spacing: -1px;
border-bottom: 1px dotted #444;margin: 0;padding: 0 0 2px 0;}
#morefoot #searchbox {padding: 1px;width: 180px;}
#morefoot .col1 {float: left;width: 340px;}
#morefoot .col2 {margin: 0 25px;}
#morefoot .col2, #morefoot .col3 {float: left;width: 260px;}
#morefoot li {padding-left: 20px;margin-bottom: 5px;
background: url("https://img.webme.com/pic/w/webcp/pixel03.gif") left 2px no-repeat;line-height: 17px;}
#footer {clear: both;background: #000;
border: 1px solid #070707;padding: 15px 15px 10px 15px;}
#footer p {font-size: 9pt;color: #bbb;padding: 0;}
#footer a {color: #bbb;text-decoration:none;}
#footer a:hover {color: #fff;}
#footerleft {float: left;width: 500px;}
#footerright {float: right;width: 300px;text-align: right;}
.highlight {color: #222;font-weight: bold;}
.cleared {margin: 0;padding: 0;clear: both;}
.alignleft {float: left;margin: 10px 15px 5px 0;}
.alignright {float: right;margin: 10px 0 5px 15px;}
.aligncenter,
div.aligncenter { margin: 10px auto;text-align: center;display: block;}
img.alignleft {float: left;margin: 10px 15px 5px 0;}
img.alignright {float: right;margin: 10px 0 5px 15px;}
img.aligncenter {margin: 10px auto;text-align: center;display: block;}

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, si sabes de CSS puede editar más elementos para dejar tu web muy atractiva.
- Para cualquier consulta visita nuestro Foro de soporte.

:: CP - Recursos Web ::

Pixel

Pixel

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