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:#1a1a1a;
background-image:url("");
font-size:14px;
}

.header {
text-transform: uppercase;
letter-spacing: 2px;
font-weight: bold;
border: 0px;
height:auto;
background-color:#1a1a1a;
background-image:url("");
}

.title {
background-image:url("https://img.webme.com/pic/d/design-adri/logo.png");
background-repeat:no-repeat;
padding:0px;
height: 80px;
}

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

.nav > ul {
background-color:#47b06f;
box-shadow: none;
z-index: 2;
float: left;
width: 100%;
position: relative;
top: 0px;
height: 33px;
}

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

li:hover {
background-color:#3e9c62;
}

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

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

#likeButton {
float:left;
background-color:#475bb0;
padding-top: 7px;
height:33px;
width:140px;
}

.footer {
background-color:#b7b7b7;
color:#2c2c2c;
border-top:5px solid #47b06f;
}

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

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

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

a:hover {
color: #4e4e4e;
}

.container {
box-shadow: none;
margin-top:30px;
}

.content {
background-color: #ececec;
color: #4e4e4e;
width:800px;
}

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

</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".