Efeito no logo do forum

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

Resolvido Efeito no logo do forum

Mensagem por Ant_UndeaD em 15/04/13, 07:24 pm

Qual é minha questão:
Como Colocar Esse Efeito Aqui No Logo, Que Quando TU Passa Mouse Por Cima o Logo Se Aproxima, Igual Desse Forum Aqui:
http://ftd-family.forumeiros.com/forum 

Endereço do meu fórum:
http://familywhistle.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por Ant_UndeaD em 23/04/13, 03:39 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: Efeito no logo do forum

Mensagem por Ant_UndeaD em 16/04/13, 12:23 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: Efeito no logo do forum

Mensagem por brunoalves711expert em 16/04/13, 12:35 pm

teste :
Código:
element.style {
}
Matched CSS Rules
#i_logo {
-moz-opacity: .6;
-moz-transform: rotate(0deg) scale(0.9) skew(1deg) translate(0px);
-moz-transition-duration: .8s;
-o-transform: rotate(0deg) scale(0.9) skew(1deg) translate(0px);
-o-transition-duration: .8s;
-webkit-transform: rotate(0deg) scale(0.9) skew(1deg) translate(0px);
-webkit-transition-duration: .8s;
filter: alpha(opacity=40);
opacity: .6;
transition-duration: .5s;
}
a img {
border: none;
}
img {
border: 0;
}
img[Attributes Style] {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
margin-top: 1px;
margin-bottom: 1px;
}
Inherited from a
a:link {
text-shadow: none;
}
a:visited {
color: #4d4d4d;
}
a:link {
color: #696969;
}
user agent stylesheeta:-webkit-any-link {
color: -webkit-link;
cursor: auto;
}
Inherited from td
p, td, th {
font-family: Verdana,Arial,Helvetica,sans-serif;
}
Inherited from table
user agent stylesheettable {
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}
Inherited from td.bodyline
p, td, th {
font-family: Verdana,Arial,Helvetica,sans-serif;
}
Inherited from table.bodylinewidth
user agent stylesheettable {
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}

Na Sua css
avatar

brunoalves711expert
Nível 5

Masculino
Inscrito dia : 23/01/2013
Mensagens : 35
Pontos Ativos : 59

Ver perfil do usuário http://expert-games.forumbrasil.net

Resolvido Re: Efeito no logo do forum

Mensagem por Ant_UndeaD em 17/04/13, 09:02 am

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: Efeito no logo do forum

Mensagem por Ant_UndeaD em 18/04/13, 12:29 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: Efeito no logo do forum

Mensagem por SkyDrive em 18/04/13, 12:53 pm

Olá,

Adicione este código em sua Folha de estilo CSS

Código:
#logo:hover {
    transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
    opacity: 1;
    transition-duration: 1s;
}

Até
avatar

SkyDrive
Nível 8

Masculino
Inscrito dia : 03/03/2013
Mensagens : 128
Pontos Ativos : 159

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

Resolvido Re: Efeito no logo do forum

Mensagem por Gmtp em 18/04/13, 01:39 pm

Olá, Querido

Para adicionar o efeito vá em: Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS.

Código:
#logo:hover {
border: none;
filter: alpha(opacity=100);
moz-opacity: 1.0;
opacity: 1.0;
}
#logo {
border: none;
filter: alpha(opacity=50);
moz-opacity: .60;
opacity: .50;
-webkit-transition-duration: .50s;
}

Até mais
avatar

Gmtp
Membro do Fórum

Masculino
Inscrito dia : 03/01/2013
Mensagens : 1034
Pontos Ativos : 1451

Ver perfil do usuário http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Resolvido Re: Efeito no logo do forum

Mensagem por Ant_UndeaD em 18/04/13, 03:04 pm

Sem Resultados Os 2 Codigos .
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: Efeito no logo do forum

Mensagem por Ant_UndeaD em 19/04/13, 01:41 pm

@Ant_UndeaD escreveu:
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: Efeito no logo do forum

Mensagem por Ted em 19/04/13, 02:56 pm

Olá,
Código:
#logo:hover {
-moz-opacity: .6;
-moz-transform: rotate(0deg) scale(0.9) skew(1deg) translate(0px);
-moz-transition-duration: .8s;
-o-transform: rotate(0deg) scale(0.9) skew(1deg) translate(0px);
-o-transition-duration: .8s;
-webkit-transform: rotate(0deg) scale(0.9) skew(1deg) translate(0px);
-webkit-transition-duration: .8s;
filter: alpha(opacity=40);
opacity: .6;
transition-duration: .5s;
}
avatar

Ted
Nível 8

Masculino
Inscrito dia : 06/03/2013
Mensagens : 126
Pontos Ativos : 145

Ver perfil do usuário http://universal.forum-pro.net/

Resolvido Re: Efeito no logo do forum

Mensagem por Ant_UndeaD em 19/04/13, 03:58 pm

Sem Resultados tmb.
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: Efeito no logo do forum

Mensagem por Ted em 19/04/13, 04:06 pm

Poderia me passar seu CSS ?
Eu vi que adicionou um efeito na sua logo,eu posso edita-la.
avatar

Ted
Nível 8

Masculino
Inscrito dia : 06/03/2013
Mensagens : 126
Pontos Ativos : 145

Ver perfil do usuário http://universal.forum-pro.net/

Resolvido Re: Efeito no logo do forum

Mensagem por Ant_UndeaD em 19/04/13, 04:56 pm

Ta Sem o Codigo Do Efeito.

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

a[href="/g2-fundador"] {
background: url("http://illiweb.com/fa/admin/couronne.png") no-repeat;
padding-left: 19px;
padding-top: 2px;
}

a[href="/g3-dono"] {
background: url("http://illiweb.com/fa/admin/couronne.png") no-repeat;
padding-left: 19px;
padding-top: 2px;
}
/* RANKS */
a[href="/g1-administradores"] {
text-shadow:0px 2x 13px #C91A23;
}

a[href="/g2-fundador"] {
text-shadow:1px 1px 3px #000099;
}

a[href="/g3-dono"] {
text-shadow:1px 1px 3px #2BE69B;
}

a[href="/g4-sub-dono"] {
text-shadow:1px 1px 3px #FAAA20;
}

a[href="/g10-lider"] {
text-shadow:1px 1px 3px #C27313;
}

a[href="/g11-sub-lider"] {
text-shadow:1px 1px 3px #FF0000;
}

a[href="/g6-moderador"] {
text-shadow:1px 1px 3px #0CF21C;
}

a[href="/g5-desingner"] {
text-shadow:1px 1px 3px #00EAFF;
}

a[href="/g9-membro-legendario"] {
text-shadow:1px 1px 3px #297A24;
}

a[href="/g12-membro-elite"] {
text-shadow:1px 1px 3px #C627E6;
}

a[href="/g7-membro-whistle"] {
text-shadow:1px 1px 3px #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: 1px 1px 5px #000099;
}
a[href="/u1"] {
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u2"] {
text-shadow: 0px 0px 5px #000099;
}
a[href="/u2"] {
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u6"] {
text-shadow: 0px 0px 5px #0CF21C;
}
a[href="/u6"] {
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u8"] {
text-shadow: 0px 0px 5px #FF00D0;
}
a[href="/u8"] {
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u9"] {
text-shadow: 0px 0px 5px #FF0000;
}
a[href="/u9"] {
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u14"] {
text-shadow: 0px 0px 5px #0FFC9D;
}
a[href="/u14"] {
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}

a[href="/u15"] {
text-shadow: 0px 0px 5px #FAAA20;
}
a[href="/u15"] {
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}

a[href="/u17"] {
text-shadow: 0px 0px 5px #0FFC9D;
}
a[href="/u17"] {
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u20"] {
text-shadow: 0px 0px 5px #FAAA20;
}
a[href="/u20"] {
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u22"] {
text-shadow: 0px 0px 5px #0CF21C;
}
a[href="/u22"] {
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u27"] {
text-shadow: 0px 0px 5px #C627E6;
}
a[href="/u27"] {
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u35"] {
text-shadow: 0px 0px 5px #0CF21C;
}

a[href="/u35"] {
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}

a[href="/u54"] {
text-shadow: 0px 0px 5px #00EAFF;
}

a.forumtitle{text-shadow: 0px 0px 5px BLACK; background: url()}
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}
a[href="/u2"] {
text-shadow: 0px 0px 5px #000099;
}
a[href="/u2"] {
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}

#submenu ul li a {
margin:0.9em 0 0.99em 0;
padding:0.9em 0 0.99em 0;
}
a:hover{text-transform:uppercase;
text-shadow: 0 0 5px gray;}



.postprofile {
border-right: 3px dotted #BCBCBC;
border-bottom: 3px dotted #BCBCBC;
margin-top: 0px;
padding-top: 10px;
padding-left: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;
}

    #conectFor * {
    font-size: 12px;
    }
    #conectFor{
    padding: 13px;
    padding-right : 20px;
    text-align: right;
    background: #323232;
    border-bottom: 1px solid #000;
    font: 15px Tahoma;
    height: 10px;
    display: block;
    color: #F1F1F1;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    }
    #conectFor a{
    color:#f1f1f1;
    font-family:Arial;
    padding:8px 5px ;
    margin:0 1px;
    text-decoration:none;
    }
    #conectFor a:hover{
    color:#111;
    border-radius:5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    -o-border-radius:5px 5px 0 0;
    background:#f1f1f1;
    }
    #conectFor a:hover ul{display:inline;}
    #conectFor ul {
    margin-top: -1px;
    z-index:1;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    top: 100%;
    width: 390px;
    padding:20px 13px;
    color: #333;
    background: #F1F1F1 url(http://i42.servimg.com/u/f42/17/32/13/00/letrei10.png) no-repeat bottom right;
    list-style: none;
    display: none;
    float: left;
    right: 0em;
    position: absolute;
    }
    #conectFor ul li{
    float: left;
    width: 47%;
    display: inline;
    text-align:left;
    margin:5px;
    }
    #conectFor ul li a{color:#3689D1; background-image:none !important;}
    #conectFor ul li a:hover{color:#111; background:transparent;}

    #conectFor a[href="/profile?mode=editprofile"] {
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 10px;
    background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo10.png);
    }

    #conectFor a[href="/profile?mode=editprofile"]:hover {
    background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo11.png);
    }


.postprofile dt img{-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;-webkit-transition-duration:.8s;opacity:.2;transition-duration:.8s}.postprofile dt img:hover{opacity:10}


#page-header .navbar {
border-top: 3px solid red!important;
height: 40px;
overflow: visible!important;
padding: 1px 10px!important;
}
#page-header .navbar {
background-image: url(http://i.imgur.com/tKiSR.png);
}
#page-header .navbar {
border-bottom: transparent !important;
background-color: #333;
border-color: #CCC;
padding: .5em 1.1em .6em;
margin-left: -6px;
width: autopx;
}
#page-header .navbar li a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) repeat-y center right;
color: white;
font-family: Arial,Helvetica,sans-serif!important;
font-size: 14px!important;
font-weight: 700;
margin: 0!important;
padding: 14px 7px 14px 0;
text-decoration: none!important;
}

::-webkit-scrollbar{background:#fff}
::-webkit-scrollbar-thumb{-webkit-box-shadow:4px;background:#000;border-radius:10px;height:60px}

#wrap{
width: 96% !important;
}


.lastpost { -webkit-border-radius: 7px; -webkit-box-shadow: 0 0 8px #FF1414; border: 2px solid #EEE; border-radius: 10px; box-shadow: 0 0 7px black; margin: 3px; } ul.forums dd { border-color: transparent; border-left-style: solid; border-left-width: 1px; } ul.topiclist dd { border-left: 1px solid transparent; display: block; float: left; padding: 4px 0; } dd.lastpost { margin-left: 9px!important; } dd.lastpost { font-size: 1.1em; width: 20%; }
ul.topiclist dd {
border-left: 1px solid transparent;
float: left;
padding: 4px 0;
display: inline;
color: #454545;
font-family: arial, helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
}

a:hover{color:#F70F1A;text-shadow:3px 3px 3px #F70F1A;text-decoration:underline}






#logo-desc{-moz-opacity:.6;-moz-transition-duration:.8s;-o-transition-duration:.8s;-webkit-transition-duration:.8s;filter:alpha(opacity=40);opacity:.6}#logo-desc:hover{-moz-opacity:.6;filter:alpha(opacity=40);opacity:1}


.tipsy {
padding: 5px;
font-size: 11px;
position: absolute;
text-shadow: none;
z-index: 999;
}

.tipsy-inner {
padding: 8px 8px 8px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
}

.tipsy-inner {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.tipsy-arrow {
position: absolute;
background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left;
width: 9px;
height: 5px;
}

.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}

.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}

.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}

.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}

.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}

.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}

.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}
.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}

#wrap {
border-radius: 32px;
}
body {
background: black;
}

a, a:hover, body {
cursor: url(http://cur.cursors-4u.net/cursors/cur-7/cur610.cur), progress;
}



.pun .user-ident .user-basic-info {
background: white;
border: 1px solid #DDD;
border-radius: 5px;
color: white;
font-size: 1.5em;
font-weight: 700;
line-height: 1.8em;
margin: 5px auto;
padding: 15px;
text-align: center;
text-shadow: 0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 4px 0 #B9B9B9,0 5px 0 #AAA,0 6px 1px rgba(0, 0, 0, .1),0 0 5px rgba(0, 0, 0, .1),0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .25),0 10px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);
}
.pun .user .user-info {
background: white;
border: 1px solid #DDD;
border-radius: 5px;
color: #666;
line-height: 1.8em;
margin: 5px auto;
padding: 10px;
}
.user-contact {
background: white;
border: 1px solid #DDD;
border-radius: 5px;
color: #666;
margin: 5px auto;
padding: 10px;
}
.pun .user-ident .username {
background-color: #EEE;
border: 1px solid #DDD;
border-radius: 4px;
display: block;
font-family: Arvo;
font-size: 1.5em;
font-weight: 400!important;
margin-bottom: 5px;
margin-top: 10px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
}
.pun .user-ident .username {
color: #006B6B;
display: block;
font-size: 1.2em;
font-weight: 700;
position: absolute;
text-decoration: none;
top: 0;
}
.pun .post .user {
float: left;
margin-left: -16em;
margin-top: -1.8em;
position: relative;
text-align: center;
}
.pun .post .user {
float: left;
margin-left: -16em;
margin-top: -1.8em;
position: relative;
}
.pun .user {
display: inline;
overflow: hidden;
padding-top: 1.6em;
white-space: normal;
width: 15em;
}


.blog_comment-avatar img:hover, .postprofile dl dt a[href*="/u"] img:hover {
-webkit-filter: grayscale(1);
}
div.postprofile dl dt img:hover {
-moz-transform: rotate(-7deg);
-o-transform: rotate(-7deg);
-webkit-transform: rotate(-7deg);
}
.blog_comment-avatar img, .postprofile dl dt a[href*="/u"] img {
-moz-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
-webkit-filter: grayscale(0);
-webkit-transition: all .7s ease-in-out;
display: inline-block;
transition: all .7s ease-in-out;
}
div.postprofile dl dt img {
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-webkit-transition: all .5s ease-out;
border: 5px solid #eee;
box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
margin-left: 3px;
}
img {
border-width: 0;
}
* {
margin: 0;
padding: 0;
}
Inherited from a
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: Efeito no logo do forum

Mensagem por Ant_UndeaD em 20/04/13, 12:27 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: Efeito no logo do forum

Mensagem por seender em 20/04/13, 07:50 pm

Olá!

Retire quaisquer códigos que lhe foi fornecido neste tópico e utilize apenas este:
Código:
#i_logo{-moz-opacity:.6;-moz-transform:rotate(0deg) scale(0.9) skew(1deg) translate(0px);-moz-transition-duration:.8s;-o-transform:rotate(0deg) scale(0.9) skew(1deg) translate(0px);-o-transition-duration:.8s;-webkit-transform:rotate(0deg) scale(0.9) skew(1deg) translate(0px);-webkit-transition-duration:.8s;filter:alpha(opacity=40);opacity:.6;transition-duration:.5s}#i_logo:hover{-moz-opacity:.6;-moz-transform:rotate(0deg) scale(1.0) skew(1deg) translate(0px);-moz-transition-duration:.5s;-o-transform:rotate(0deg) scale(1.0) skew(1deg) translate(0px);-o-transition-duration:1s;-webkit-transform:rotate(0deg) scale(1.0) skew(1deg) translate(0px);-webkit-transition-duration:1s;filter:alpha(opacity=40);opacity:1;transition-duration:1s}
Adicione em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Efeito no logo do forum

Mensagem por Ant_UndeaD em 21/04/13, 01:54 pm

Sem Resultados seender
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: Efeito no logo do forum

Mensagem por Gmtp em 21/04/13, 09:12 pm

Olá, Querido

Poderia me dar sua css?

Tópico em local incorreto, O local certo seria em QUESTÕES SOBRE CÓDIGOS

Até mais
avatar

Gmtp
Membro do Fórum

Masculino
Inscrito dia : 03/01/2013
Mensagens : 1034
Pontos Ativos : 1451

Ver perfil do usuário http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Resolvido Re: Efeito no logo do forum

Mensagem por Ant_UndeaD em 23/04/13, 12:37 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: Efeito no logo do forum

Mensagem por seender em 23/04/13, 03:32 pm

Olá!

Utilize este código:
Código:
        a#logo img{-moz-opacity:.6;-moz-transform:rotate(0deg) scale(0.9) skew(1deg) translate(0px);-moz-transition-duration:.8s;-o-transform:rotate(0deg) scale(0.9) skew(1deg) translate(0px);-o-transition-duration:.8s;-webkit-transform:rotate(0deg) scale(0.9) skew(1deg) translate(0px);-webkit-transition-duration:.8s;filter:alpha(opacity=40);opacity:.6;transition-duration:.5s}a#logo img:hover{-moz-opacity:.6;-moz-transform:rotate(0deg) scale(1.0) skew(1deg) translate(0px);-moz-transition-duration:.5s;-o-transform:rotate(0deg) scale(1.0) skew(1deg) translate(0px);-o-transition-duration:1s;-webkit-transform:rotate(0deg) scale(1.0) skew(1deg) translate(0px);-webkit-transition-duration:1s;filter:alpha(opacity=40);opacity:1;transition-duration:1s}
Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Efeito no logo do forum

Mensagem por Ant_UndeaD em 23/04/13, 03:39 pm

o COdigo Tmb n Funfo, Mais Pode Closa Aqui.
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