ArtigosComo fazer pro logo se movimenta ?
5 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Como fazer pro logo se movimenta ?
por Ant_UndeaD 27.01.13 23:51
Qual é minha questão:
Eu Tava Procurando Uns Temas Pra Cria Um Forum e Vi Esse Aki:
http://demo.nicetheme.com/forum?theme_id=189239
E Queria Bota No Meu Forum o Bagui De Movimenta o Logo Do Forum.
Endereço do meu fórum:
http://familywhistle.forumeiros.com
Versão do fórum:
PHPBB3
Eu Tava Procurando Uns Temas Pra Cria Um Forum e Vi Esse Aki:
http://demo.nicetheme.com/forum?theme_id=189239
E Queria Bota No Meu Forum o Bagui De Movimenta o Logo Do Forum.
Endereço do meu fórum:
http://familywhistle.forumeiros.com
Versão do fórum:
PHPBB3
Última edição por Ant_UndeaD em 28.01.13 18:31, editado 1 vez(es)
Ant_UndeaD- *****
- Membro desde : 27/10/2012
Mensagens : 423
Pontos : 625 -
Re: Como fazer pro logo se movimenta ?
por Hilary Killer 27.01.13 23:55
Manda o link da instalação do theme? Sem demo?
Hilary Killer- ****
- Membro desde : 02/09/2011
Mensagens : 224
Pontos : 373
Re: Como fazer pro logo se movimenta ?
por Ant_UndeaD 28.01.13 0:15
Hilary Killer escreveu:Manda o link da instalação do theme? Sem demo?
Ih ??
Ant_UndeaD- *****
- Membro desde : 27/10/2012
Mensagens : 423
Pontos : 625 -
Ant_UndeaD- *****
- Membro desde : 27/10/2012
Mensagens : 423
Pontos : 625 -
Re: Como fazer pro logo se movimenta ?
por Evidaaηc 28.01.13 14:11
manda o link do tema sem ser no preview
Evidaaηc- Membro
- Membro desde : 06/07/2012
Mensagens : 706
Pontos : 966 -
Re: Como fazer pro logo se movimenta ?
por Roevs 28.01.13 14:16
Olá,
Adiciona este código em sua Folha de estilo CSS
Vermelho : Substitua pela URL da logo do seu fórum
Até
Adiciona este código em sua Folha de estilo CSS
#logo:hover {
-webkit-transform: translate(60px);
background: url(URLDALOGO) 0px 0px;
}
Vermelho : Substitua pela URL da logo do seu fórum
Até
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Re: Como fazer pro logo se movimenta ?
por Ant_UndeaD 28.01.13 15:40
Quakeline Sem Resultados Com Esse Codigo
Ant_UndeaD- *****
- Membro desde : 27/10/2012
Mensagens : 423
Pontos : 625 -
Re: Como fazer pro logo se movimenta ?
por Roevs 28.01.13 15:51
Olá,
Tente este código
Até
Tente este código
- Código:
a#logo:hover {
-webkit-transform: translate(60px);
background: url(URLDALOGO) 0px 0px;
}
Até
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Ant_UndeaD- *****
- Membro desde : 27/10/2012
Mensagens : 423
Pontos : 625 -
Re: Como fazer pro logo se movimenta ?
por Roevs 28.01.13 16:14
Olá,
Tente este
Até
Tente este
- Código:
a#logo:hover {
-webkit-transform: translate(60px)!important;
background: url(URLDALOGO) 0px 0px!important;
}
Até
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Ant_UndeaD- *****
- Membro desde : 27/10/2012
Mensagens : 423
Pontos : 625 -
Re: Como fazer pro logo se movimenta ?
por Roevs 28.01.13 16:41
Olá,
Tente este
Tente este
- Código:
.headerbar:hover {
-webkit-transform: translate(60px)!important;
background: url(URLDALOGO) 0px 0px!important;
}
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
weberth.souza- ***
- Membro desde : 03/10/2012
Mensagens : 131
Pontos : 201 -
Re: Como fazer pro logo se movimenta ?
por Ant_UndeaD 28.01.13 17:15
Esse codigo ai buga o logo Quakeline Olha COmo Fico :
https://2img.net/h/oi47.tinypic.com/2itlrew.jpg
https://2img.net/h/oi47.tinypic.com/2itlrew.jpg
Ant_UndeaD- *****
- Membro desde : 27/10/2012
Mensagens : 423
Pontos : 625 -
Re: Como fazer pro logo se movimenta ?
por Roevs 28.01.13 17:23
Olá,
Poderia me passar sua Folha de estilo CSS com o código adicionado
Até
Poderia me passar sua Folha de estilo CSS com o código adicionado
Até
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Re: Como fazer pro logo se movimenta ?
por Ant_UndeaD 28.01.13 17:53
Ai Quakeline
- Código:
.module {
border: 2px solid black !important;
}
span[style="color:#D60000"] strong{text-decoration:line-through}
a[href="/u56"]{background:url(http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif)}
a[href="/u140"]{background:url(http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif)}
a[href="/u7"]{background:url(http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif)}
.lastpost{
margin: 3px;
width : auto;
border : 2px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 8px #666;
-webkit-box-shadow : 0 0 8px #666;
box-shadow : 0 0 8px #666;
}
.header .lastpost{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.TabbedPanels {
margin: 0px;
padding: 0px;
float: left;
clear: none;
width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.TabbedPanelsTabGroup {
margin: 0px;
padding: 0px;
}
.TabbedPanelsTab {
position: relative;
top: 1px;
float: left;
padding: 4px 10px;
margin: 0px 1px 0px 0px;
font: bold 0.7em sans-serif;
background-color: #DDD;
list-style: none;
border-left: solid 1px #CCC;
border-bottom: solid 1px #999;
border-top: solid 1px #999;
border-right: solid 1px #999;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
}
.TabbedPanelsTabHover {
background-color: #CCC;
}
.TabbedPanelsTabSelected {
background-color: #EEE;
border-bottom: 1px solid #EEE;
}
.TabbedPanelsTab a {
color: black;
text-decoration: none;
}
.TabbedPanelsContentGroup {
clear: both;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
border-top: solid 1px #999;
border-right: solid 1px #999;
background-color: #EEE;
}
.TabbedPanelsContent {
padding: 4px;
}
.TabbedPanelsContentVisible {
}
.VTabbedPanels .TabbedPanelsTabGroup {
float: left;
width: 10em;
height: 20em;
background-color: #EEE;
position: relative;
border-top: solid 1px #999;
border-right: solid 1px #999;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
}
.VTabbedPanels .TabbedPanelsTab {
float: none;
margin: 0px;
border-top: none;
border-left: none;
border-right: none;
}
.VTabbedPanels .TabbedPanelsTabSelected {
background-color: #EEE;
border-bottom: solid 1px #999;
}
.VTabbedPanels .TabbedPanelsContentGroup {
clear: none;
float: left;
padding: 0px;
width: 30em;
height: 20em;
}
body, a, a:hover {cursor: url(http://cur.cursors-4u.net/user/use-1/use109.cur), progress;}
a[href="/u1"] {
text-shadow: 0px 0px 5px #FF0000;
}
a[href="/u140"] {
text-shadow: 0px 0px 5px #0000FF;
}
#username_reg {
border:2px solid red!important;
}
#username_reg.okusername {
border:2px solid green!important;
}
background-color: #1E90FF;
background-image: url(http://i21.servimg.com/u/f21/16/31/11/28/sem_ta12.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: bottom right;
background-position: 2px 10px;
color: #1E90FF !important;
color: 10pt;
font-family Verdana,Arial,Helvetica,sans-serif;
#chatbox_header
h2.chatbox-title a.chat-title
#chatbox_main_options a
#chatbox_members
#chatbox
.chatbox_row_1
.chatbox_row_2
.chatbox_row_3
#chatbox_footer
#chatbox {
background-image: url(http://i21.servimg.com/u/f21/16/31/11/28/sem_ta12.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}
/* RANKS */
a[href="/g1-administradores"] {
text-shadow:0px 2x 13px #C91A23;
}
a[href="/g2-fundador"] {
text-shadow:0px 1px 10px #000099;
}
a[href="/g3-dono"] {
text-shadow:0px 1px 10px #2BE69B;
}
a[href="/g4-sub-dono"] {
text-shadow:0px 1px 10px #FAAA20;
}
a[href="/g5-desingner"] {
text-shadow:0px 1px 10px #00EAFF;
}
a[href="/g6-moderador"] {
text-shadow:0px 1px 10px #0CF21C;
}
a[href="/g7-membro-whistle"] {
text-shadow:0px 1px 10px #EA00FF;
}
.mini_ava{float: left}.mini_ava img{width: 40px; height: 40px; margin: 0 5px; -webkit-box-shadow: 1px 1px 3px black; -moz-box-shadow: 1px 1px 1px black; -webkit-border-radius: 12px 0px 12px; -moz-border-radius: 12px 0px 12px 0px}
a[href="/u1"] {
text-shadow: 0px 0px 5px #FF00D0;
}
a[href="/u1"] {
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a.forumtitle{text-shadow: 0px 0px 5px BLACK; background: url()}
a[href="/g2-fundador"]{background:url(http://sl.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif);text-shadow:0 0 5px #F0F}
a[href="/g3-dono"]{background:url(http://sl.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif);text-shadow:0 0 5px #F0F}
a[href="/g4-sub-dono"]{background:url(http://sl.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif);text-shadow:0 0 5px #F0F}
a[href="/g5-desingner"]{background:url(http://sl.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif);text-shadow:0 0 5px #F0F}
a[href="/g6-moderador"]{background:url(http://sl.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif);text-shadow:0 0 5px #F0F}
a[href="/g7-membro-whistle"]{background:url(http://sl.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif);text-shadow:0 0 5px #F0F}
az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
azm, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}
#text_editor_controls, .left-box{position:relative !important}
.headerbar:hover {
-webkit-transform: translate(60px)!important;
background: url(http://img856.imageshack.us/img856/5813/yanco.png) 0px 0px!important;
}
Ant_UndeaD- *****
- Membro desde : 27/10/2012
Mensagens : 423
Pontos : 625 -
Re: Como fazer pro logo se movimenta ?
por Roevs 28.01.13 18:04
Olá,
Substitua por este
Até
Substitua por este
- Código:
.module {
border: 2px solid black !important;
}
span[style="color:#D60000"] strong{text-decoration:line-through}
a[href="/u56"]{background:url(http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif)}
a[href="/u140"]{background:url(http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif)}
a[href="/u7"]{background:url(http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif)}
.lastpost{
margin: 3px;
width : auto;
border : 2px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 8px #666;
-webkit-box-shadow : 0 0 8px #666;
box-shadow : 0 0 8px #666;
}
.header .lastpost{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.TabbedPanels {
margin: 0px;
padding: 0px;
float: left;
clear: none;
width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.TabbedPanelsTabGroup {
margin: 0px;
padding: 0px;
}
.TabbedPanelsTab {
position: relative;
top: 1px;
float: left;
padding: 4px 10px;
margin: 0px 1px 0px 0px;
font: bold 0.7em sans-serif;
background-color: #DDD;
list-style: none;
border-left: solid 1px #CCC;
border-bottom: solid 1px #999;
border-top: solid 1px #999;
border-right: solid 1px #999;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
}
.TabbedPanelsTabHover {
background-color: #CCC;
}
.TabbedPanelsTabSelected {
background-color: #EEE;
border-bottom: 1px solid #EEE;
}
.TabbedPanelsTab a {
color: black;
text-decoration: none;
}
.TabbedPanelsContentGroup {
clear: both;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
border-top: solid 1px #999;
border-right: solid 1px #999;
background-color: #EEE;
}
.TabbedPanelsContent {
padding: 4px;
}
.TabbedPanelsContentVisible {
}
.VTabbedPanels .TabbedPanelsTabGroup {
float: left;
width: 10em;
height: 20em;
background-color: #EEE;
position: relative;
border-top: solid 1px #999;
border-right: solid 1px #999;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
}
.VTabbedPanels .TabbedPanelsTab {
float: none;
margin: 0px;
border-top: none;
border-left: none;
border-right: none;
}
.VTabbedPanels .TabbedPanelsTabSelected {
background-color: #EEE;
border-bottom: solid 1px #999;
}
.VTabbedPanels .TabbedPanelsContentGroup {
clear: none;
float: left;
padding: 0px;
width: 30em;
height: 20em;
}
body, a, a:hover {cursor: url(http://cur.cursors-4u.net/user/use-1/use109.cur), progress;}
a[href="/u1"] {
text-shadow: 0px 0px 5px #FF0000;
}
a[href="/u140"] {
text-shadow: 0px 0px 5px #0000FF;
}
#username_reg {
border:2px solid red!important;
}
#username_reg.okusername {
border:2px solid green!important;
}
background-color: #1E90FF;
background-image: url(http://i21.servimg.com/u/f21/16/31/11/28/sem_ta12.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: bottom right;
background-position: 2px 10px;
color: #1E90FF !important;
color: 10pt;
font-family Verdana,Arial,Helvetica,sans-serif;
#chatbox_header
h2.chatbox-title a.chat-title
#chatbox_main_options a
#chatbox_members
#chatbox
.chatbox_row_1
.chatbox_row_2
.chatbox_row_3
#chatbox_footer
#chatbox {
background-image: url(http://i21.servimg.com/u/f21/16/31/11/28/sem_ta12.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}
/* RANKS */
a[href="/g1-administradores"] {
text-shadow:0px 2x 13px #C91A23;
}
a[href="/g2-fundador"] {
text-shadow:0px 1px 10px #000099;
}
a[href="/g3-dono"] {
text-shadow:0px 1px 10px #2BE69B;
}
a[href="/g4-sub-dono"] {
text-shadow:0px 1px 10px #FAAA20;
}
a[href="/g5-desingner"] {
text-shadow:0px 1px 10px #00EAFF;
}
a[href="/g6-moderador"] {
text-shadow:0px 1px 10px #0CF21C;
}
a[href="/g7-membro-whistle"] {
text-shadow:0px 1px 10px #EA00FF;
}
.mini_ava{float: left}.mini_ava img{width: 40px; height: 40px; margin: 0 5px; -webkit-box-shadow: 1px 1px 3px black; -moz-box-shadow: 1px 1px 1px black; -webkit-border-radius: 12px 0px 12px; -moz-border-radius: 12px 0px 12px 0px}
a[href="/u1"] {
text-shadow: 0px 0px 5px #FF00D0;
}
a[href="/u1"] {
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a.forumtitle{text-shadow: 0px 0px 5px BLACK; background: url()}
a[href="/g2-fundador"]{background:url(http://sl.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif);text-shadow:0 0 5px #F0F}
a[href="/g3-dono"]{background:url(http://sl.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif);text-shadow:0 0 5px #F0F}
a[href="/g4-sub-dono"]{background:url(http://sl.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif);text-shadow:0 0 5px #F0F}
a[href="/g5-desingner"]{background:url(http://sl.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif);text-shadow:0 0 5px #F0F}
a[href="/g6-moderador"]{background:url(http://sl.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif);text-shadow:0 0 5px #F0F}
a[href="/g7-membro-whistle"]{background:url(http://sl.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif);text-shadow:0 0 5px #F0F}
az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
azm, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}
#text_editor_controls, .left-box{position:relative !important}
.headerbar:hover {
-webkit-transform: translate(60px)!important;
}
Até
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Ant_UndeaD- *****
- Membro desde : 27/10/2012
Mensagens : 423
Pontos : 625 -
Tópicos semelhantes» Dúvida Como Coloco Imagem que Movimenta.
» Imagem do perfil se movimenta
» Como fazer o logo da página aparecer
» Queria fazer um logo que cobrise toda a pagina ,tem como ?
» Gostaria de saber se tem algum codigo pra fazer o logo mudar como em slide
» Imagem do perfil se movimenta
» Como fazer o logo da página aparecer
» Queria fazer um logo que cobrise toda a pagina ,tem como ?
» Gostaria de saber se tem algum codigo pra fazer o logo mudar como em slide
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos