Como fazer pro logo se movimenta ?

5 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Como fazer pro logo se movimenta ?

Mensagem 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


Última edição por Ant_UndeaD em 28.01.13 18:31, editado 1 vez(es)
Ant_UndeaD

Ant_UndeaD
*****

Membro desde : 27/10/2012
Mensagens : 423
Pontos : 625

http://familywhistle.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer pro logo se movimenta ?

Mensagem por Hilary Killer 27.01.13 23:55

Manda o link da instalação do theme? Sem demo?
Hilary Killer

Hilary Killer
****

Membro desde : 02/09/2011
Mensagens : 224
Pontos : 373

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer pro logo se movimenta ?

Mensagem por Ant_UndeaD 28.01.13 0:15

Hilary Killer escreveu:Manda o link da instalação do theme? Sem demo?

Ih ??
Ant_UndeaD

Ant_UndeaD
*****

Membro desde : 27/10/2012
Mensagens : 423
Pontos : 625

http://familywhistle.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer pro logo se movimenta ?

Mensagem por Ant_UndeaD 28.01.13 14:08

UP .
Ant_UndeaD

Ant_UndeaD
*****

Membro desde : 27/10/2012
Mensagens : 423
Pontos : 625

http://familywhistle.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer pro logo se movimenta ?

Mensagem por Evidaaηc 28.01.13 14:11

manda o link do tema sem ser no preview
Evidaaηc

Evidaaηc
Membro

Membro desde : 06/07/2012
Mensagens : 706
Pontos : 966

http://world.forumbrasil.net/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como fazer pro logo se movimenta ?

Mensagem por Roevs 28.01.13 14:16

Olá,

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

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer pro logo se movimenta ?

Mensagem por Ant_UndeaD 28.01.13 15:40

Quakeline Sem Resultados Com Esse Codigo
Ant_UndeaD

Ant_UndeaD
*****

Membro desde : 27/10/2012
Mensagens : 423
Pontos : 625

http://familywhistle.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como fazer pro logo se movimenta ?

Mensagem por Roevs 28.01.13 15:51

Olá,

Tente este código

Código:
a#logo:hover {
-webkit-transform: translate(60px);
background: url(URLDALOGO) 0px 0px;
}

Até
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer pro logo se movimenta ?

Mensagem por Ant_UndeaD 28.01.13 16:13

Tam Se resultado
Ant_UndeaD

Ant_UndeaD
*****

Membro desde : 27/10/2012
Mensagens : 423
Pontos : 625

http://familywhistle.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como fazer pro logo se movimenta ?

Mensagem por Roevs 28.01.13 16:14

Olá,

Tente este

Código:
a#logo:hover {
-webkit-transform: translate(60px)!important;
background: url(URLDALOGO) 0px 0px!important;
}

Até
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer pro logo se movimenta ?

Mensagem por Ant_UndeaD 28.01.13 16:37

Tmb Sem Resultados .
Ant_UndeaD

Ant_UndeaD
*****

Membro desde : 27/10/2012
Mensagens : 423
Pontos : 625

http://familywhistle.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como fazer pro logo se movimenta ?

Mensagem por Roevs 28.01.13 16:41

Olá,

Tente este

Código:
.headerbar:hover {
-webkit-transform: translate(60px)!important;
background: url(URLDALOGO) 0px 0px!important;
}
Até
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer pro logo se movimenta ?

Mensagem por weberth.souza 28.01.13 17:08

weberth.souza

weberth.souza
***

Membro desde : 03/10/2012
Mensagens : 131
Pontos : 201

http://legendscheats.uniogame.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer pro logo se movimenta ?

Mensagem 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
Ant_UndeaD

Ant_UndeaD
*****

Membro desde : 27/10/2012
Mensagens : 423
Pontos : 625

http://familywhistle.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como fazer pro logo se movimenta ?

Mensagem por Roevs 28.01.13 17:23

Olá,

Poderia me passar sua Folha de estilo CSS com o código adicionado

Até
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer pro logo se movimenta ?

Mensagem 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

Ant_UndeaD
*****

Membro desde : 27/10/2012
Mensagens : 423
Pontos : 625

http://familywhistle.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como fazer pro logo se movimenta ?

Mensagem por Roevs 28.01.13 18:04

Olá,

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

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer pro logo se movimenta ?

Mensagem por Ant_UndeaD 28.01.13 18:31

Flw Quakeline

Resolvido .
Ant_UndeaD

Ant_UndeaD
*****

Membro desde : 27/10/2012
Mensagens : 423
Pontos : 625

http://familywhistle.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos