Manuscript
INFORMACIÓN
Diseño adaptable?: No
Fecha: 2013-10-03
Creditos: https://www.free-css.com
Diseño para: Css Design
Garantia: SI ?
Nota: Manuscript es un diseño muy bien hecho por los amigos de frecss.com, el tiene aspecto de manuscrito, ideal para paginas de literatura.
- Codigo 01: TEXTO SOBRE EL DISEÑO
Copiar codigo
- Codigo 03: CSS-Code
/*
Diseño por: https://www.free-css-templates.com
Adaptación por: https://cssplantillas.es.tl
Nombre: Manuscript
*/
#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 { margin:5px 0; padding:0; font: 12px georgia; color:#000;line-height: 1.4em;background:#575757;}
.cont {color:#3B2A0A;margin:0 auto;padding:0;width:825px;
background: url("https://img.webme.com/pic/c/cssplantillas/manuscript1.jpg") repeat-y center bottom;}
#head { background: url("https://img.webme.com/pic/c/cssplantillas/manuscript2.jpg") no-repeat; width: 825px; height: 213px; color: #3B2A0A; }
#head h1 {font:bold 4em georgia;color: #333; line-height: 1em;}
#head h3 {font: bold 2em georgia;color: #444;}
#head .titlev { padding: 60px 0 0 60px; }
#main { background: url("https://img.webme.com/pic/c/cssplantillas/manuscript3.jpg") no-repeat top; height: 353px; margin: 0; padding: 0 }
#main .center { width: 550px; float: right; padding: 0 60px 0 0px; }
#main h2 { background-color: inherit; color: #85621E; line-height: 0.2em; }
#main h3 { font: 12 georgia bold; margin: 0 0 10px 0; padding: 0; color: #5f5f5f; background: inherit; }
.leftmenu { width: 120px; float: left; padding: 0; padding: 0 0 0 40px; }
.padding { padding: 15px; }
.img { background: #FFF; float: left; padding: 1px; margin: 5px 8px 5px 0; color: #333; border: 1px solid #e0e0e0; }
#prefooter { background: url("https://img.webme.com/pic/c/cssplantillas/manuscript4.jpg") no-repeat; color: #85621f; height: 190px; text-align: left; clear: both; padding: 0px; margin: 0; }
#prefooter .particles { float: right; width: 300px; padding: 20px 30px 0 0; background: transparent }
#prefooter .comments { width: 270px; padding: 20px 0px 0 0px; float: right; background: transparent }
#footer { background: url("https://img.webme.com/pic/c/cssplantillas/manuscript5.jpg") no-repeat; color: #8f8f8f; height: 44px; text-align: right; font-size: 90%; clear: both; padding: 0; margin: 0;}
#footer .padding { padding: 20px 60px 0 0; }
#footer hr { width: 740px; color: #888; border: 1px solid #f0f0f0; margin: 0 25px 0 25px; }
#footer a {color: #999; text-decoration:none; }
#footer a:hover {text-decoration: underline; color: #FFF;}
.nav { clear: both; text-align: left; color: #85621E; padding: 20px 0 0 0; }
.nav li {font-weight: bold; margin: 0 0 8px 0; padding: 0 0 0 5px; border-bottom: 1px solid #D2B881 }
.nav li a {color: #333; text-decoration: none; }
.nav li a:hover {color: #95722E; text-decoration:undeline;}
.boxads { background: #E7EDF0; padding: 5px; border: 1px solid #999; color: #333; }
p {margin: 0 0 5px 0;padding:0;color:#555;background: inherit;}
hr { border: 0; height: 1px;color:#eee;background-color:#eee;}
a {color: #0F5B7F; background: inherit;text-decoration:none;}
a:hover {background: inherit;text-decoration: underline;}
h1 { padding:0;margin:0;color: #0F5B7F;background: inherit;font: bold 1.8em Arial, Sans-Serif; letter-spacing: -1px; }
h1 a {color: #0F5BFF; background: inherit;}
h2 { background-color: inherit;color:#85621E;font-size:140%;font-weight:bold;margin:10px 0 10px 0;padding:0;}
h2 a { color: #85621E; }
h2 a:hover {color: #BD9C5C; text-decoration: none;}
ul {margin: 5px 0 20px 15px;padding:0;list-style:none;}
li {list-style-type: none;color: #F29900;margin: 0 0 0px 0;padding: 0 0 0 0px; }
li a {color: #546078;}
li a:hover {color: #333;}
#webme_footer_textlink_dont_hide {color:#999;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)
[ CLICK PARA VER TUTORIAL ]
NOTAS:
Solo debes editar donde lo indica el script.
- Para cualquier consulta visita nuestro
Foro de soporte .