Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje09-06-2016, 03:51 (UTC)    
Título del mensaje: [CSS] Skin/Diseño móvil para tu web

Hola!

Me puse a jugar con PWG un rato y aqui traigo un diseño movil que se adapta perfectamente a cualquier dispositivo.

Vista Previa:

http://img.webme.com/pic/d/design-pwg/dise%C3%B1omovil.png

Codigo:
Código:

<link href='https://fonts.googleapis.com/css?family=Oleo+Script+Swash+Caps:400,700' rel='stylesheet' type='text/css'>
<style>
.ui-mobile .ui-header {
    background: rgb(68, 51, 68) none repeat scroll 0% 0%;
}

.ui-icon {
    width: 54px !important;
    background-image: none !important;
}

.ui-btn-icon-notext .ui-btn-text {
    position: absolute;
    left: 0px !important;
    top: 1px;
    height: 50px;
    font-family: 'Oleo Script Swash Caps', cursive;
    color: #ffffff;
    font-size: 16px;
 }

.ui-btn-icon-notext .ui-btn-inner {
    width: 60px;
}

.ui-btn-icon-right>.ui-btn-inner>.ui-icon {
    display:none
}

.ui-header-fixed>.ui-btn-icon-notext {
    top: 12px !important;
}

.ui-panel-inner .ui-btn-text {
    background: #665566;
}

.ui-content {
    background-attachment: fixed;
    background-color: white;
    background-size: cover;
    background-image: url(http://img.webme.com/pic/p/pruebas-designpwg/fondo.jpg);
    background-position: top center;
    background-repeat: no-repeat;
}

.ui-content {
    color: white;
}

.ui-content p {
    background: black;
    opacity: 0.5;
    padding: 5px;
}

.ui-body-c, .ui-overlay-c {
    border: 1px solid #aaa;
    color: white;
    text-shadow: none !important
}

#nav-panel {
    background: url(http://img.webme.com/pic/p/pruebas-designpwg/blanco.png) !important;
}
.footer {
    background: gray;
}
</style>


AVISO: EL CÓDIGO DEBE SER PEGADO EN EL EXTRA "CONTENIDO DE TU HEAD"

Saludos!
Moderador Design-PWG.
______________

10 años ayudando a PWG.

Soporte PWG: ayuda@paginawebgratis.es
Reportes: support-es@webme.com
Mensaje18-06-2016, 01:15 (UTC)    
Título del mensaje:

Buenisimo!
Muy bien design-pwg!
lo probe y se ve muy bien!

Saludos!
______________
CssPlantillas - Moderador Paginawebgratis.es

SIGUENOS EN REDES SOCIALES:
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group