Como fazer pro logo se movimenta ?

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

Resolvido Como fazer pro logo se movimenta ?

Mensagem por Ant_UndeaD em 27/01/13, 09:51 pm

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, 04:31 pm, editado 1 vez(es)
avatar

Ant_UndeaD
Usuário avançado

Masculino
Inscrito dia : 27/10/2012
Mensagens : 423
Pontos Ativos : 625

Ver perfil do usuário http://familywhistle.forumeiros.com/

Resolvido Re: Como fazer pro logo se movimenta ?

Mensagem por Hilary Killer em 27/01/13, 09:55 pm

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

Hilary Killer
Nível 9

Feminino
Inscrito dia : 02/09/2011
Mensagens : 224
Pontos Ativos : 373

Ver perfil do usuário

Resolvido Re: Como fazer pro logo se movimenta ?

Mensagem por Ant_UndeaD em 27/01/13, 10:15 pm

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

Ih ??
avatar

Ant_UndeaD
Usuário avançado

Masculino
Inscrito dia : 27/10/2012
Mensagens : 423
Pontos Ativos : 625

Ver perfil do usuário http://familywhistle.forumeiros.com/

Resolvido Re: Como fazer pro logo se movimenta ?

Mensagem por Ant_UndeaD em 28/01/13, 12:08 pm

UP .
avatar

Ant_UndeaD
Usuário avançado

Masculino
Inscrito dia : 27/10/2012
Mensagens : 423
Pontos Ativos : 625

Ver perfil do usuário http://familywhistle.forumeiros.com/

Resolvido Re: Como fazer pro logo se movimenta ?

Mensagem por Evidaaηc em 28/01/13, 12:11 pm

manda o link do tema sem ser no preview
avatar

Evidaaηc
Usuário destaque

Masculino
Inscrito dia : 06/07/2012
Mensagens : 706
Pontos Ativos : 966

Ver perfil do usuário http://world.forumbrasil.net/

Resolvido Re: Como fazer pro logo se movimenta ?

Mensagem por iPrompt em 28/01/13, 12:16 pm

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é
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Como fazer pro logo se movimenta ?

Mensagem por Ant_UndeaD em 28/01/13, 01:40 pm

Quakeline Sem Resultados Com Esse Codigo
avatar

Ant_UndeaD
Usuário avançado

Masculino
Inscrito dia : 27/10/2012
Mensagens : 423
Pontos Ativos : 625

Ver perfil do usuário http://familywhistle.forumeiros.com/

Resolvido Re: Como fazer pro logo se movimenta ?

Mensagem por iPrompt em 28/01/13, 01:51 pm

Olá,

Tente este código

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

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Como fazer pro logo se movimenta ?

Mensagem por Ant_UndeaD em 28/01/13, 02:13 pm

Tam Se resultado
avatar

Ant_UndeaD
Usuário avançado

Masculino
Inscrito dia : 27/10/2012
Mensagens : 423
Pontos Ativos : 625

Ver perfil do usuário http://familywhistle.forumeiros.com/

Resolvido Re: Como fazer pro logo se movimenta ?

Mensagem por iPrompt em 28/01/13, 02:14 pm

Olá,

Tente este

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

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Como fazer pro logo se movimenta ?

Mensagem por Ant_UndeaD em 28/01/13, 02:37 pm

Tmb Sem Resultados .
avatar

Ant_UndeaD
Usuário avançado

Masculino
Inscrito dia : 27/10/2012
Mensagens : 423
Pontos Ativos : 625

Ver perfil do usuário http://familywhistle.forumeiros.com/

Resolvido Re: Como fazer pro logo se movimenta ?

Mensagem por iPrompt em 28/01/13, 02:41 pm

Olá,

Tente este

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

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Como fazer pro logo se movimenta ?

Mensagem por weberth.souza em 28/01/13, 03:08 pm

avatar

weberth.souza
Nível 8

Masculino
Inscrito dia : 03/10/2012
Mensagens : 131
Pontos Ativos : 201

Ver perfil do usuário http://legendscheats.uniogame.com

Resolvido Re: Como fazer pro logo se movimenta ?

Mensagem por Ant_UndeaD em 28/01/13, 03:15 pm

Esse codigo ai buga o logo Quakeline Olha COmo Fico :

http://oi47.tinypic.com/2itlrew.jpg
avatar

Ant_UndeaD
Usuário avançado

Masculino
Inscrito dia : 27/10/2012
Mensagens : 423
Pontos Ativos : 625

Ver perfil do usuário http://familywhistle.forumeiros.com/

Resolvido Re: Como fazer pro logo se movimenta ?

Mensagem por iPrompt em 28/01/13, 03:23 pm

Olá,

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

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Como fazer pro logo se movimenta ?

Mensagem por Ant_UndeaD em 28/01/13, 03:53 pm

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;
}
avatar

Ant_UndeaD
Usuário avançado

Masculino
Inscrito dia : 27/10/2012
Mensagens : 423
Pontos Ativos : 625

Ver perfil do usuário http://familywhistle.forumeiros.com/

Resolvido Re: Como fazer pro logo se movimenta ?

Mensagem por iPrompt em 28/01/13, 04:04 pm

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é
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Como fazer pro logo se movimenta ?

Mensagem por Ant_UndeaD em 28/01/13, 04:31 pm

Flw Quakeline

Resolvido .
avatar

Ant_UndeaD
Usuário avançado

Masculino
Inscrito dia : 27/10/2012
Mensagens : 423
Pontos Ativos : 625

Ver perfil do usuário http://familywhistle.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum