¡Registrate!
Jeannavarro
32
Jeannavarro Megauser
41 Posts 4418 Puntos

¡Cambiando el Estilo![By Jean]




¡Hola Megahouters!

Luego de un montón de tiempo sin crear posts, hoy les traigo algo que posiblemente a más de uno le guste.

¡Podrás cambiar el estilo de Megahout a tu gusto! ¿Que mejor que tener tu estilo favorito en tu página favorita?
¡Bueno, empecemos!

Primero que nada debes descargar la extensión Stylish en Google Chrome o Mozilla Firefox dependiendo de tu navegador preferido, en mi caso es Google Chrome.

Clic para descargar con Google Chrome

Clic para descargar con Mozilla Firefox


Luego de descargado e instalado haremos clic en la opción "Escribir un estilo para: megahout.com Esta URL" Estando en Megahout, OJO de lo contrario no saldrá.
Aclaro que el 1 en el icono de la extensión Stylish no les saldrá aún. Tampoco les saldrá el estilo Megahout by @Jeannavarro V.1.



Luego de realizar lo indicado nos enviará a otra página en la cual haremos lo siguiente:


Al realizar estos pasos, ya tendremos el 1 en el icono de la extensión de Stylish y automáticamente estará habilitado en Megahout.

Por favor, despliega el Spoiler para que puedas copiar y pegar el código del estilo
Les recomiendo no eliminar o modificar la descripción del código introducido en el código, ya que posee datos importantes por si se te ocurre realizar tu propio estilo.

/*¡Hola Megahouter! si estas viendo esto es porque estas interesado en cambiar el estilo, te recomiendo que tengas mucho cuidado con respecto al cambio del código, es aconsejable que si no sabes mucho acerca CSS solo modifiques los colores es decir los códigos que dicen #2574A9 < los números esos equivalen a un color los cuales los puedes buscar en google como "Colores Hexadecimales", recuerda que si vas a poner un nuevo color nunca falte el #  trata de mantener el mismo formato de todos los códigos solo cambiando los valores. Mi perfil por si tienes alguna duda > http://megahout.com/perfil/Jeannavarro
¡SALUDOS! */
/*V.1*/
#centro .box_title {
        background: #2574A9;
        border: 0px solid #2574A9;
        padding: 2px;
        box-shadow: 0px 0px 9px -1px;
    }
    #izquierda {
        float: left;
        height: auto;
        margin-bottom: 30px;
        padding: 4px;
        position: relative;
        width: 654px;
        box-shadow: 0px 0px 9px -1px;
    }
    #Paginacion a {
        background: #F2784B;
        border-radius: 4px 3px 3px 3px;
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        margin-right: 3px;
        padding: 12px 14px;
        text-decoration: none;
        transition-duration: 0.4s;
    }
    #menu {
        clear: left;
        width: 100%;
        background: rgb(37, 116, 169);
        text-align: center;
        color: #FFF;
        height: 31px;
        position: fixed;
        z-index: 98;
        margin-top: -33px;
    }
    #menu ul.menuTabs li.here {
        background: rgb(19, 19, 19) repeat-x scroll left top;
    }
    .menuTabs li a:hover {
        background: #207DBB;
        border-radius: 0px 0px 0px 0px;
    }
    ::selection {
        color: #FFFFFF;
        background: #2574A9;
    }
    #centro .box_cuerpo {
        background-color: white;
        border: 1px solid #ccc;
        border-top: none;
        box-shadow: 0px 0px 4px -1px;
    }
