Efeito no logo do forum
+2
brunoalves711expert
Ant_UndeaD
6 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
Efeito no logo do forum
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
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)
Re: Efeito no logo do forum
teste :
Na Sua css
- 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
Re: Efeito no logo do forum
Olá,
Adicione este código em sua Folha de estilo CSS
Até
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é
Re: Efeito no logo do forum
Olá, Querido
Para adicionar o efeito vá em: Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS.
Até mais
Para adicionar o efeito vá em: Painel de Controle Visualização Imagens e Cores Cores 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
Re: Efeito no logo do forum
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;
}
Re: Efeito no logo do forum
Poderia me passar seu CSS ?
Eu vi que adicionou um efeito na sua logo,eu posso edita-la.
Eu vi que adicionou um efeito na sua logo,eu posso edita-la.
Re: Efeito no logo do forum
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
Re: Efeito no logo do forum
Olá!
Retire quaisquer códigos que lhe foi fornecido neste tópico e utilize apenas este:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS
Melhores cumprimentos,
seender
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}
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS
Melhores cumprimentos,
seender
Re: Efeito no logo do forum
Olá, Querido
Poderia me dar sua css?
Tópico em local incorreto, O local certo seria em QUESTÕES SOBRE CÓDIGOS
Até mais
Poderia me dar sua css?
Tópico em local incorreto, O local certo seria em QUESTÕES SOBRE CÓDIGOS
Até mais
Re: Efeito no logo do forum
Olá!
Utilize este código:
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}
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