VISTA PREVIA

 

---

Código css

Debes copiar y pegar el siguiente código en "Texto por debajo de la página".

<style type="text/css">
body {
background-color:#282828;
background-image:url("");
font-size:14px;
font-family: "Open Sans",sans-serif;
}

.header {
text-transform:none;
font-weight: bold;
font-size:14px;
border: 0px;
height:auto;
background-color:#282828;
background-image:url("");
letter-spacing: -0.5pt;
}

.title {
background-repeat:no-repeat;
padding:0px;
height: 265px;
color:#3c3c3c;
letter-spacing: -0.5pt;
background-image:url("https://img.webme.com/pic/n/nesbet/webnews.png");
text-align:center;
background-position: center;
}

.h3 {
color:#71a5d6;
}

.nav {
font-size: 14px;
padding-bottom: 0px;
float: left;
width: 900px;
}

.nav > ul {
background-color:#ec5d2b;
box-shadow: none;
z-index: 2;
float: left;
width: 100%;
position: relative;
top: 0px;
height:41px;
border-top:4px solid #bb3923;
letter-spacing: -0.2pt;
font-weight: bold;
}

.nav > ul > li {
height: 37px;
padding:8px 24px;
}

.nav > ul > li > ul {
left: 0px;
top: 37px;
visibility: hidden;
width:150%;
}

li:hover {
background-color:#bb3923;
}

.nav > ul > li > ul > li {
background-color:#dcdcdc;
}

.nav > ul > li > ul > li a, .nav > ul > li > ul > li a:active, .nav > ul > li > ul > li a:visited {
color:#6a6a6a;
font-size:12px;
}

.nav > ul > li > ul > li a:hover {
color:#6a6a6a;
}

.nav > ul > li > ul > li:hover {
background:#e8e8e8;
}

.nav a:hover, .nav a:active {
color:#fff;
}

#likeButton {
float:left;
background-color:#3c3c3c;
padding-top: 8px;
height: 41px;
width:140px;
}

.footer {
background-color:#181818;
color:#c7c7c7;
border-top:none;
font-size: 14px;
text-align: center;
}

.footer > a, a:visited {
color:#fff;
font-weight:bold;
text-decoration: none;
}

.footer > a:hover {
color: #ec932b;
text-decoration: underline;
}

a, a:visited {
color:#ec5d2b;
font-weight:bold;
}

a:hover {
color: #ec932b;
}

.container {
box-shadow: none;
margin-top:10px;
background-color:#434343;
color:#ababab;
margin-bottom:30px;
}

.container td{
color:#c7c7c7;
}

.content {
background-color: #202020;
color: #c7c7c7;
width:800px;
}

.widgets {
width: 240px;
padding: 15px;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
background-color: #ec5d2b;
border-radius:5px;
border:none;
font-family:Verdana;
padding:5px 20px;
color:#fff;
margin:5px;
letter-spacing: -0.5pt;
}

button:hover, html input[type="button"]:hover, input[type="reset"], input[type="submit"]:hover {
background-color: #ec932b;
}

hr {
border-color:#424242;
}
</style>

---

Recomendaciones

• Es necesario dejar vació el campo "Título de tu página web" ubicado en los Ajustes de Diseño.
• Si desea cambiar el logo del diseño, debe simplemente cambiar la url (señalada con color verde) por el de su imagen.
• El contenido del box derecho se agrega y/o se edita desde "Configuraciones avanzadas".