Efeito no logo do forum

+2
brunoalves711expert
Ant_UndeaD
6 participantes

Ir para baixo

Tópico resolvido Efeito no logo do forum

Mensagem por Ant_UndeaD 15.04.13 23:24

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

Mensagem por Ant_UndeaD 16.04.13 16:23

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

Mensagem por brunoalves711expert 16.04.13 16:35

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
brunoalves711expert
brunoalves711expert
*

Membro desde : 23/01/2013
Mensagens : 35
Pontos : 59

http://expert-games.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no logo do forum

Mensagem por Ant_UndeaD 17.04.13 13:02

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

Tópico resolvido Re: Efeito no logo do forum

Mensagem por Ant_UndeaD 18.04.13 16:29

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

Mensagem por SkyDrive 18.04.13 16:53

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é
SkyDrive
SkyDrive
***

Membro desde : 03/03/2013
Mensagens : 128
Pontos : 159

http://universionforum.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no logo do forum

Mensagem por Gmtp 18.04.13 17:39

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
Gmtp
Gmtp
Super Membro

Membro desde : 03/01/2013
Mensagens : 1044
Pontos : 1469

http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no logo do forum

Mensagem por Ant_UndeaD 18.04.13 19:04

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

Mensagem por Ant_UndeaD 19.04.13 17:41

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

Mensagem por Ted 19.04.13 18:56

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

Membro desde : 06/03/2013
Mensagens : 126
Pontos : 145

http://universal.forum-pro.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no logo do forum

Mensagem por Ant_UndeaD 19.04.13 19:58

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

Mensagem por Ted 19.04.13 20:06

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

Membro desde : 06/03/2013
Mensagens : 126
Pontos : 145

http://universal.forum-pro.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no logo do forum

Mensagem por Ant_UndeaD 19.04.13 20:56

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://2img.net/i/fa/admin/couronne.png") no-repeat;
padding-left: 19px;
padding-top: 2px;
}

a[href="/g3-dono"] {
background: url("http://2img.net/i/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
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: Efeito no logo do forum

Mensagem por Ant_UndeaD 20.04.13 16:27

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

Mensagem por seender 20.04.13 23:50

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
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no logo do forum

Mensagem por Ant_UndeaD 21.04.13 17:54

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

Mensagem por Gmtp 22.04.13 1:12

Olá, Querido

Poderia me dar sua css?

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

Até mais
Gmtp
Gmtp
Super Membro

Membro desde : 03/01/2013
Mensagens : 1044
Pontos : 1469

http://makerforum.forumeiros.com/ https://www.facebook.com/gyovany.francini

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no logo do forum

Mensagem por Ant_UndeaD 23.04.13 16:37

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

Mensagem por seender 23.04.13 19:32

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!
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no logo do forum

Mensagem por Ant_UndeaD 23.04.13 19:39

o COdigo Tmb n Funfo, Mais Pode Closa Aqui.
Ant_UndeaD
Ant_UndeaD
*****

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

http://familywhistle.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo


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