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

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

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

.h3 {
color:#71a5d6;
}

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

.nav > ul {
background-color:#71a5d6;
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:#608fbc;
}

.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;
}

.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: 7px;
height:33px;
width:140px;
}

.footer {
background-color:#e4e4e4;
color:#2c2c2c;
border-top:4px solid #cdcdcd;
font-size: 14px;
text-align: center;
}

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

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

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

a:hover {
color: #4e4e4e;
}

.container {
box-shadow: none;
margin-top:10px;
background-color:#f3f3f3;
color:#6b6b6b;
}

.container td{
color:#4e4e4e;
}

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

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

button, html input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
background-color: #3c3c3c;
border-radius:5px;
border:none;
font-family:Cambria;
padding:5px 20px;
color:#fff;
margin:5px;
}

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

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