Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Skins Mobiles

+10
Tecko
IonutzD
EpochZ124
masterforum
deaneo8
duuuwh
Shurek
Mr.JoOnG
Tech-Downloads
Cepheus
14 participantes

Início :: Forumeiros :: NostalgiaSkins Mobiles

Cepheus Cepheus  • Ter 28 Abr 2015 - 20:50

Skins Mobiles Empty Skins Mobiles Ter 28 Abr 2015 - 20:50

Reputação da mensagem: 100% (22 votos)
Se você está cansado da versão padrão,
Aqui serão postados modificações feitas na skin padrão [versão mobile].
De inicio serão postado 5 modelos diferentes, e posteriormente serão postado mais.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] 
Ilustração tema padrão mobile


Basta adicionar na sua folha de estilo css um dos códigos abaixo:

Modelo 1:

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[poll]
Código:
/*inicio Versão Mobile*/
.forabg { margin-bottom: 10px } .mobile_item { margin: 0; border: 1px solid #EEEEEF; border-bottom-color: #e3ebf1!important; border-right: 0; border-left: 0; padding: 0.5em 0; font-size: 0.8em; background: #FBFEFF url(http://i.imgur.com/oH0Rlpr.png#row_gradient)!important; } .forum_no_new, .cat_no_new { background: url(http://i.imgur.com/EBCS6gK.png#status) no-repeat scroll 0 50%!important; } .forum_new, .cat_new { background: url(http://i.imgur.com/epMc9YO.png#status_unread) no-repeat scroll 0 50%!important; } .cat_locked { background: url(http://i.imgur.com/HBhDZTo.png) no-repeat scroll 0 50%; } .folder_no_new { background: url(http://i.imgur.com/CLdN1n5.png) no-repeat scroll 10px 50%; } .folder_new { background: url(http://i.imgur.com/CSiDR63.png) no-repeat scroll 10px 50%; } #mpage-body { background: #0D202E url(http://i.imgur.com/b6UUM8F.jpg) no-repeat 50% 0!important; } .mobile_title.application_header { background: #0D202E url(http://i.imgur.com/b6UUM8F.jpg) no-repeat 50% 0!important; } .mobile_title { font-size: 0.9em; height: 29px; position: relative; padding: 2px 0; background: transparent!important; border-top: 0px solid #000!important; } .mobile_set { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #0F2D3D; background-image: url(http://i.imgur.com/Artnn15.png), url(http://i.imgur.com/UKH4F6I.png#maintitle)!important; background-repeat: no-repeat, repeat-x!important; border: 1px solid #0F2D3D; border-radius: 3px; color: #F7FDFF; font-weight: 300; margin-bottom: 2px; overflow: hidden; padding: 8px 9px; text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0; } .postbody .post_header { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #0F2D3D; background-image: url(http://i.imgur.com/Artnn15.png), url(http://i.imgur.com/UKH4F6I.png#maintitle)!important; background-repeat: no-repeat, repeat-x!important; border: 1px solid #0F2D3D; border-radius: 3px; color: #F7FDFF; font-weight: 300; margin-bottom: 2px; overflow: hidden; padding: 8px 9px; text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0; } div[style="padding-top:33px;"] .post { padding: 0 0 1em; line-height: 1.3em; margin: 0; font-size: 0.8em; background: none #FFFFFF; background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF), color-stop(1, white)); background: -moz-linear-gradient(top, #DBDBDD, #B4B4B8); background: -ms-linear-gradient(top, #DBDBDD, #B4B4B8); }
/*fim Versão Mobile*/
[/poll]
Modelo 2:

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[poll]
Código:
/*inicio Versão Mobile */
.forabg { margin-bottom: 10px } .mobile_item { margin: 0; border: 1px solid #EEEEEF; border-bottom-color: #f3f3f3!important; border-right: 0; border-left: 0; padding: 0.5em 0; font-size: 0.8em; background: #fff!important; } .forum_no_new, .cat_no_new { background: url(http://i.imgur.com/OBSSsXM.png) no-repeat scroll 0 50%!important; } .forum_new, .cat_new { background: url(http://i.imgur.com/OBSSsXM.png) no-repeat scroll 0 50%!important; } .cat_locked { background: url(http://i.imgur.com/OBSSsXM.png) no-repeat scroll 0 50%; } #mpage-body { background: #323232 url(http://ipbskinning.com/demoboard/public/style_images/sylopro/background.png) no-repeat 50% 0!important; } .mobile_title.application_header { background: #323232 urlhttp://ipbskinning.com/demoboard/public/style_images/sylopro/background.pn) no-repeat 50% 0!important; } .mobile_title { font-size: 0.9em; height: 29px; position: relative; padding: 2px 0; background: transparent!important; border-top: 0px solid #000!important; } .mobile_set { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #323232; background:url(http://ipbskinning.com/demoboard/public/style_images/sylopro/background.png) repeat -515px 0 !important; background-repeat: no-repeat, repeat-x!important; border: 1px solid #0F2D3D; border-radius: 3px; color: #F7FDFF; font-weight: 300; margin-bottom: 2px; overflow: hidden; padding: 8px 9px; text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0; } .postbody .post_header { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #323232; background:url(http://ipbskinning.com/demoboard/public/style_images/sylopro/background.png) repeat -515px 0 !important; background-repeat: no-repeat, repeat-x!important; border: 1px solid #0F2D3D; border-radius: 3px; color: #F7FDFF; font-weight: 300; margin-bottom: 2px; overflow: hidden; padding: 8px 9px; text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0; }div[style="padding-top:33px;"] .post { padding: 0 0 1em; line-height: 1.3em; margin: 0; font-size: 0.8em; background: none #FFFFFF; background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF), color-stop(1, white)); background: -moz-linear-gradient(top, #DBDBDD, #B4B4B8); background: -ms-linear-gradient(top, #DBDBDD, #B4B4B8); }
/* fim Versão Mobile*/
[/poll]
Modelo 3:

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[poll]
Código:
/*inicio Versão Mobile */
 .forabg { margin-bottom: 10px } .mobile_item { margin: 0; border: 1px solid #EEEEEF; border-bottom-color: #f3f3f3!important; border-right: 0; border-left: 0; padding: 0.5em 0; font-size: 0.8em; background: #fff!important; } .forum_no_new, .cat_no_new { background: url(http://virteq.com/public/style_images/bulletin/f_icon_read.png) no-repeat scroll 0 50%!important; } .forum_new, .cat_new { background: url(http://virteq.com/public/style_images/bulletin/f_icon.png) no-repeat scroll 0 50%!important; } .cat_locked { background: url(http://i.imgur.com/OBSSsXM.png) no-repeat scroll 0 50%; } #mpage-body { background: #eee url(http://virteq.com/public/style_images/bulletin/bg.gif)!important; } .mobile_title.application_header { background:#506881!important; } .mobile_title { font-size: 0.9em; height: 29px; position: relative; padding: 2px 0; background: rgb(80, 104, 129)!important; border-top: 0px solid #000!important; } .mobile_set { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #323232; background: #506881 url(http://virteq.com/public/style_images/bulletin/maintitle.png) no-repeat bottom left!important; background-repeat: no-repeat, repeat-x!important; border: 0px solid #0F2D3D; border-radius: 3px; color: #F7FDFF; font-weight: 300; margin-bottom: 2px; overflow: hidden; padding: 8px 9px; text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0; } .postbody .post_header { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #323232; background: #506881 url(http://virteq.com/public/style_images/bulletin/maintitle.png) no-repeat bottom left!important; background-repeat: no-repeat, repeat-x!important; border: 0px solid #0F2D3D; border-radius: 3px; color: #F7FDFF; font-weight: 300; margin-bottom: 2px; overflow: hidden; padding: 8px 9px; text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0; }div[style="padding-top:33px;"] .post { padding: 0 0 1em; line-height: 1.3em; margin: 0; font-size: 0.8em; background: none #FFFFFF; background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF), color-stop(1, white)); background: -moz-linear-gradient(top, #DBDBDD, #B4B4B8); background: -ms-linear-gradient(top, #DBDBDD, #B4B4B8); }
/* fim Versão Mobile*/
[/poll]
Modelo 4:

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[poll]
Código:
/*inicio Versão Mobile*/
.forabg { margin-bottom: 10px } .mobile_item { margin: 0; border: 1px solid #37424B; border-top: 1px solid #37424B; border-bottom: 1px solid #101C26; border-right: 0; border-left: 0; padding: 0.5em 0; font-size: 0.8em; background: #212F3A!important; } .mobile_subtitle{ color: #6aa3a8!important;text-shadow:none!important} .mobile_comment,.mobile_comment{ color: #7f8b94!important;text-shadow:none!important} .forum_no_new, .cat_no_new { background: url(http://virteq.com/public/style_images/deviant3/f_icon_read.png) no-repeat scroll 0 50%!important; } .forum_new, .cat_new { background: url(http://virteq.com/public/style_images/deviant3/f_icon.png) no-repeat scroll 0 50%!important; } .cat_locked { background: url(http://virteq.com/public/style_images/deviant3/f_icon.png) no-repeat scroll 0 50%; } .folder_no_new { background: url(http://i.imgur.com/CLdN1n5.png) no-repeat scroll 10px 50%; } .folder_new { background: url(http://i.imgur.com/CSiDR63.png) no-repeat scroll 10px 50%; } #mpage-body { background: #0D161F!important; } .mobile_title.application_header { background: url(http://i.imgur.com/CHZyDK4.png) repeat-x scroll 0 0 #1F2135!important; border-bottom: 1px solid #12131F; } .mobile_title { font-size: 0.9em; height: 29px; position: relative; padding: 2px 0; background: transparent!important; border-top: 0px solid #000!important; } .mobile_set, .postbody .post_header { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #0D161F; background-image: url(http://virteq.com/public/style_images/deviant3/cat_right.png)!important; background-repeat:repeat-x!important; border: 1px solid #0F2D3D; border-radius: 3px; color: #F7FDFF; font-weight: 300; margin-bottom: 2px; overflow: hidden; padding: 8px 9px; text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0; }div[style="padding-top:33px;"] .post { color: #BFCAD3; background: #212F3A!important; } .post a { color: #6aa3a8; }
/*fim Versão Mobile*/
[/poll]
Modelo 5:

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[poll]
Código:
/*inicio Versão Mobile*/
#mpage-body { background: #e0e0e0!important; } div#top { width: 100%; margin: 0 auto; background: #FFFFFF!important; } #top:before { content:"Best Skins"; width:100%; height: 50px; margin-top: -50px; text-align: center; color: #fff; font-size: 24px; position: absolute; background-color: #2A80B9; background-image: url(http://i.imgur.com/HRFBVbj.png), url(http://i.imgur.com/oMtNXFJ.png); background-repeat: repeat!important; } .forabg { margin-bottom: 10px } .mobile_item { margin: 0; border: 1px solid #EEEEEF; border-bottom: 1px solid #EAEAEA!important; border-top: 1px solid #FFFFFF!important; border-right: 0; border-left: 0; padding: 0.5em 0; font-size: 0.8em; background:#f7f7f7; } .mobile_item:nth-child(odd) { background: #f7f7f7!important; } .mobile_item:nth-child(even) { background: #f2f2f2!important; } .forum_no_new, .cat_no_new { background: url(http://i.imgur.com/EBCS6gK.png#status) no-repeat scroll 0 50%!important; } .forum_new, .cat_new { background: url(http://i.imgur.com/epMc9YO.png#status_unread) no-repeat scroll 0 50%!important; } .cat_locked { background: url(http://i.imgur.com/HBhDZTo.png) no-repeat scroll 0 50%; } .folder_no_new { background: url(http://i.imgur.com/CLdN1n5.png) no-repeat scroll 10px 50%; } .folder_new { background: url(http://i.imgur.com/CSiDR63.png) no-repeat scroll 10px 50%; } .mobile_title.application_header { background: #202329 url(http://i.imgur.com/DqYrl7a.png) repeat-x 0 0!important; margin-top: 50px; position:relative; } p.mobile_title_content { color: #000!important; } .mobile_title { font-size: 0.9em; height: 29px; position: relative; padding: 2px 0; background: transparent!important; border-top: 0px solid #000!important; } .mobile_prev_button, .mobile_next_button { background: #202329 url(http://i.imgur.com/DqYrl7a.png) repeat-x 0 0!important; } .mobile_set, .postbody .post_header { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #0F2D3D; background: #22242D!important; border-bottom: 3px solid #2A80B9!important; border-radius: 0px; color: #F7FDFF; font-weight: 300; margin-bottom: 2px; overflow: hidden; padding: 8px 9px; text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0; }div[style="padding-top:33px;"] .post { padding: 0 0 1em; line-height: 1.3em; margin: 0; font-size: 0.8em; background: none #FFFFFF; margin: 0; font-size: 0.8em; background: none #FFFFFF; background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF), color-stop(1, white)); background: -moz-linear-gradient(top, #DBDBDD, #B4B4B8); background: -ms-linear-gradient(top, #DBDBDD, #B4B4B8); }
/*fim Versão Mobile*/
[/poll]

Tech-Downloads Tech-Downloads  • Ter 28 Abr 2015 - 23:09

Skins Mobiles Empty Re: Skins Mobiles Ter 28 Abr 2015 - 23:09

Eu Gostei do 4 Modelo ficou simples e bonito para o Mobile

Mr.JoOnG Mr.JoOnG  • Qua 29 Abr 2015 - 2:04

Skins Mobiles Empty Re: Skins Mobiles Qua 29 Abr 2015 - 2:04

Reputação da mensagem: 100% (1 votos)
wow !!! nice !

Shurek Shurek  • Sex 8 maio 2015 - 21:48

Skins Mobiles Empty Re: Skins Mobiles Sex 8 maio 2015 - 21:48

muiito bom cara isso ajuda muito nice !

duuuwh duuuwh  • Qui 18 Jun 2015 - 10:40

Skins Mobiles Empty Re: Skins Mobiles Qui 18 Jun 2015 - 10:40

Obrigado pela disponibilização.

deaneo8 deaneo8  • Sáb 20 Jun 2015 - 9:55

Skins Mobiles Empty Re: Skins Mobiles Sáb 20 Jun 2015 - 9:55

nice skin keep up the good work

deaneo8 deaneo8  • Sáb 20 Jun 2015 - 10:09

Skins Mobiles Empty Re: Skins Mobiles Sáb 20 Jun 2015 - 10:09

i cant see code why why why why

masterforum masterforum  • Qua 24 Jun 2015 - 0:09

Skins Mobiles Empty Re: Skins Mobiles Qua 24 Jun 2015 - 0:09

obrigado pensei que nunca alguém iria publicar algo do tipo.

deaneo8 deaneo8  • Qua 24 Jun 2015 - 12:48

Skins Mobiles Empty Re: Skins Mobiles Qua 24 Jun 2015 - 12:48

nice topic keep it up eep it up

EpochZ124 EpochZ124  • Sex 3 Jul 2015 - 16:35

Skins Mobiles Empty Re: Skins Mobiles Sex 3 Jul 2015 - 16:35

Gostei ,. das skins do mobile  Very Happy 
like

IonutzD IonutzD  • Qui 9 Jul 2015 - 16:39

Skins Mobiles Empty Re: Skins Mobiles Qui 9 Jul 2015 - 16:39

nice topic keep it up eep it up

Tecko Tecko  • Sáb 11 Jul 2015 - 2:58

Skins Mobiles Empty Re: Skins Mobiles Sáb 11 Jul 2015 - 2:58

Nice skins. Good job. Congrats for your work.

CiprianIulian CiprianIulian  • Sáb 11 Jul 2015 - 8:08

Skins Mobiles Empty Re: Skins Mobiles Sáb 11 Jul 2015 - 8:08

very good works! thx !Smile

x[C]oder x[C]oder  • Sáb 11 Jul 2015 - 19:08

Skins Mobiles Empty Re: Skins Mobiles Sáb 11 Jul 2015 - 19:08

Gostei, muito! para desenvolver os temas mobiles você usa:
@mediaqueries {} 
? , e se puder faça um tutorial de como desenvolver uma skin para pc e também responsivo para que não sabe creio que isso sanaria metade das dúvidas que se tem por aqui.

BlueTM BlueTM  • Dom 12 Jul 2015 - 7:03

Skins Mobiles Empty Re: Skins Mobiles Dom 12 Jul 2015 - 7:03

  Me surpreendeu muito, muito obrigado mesmo, parabéns pelo Belo trabalho!

Diapt Diapt  • Seg 13 Jul 2015 - 18:19

Skins Mobiles Empty Re: Skins Mobiles Seg 13 Jul 2015 - 18:19

São prefeitos, agora é na hora de editar Mobile

Conteúdo patrocinado  • 

Skins Mobiles Empty Re: Skins Mobiles

Início :: Forumeiros :: Nostalgia:: Skins Mobiles
Permissões neste sub-fórum
Não podes responder a tópicos