#Paginacion {
    padding-bottom: 10px;
    text-align: center;
}
.post-wrapper .post-autor.vcard {
    height: 46px;
    width: 979px;
    background-color: #2574A9;
    border-top: 1px solid #2574A9;
    margin: -13px -10px 0px -10px;
}
.titulorespuestas {
    background: none repeat scroll 0 0 #2574A9;
    border-top: 4px solid #4183D7;
    line-height: 36px;
    margin-top: 10px;
    padding: 0 10px;
    width: 728px;
    color: #fff;
    font-size: 13px;
}
.dar-puntos_info {
    background: #1BA39C;
    border: 1px solid #1BA39C;
    border-radius: 0px 0px 10px 0px;
    color: white !important;
    font-weight: normal !important;
    float: left;
    font-size: 12px;
    margin: 0px 0 0 0px;
    padding: 9px 10px;
    position: relative;
}
.dar-puntos a {
    border: 0px solid #1BA39C;
    border-radius: 0px 0px 0px 0px;
    color: #1BA39C;
    float: left;
    font-size: 12px;
    font-weight: normal;
    margin: -1px 0 0px -1px;
    padding: 10px 8px;
    position: relative;
    width: 15px;
    background: white;
    height: 15px;
}
.dar-puntos a:hover {
    color: white;
    text-decoration: none;
    background: #1BA39C;
}
.post-autor .box_cuerpo {
    width: 957px;
    margin: 5px 0 0 -2px;
    background: white;
    border: 1px solid #2574A9;
    border-top: none;
    float: left;
    border-left: none;
    border-right: none;
    display: none;
}
.post-autor a.box_title_user_avatar {
    width: 171px;
    display: block;
    float: left;
    height: 30px;
    background-color: #FFF;
    -webkit-border-radius: 30px 30px 0px 30px;
    overflow: hidden;
    border-top: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    margin: 6px 0 5px 5px;
}
.userInfoLogin ul li {
    float: left;
}
::-webkit-scrollbar-thumb {
    min-height: 19px;
    min-width: 9px;
    background-color: #2574A9;
}
.perfil-user .menu-tabs-perfil {
    float: right;
    background: #FFFFFF;
    width: 101%;
    height: 22px;
    border-top: 1px solid #2574A9;
    border-bottom: 1px solid #2574A9;
}
.mBtn.btnOk {
    background: #2574A9;
    border-radius: 1px;
    transition-duration: 0.6s;
    border: 1px solid #2574A9;
    font-family: sans-serif;
}
.mBtn.btnOk:hover {
    background: #238ED6;
    border-radius: 1px;
    border: 1px solid #2574A9;
    font-family: sans-serif;
}
.perfil-sidebar .title-w {
    padding: 3px 5px 2px;
    margin-bottom: 5px;
    color: white;
    border-top: 2px solid #2574A9;
    background: #2574A9;
    height: 20px;
}
.perfil-sidebar .title-w span {
    float: right;
    font-size: 12px;
    background: #FFFFFF;
    color: black;
    padding: 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 30px;
    height: 12px;
}
.perfil-user-banner {
    display: block;
    width: 971px;
    height: 23px;
    padding: 3px;
    background: #FFFFFF;
    border: 1px solid #D3D3D3;
    border-top: none;
}
.perfil-avatar img {
    background-color: #FFFFFF;
    border: 4px solid #FFFFFF;
    height: 120px;
    padding: 1px;
    width: 120px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 1px;
    box-shadow: 0px 0px 26px -3px #333;
}
.perfil-data .frase-personal {
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    margin-top: 2px;
    font-size: 13px;
    border: 1px solid #2574A9;
    background-color: #2574A9;
    border-radius: 3px;
    height: 22px;
    padding: 6px 0px 1px 5px;
}
.lastPosts .categoriaPost .title:hover {
    color: #F2784B;
}
#izquierda .lastPosts .header {
    padding: 2px 2px 9px 0px;
    background: #2574A9;
    width: 670px;
    box-shadow: 0px 0px 9px -1px;
    margin: -9px;
}
.box_title {
    background: rgb(37, 116, 169);
    border: 0px solid #2574A9;
    height: 25px;
    padding: 2px;
}
#goTop {
    width: 40px;
    height: 40px;
    background: #2574A9;
    border-radius: 10%;
    text-align: center;
    line-height: 50px;
    font-size: 30px;
    color: #F5F5F5;
    display: block;
    overflow: hidden;
    position: relative;
    box-shadow: 0 3px 1px rgba(25, 26, 27, 0.33);
}
#goTopBackground {
    position: absolute;
    left: -10%;
    top: 100%;
    width: 120%;
    height: 120%;
    background: rgb(37, 116, 169);
}
#ult_comm li {
    height: 15px;
    overflow: hidden;
}

El código digamos que esta en su versión 1, ya que faltan algunas cosas para modificar para que quede mucho mejor Megahout.

¡Felicidades ya tienes tu nuevo estilo!


Si tienes dudas, pregunta
Gracias por pasarte por aquí, ¡saludos!

7 Comentarios


Cargando comentarios, espera un momento...
No tienes permisos para comentar.

Para poder comentar necesitas estar registrado ¡Únete!