[CSS] avatar girando mais que o bau da felicidade

4 participantes

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

Tópico resolvido [CSS] avatar girando mais que o bau da felicidade

Mensagem por Try 27.05.18 5:01

Detalhes da questão


Endereço do fórum: http://kings1.forumeiros.com
Versão do fórum: phpBB3

Descrição


Boa noite(Caso veja agora) Bom dia e boa  tarde,A  minha questão de problema tem a ver  com a  mudança de tema  do fórum,e bem simples (eu acho não tenho muito conhecimento) o avatar  nas  mensagem diminui o tamanho e ele parece  o bau da felicidade quando passa  o curso do mouse,alem disso tem uma  cor vermelha  tipo neon sobre a foto gostaria de   remover também,Agradeço a quem me ajuda.


[CSS] avatar  girando mais que o bau da felicidade Tumblr_p9datlT3ss1vcqqsxo1_400

o CSS esse aqui

Código:
ul.linklist li a img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
ul.linklist a img:hover {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}

/************FONTES****************/

@font-face {
font-family: \\\'Amatic SC\\\';
font-style: normal;
font-weight: 400;
src: local(\\\'Amatic SC Regular\\\'), local(\\\'AmaticSC-Regular\\\'), url(\\\'http://themes.googleusercontent.com/static/fonts/amaticsc/v3/DPPfSFKxRTXvae2bKDzp5D8E0i7KZn-EPnyo3HZu7kw.woff\\\') format(\\\'woff\\\');
}

@font-face {
  font-family: \\\'Wire One\\\';
  font-style: normal;
  font-weight: 400;
  src: local(\\\'Wire One\\\'), local(\\\'WireOne\\\'), url(http://themes.googleusercontent.com/static/fonts/wireone/v3/fas9dl2wmMkt5rCu-aBez_esZW2xOQ-xsNqO47m55DA.woff) format(\\\'woff\\\');
}

 @font-face { font-family: "sueellen"; src: url(\\\'http://themes.googleusercontent.com/static/fonts/sueellenfrancisco/v2/TwHX4vSxMUnJUdEz1JIgrrtXaZAN_aGv07JTA91X2HI.woff\\\'); }
 
@font-face { font-family: "caviardreams"; src: url(\\\'http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf\\\'); }

/************FIM DAS FONTES****************/

.postbody .content {
text-align:justify;
  padding:60px;
}
.chatbox .post {
background-color:#030303;
  border-bottom:none;
    padding:1px;
}
#chatbox_footer {
background-color: transparent;
}
.chatbox_row_1 {
  padding-right: 20px;
    padding-left: 20px;
  font-size:11px;
  text-transform:none;
  background-color:  transparent;
  text-align:left;
  }
.chatbox_row_2 {
  padding-right: 20px;
    padding-left: 20px;
  font-size:11px;
  text-transform:none;
  background-color:  transparent;
  text-align:left;
  }
.chatbox_row_3 {
  padding-right: 20px;
    padding-left: 20px;
  font-size:11px;
  text-transform:none;
  background-color:  transparent;
  text-align:left;
  }

#content-container div#left {
background:url(\\\'\\\');
  top: 0;
left: 0;
}
.reck {
  text-align:center;
  text-transform:none;
  align:center;
  float:center;
    margin-top:150px;
  height:150px;
  background-color:#07080F;
  border-bottom: 4px solid #160101;
  color:#BCBCBC;
}
.rck {
    text-align:center;
    align:center;
    text-transform:none;
    padding-top:150px;
  float:center;
    margin-top:150px;
  font-family:tulpen one;
  font-size:50px;
  color:#bcbcbc;
}
.forabg li.row dd.topics {
background: #070303;
position: relative;
  padding-left:0px;
  padding-right:0px;
left: 53px;
bottom: -30px;
width: 87px;
padding-bottom: 10px;
height: 11px;
font-size: 9px;
text-transform: uppercase;
}
.forabg li.row dd.posts {
background: #070303;
position: relative;
left: 59px;
    padding-left:0px;
  padding-right:0px;
bottom: -30px;
width: 87px;
height: 11px;
font-size: 9px;
padding-bottom: 10px;
text-transform: uppercase;
}
.forabg li.row dd.lastpost {
  text-align:left;
  text-transform:uppercase;
  font-family:tahoma;
  font-size:10px;
border-bottom: 10px solid #070303;
  border-right: 10px solid #070303;
  border-left: 10px solid #070303;
  border-top: 30px solid #070303;
width: 175px;
margin-left: 35px;
  margin-top:0px;
background-color: #070303;
padding: 7px !important;
padding-top: 35px !important;
box-shadow: 0px 0px 5px black;
}
::-webkit-scrollbar {width: 8px;height: 13px;background-color: #07080F;}
::-webkit-scrollbar-thumb{background-color: #8B1A1A;} 
.module {
text-align:center;
  background-color:transparent;
}
.module .h3 {
visibility:hidden;
}
.module .h3 {
visibility:hidden;
display: none;
}
li.header dd, li.header dt {
margin-top: 10px;
text-align: center;
}
.module .h3 {
visibility:hidden;
}
a.mainmenu {
background-color:
transparent;
padding: 3px;
margin-top: 30px!important;
margin-right: -8px !important;
font-weight: 400!important;
font-family: helvetica,Serif !important;
font-size: 11px;
color:
#A1A1A1;
width: 880px;
text-transform: uppercase;
border-bottom: 3px solid
#61141;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
a.mainmenu:hover {
background-color:
transparent;
padding: 3px;
margin-top: 30px!important;
margin-right: -8px !important;
font-weight: 400!important;
font-family: helvetica,Serif !important;
font-size: 11px;
  color:transparent;
text-shadow: 0px 0px 1px #BEBEBE;
width: 880px;
text-transform: uppercase;
border-bottom: 3px solid
#62630;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.module .h3 {
visibility:hidden;
}
#textarea_content {   
margin-top: 3px;
}
#chatbox {
  background-color:#000000;
}
.chatbox-members{
background-color:#000000;
}
#chatbox_header {
background-color:transparent;
}
.opacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;}
.opacity div {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.opac div {
  opacity:0.8;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.opac:hover div {
  opacity:0.8;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.opacity:hover div {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

.opac {
  opacity:0.1;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.opac:hover {
  opacity:0.9;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.opacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

#wrap {
background-color: #000000;
border: 4px solid #;
box-shadow: 0 0 10px 2px #000000;
}
p {
overflow: auto;
max-height: 300px;
display: block;
margin: auto;
text-transform: uppercase;
font-size: 9px;
}
.h3 {
font-size: 12px;
text-transform: uppercase;
text-align: left;
text-shadow: 1px 1px 1px #000000;
letter-spacing: 0px;}
li.header dl.icon {
height: 42px;
  background-color:#3B0F0F;
  border-bottom: 0px dotted #120707;
  background-repeat:repeat;
font-family:arial;
letter-spacing: 2px;
padding: 10px 6px 0px;
font-size: 8px;
text-align: center;
text-shadow: 0 2px 2px black;
text-transform: uppercase;
vertical-align: middle;
}
  .table-title h2 {
color: #BDBDBD;
  text-shadow: 1px 1px 1px #000000;
font-family: amatic sc;
font-size: 32px;
letter-spacing: 4px;
font-style: normal;
text-transform: uppercase;
}
ul.forums {
background: #030303;
    margin-top:-0px;
background-repeat: repeat-yes;
border-radius: 0px 0px 0px 0px;
border-bottom: 8px solid #3B0F0F;
  box-shadow:0px 2px 8px #000000;
}
.desc9 {
  border-bottom:10px solid #070303;
  border-right: 10px solid #070303;
  border-radius: 100px 0px 0px 100px;
 background-color:#120707;
background-repeat: repeat;
  text-transform:uppercase;
color: #565656;
  font-family:arial;
display: block;
font-size: 9.5px;
line-height: 100%;
margin-left: 70px;
margin-top: 5px;
padding: 10px;
text-align: justify;
text-shadow: 0px 0px 2px #000000;
width: auto;
letter-spacing: 0px;
}
.desc8 {
  border-bottom:10px solid #070303;
  border-right: 10px solid #070303;
  border-left: 10px solid #070303;
 background-color:#120707;
background-repeat: repeat;
  text-transform:uppercase;
color: #565656;
  font-family:arial;
display: block;
font-size: 9.5px;
line-height: 100%;
margin-left: 70px;
margin-top: 5px;
padding: 0px;
text-align: justify;
text-shadow: 0px 0px 2px #000000;
width: auto;
letter-spacing: 0px;
}
a.forumtitle {
  color:#bfbcbb;
background-color: #070303;
border-radius: 500px 0px 0px 0px;
  display: block;
  letter-spacing:2px;
  font-family:caviardreams;
float: center;
font-size: 18px;
margin-bottom: -20px;
margin-top: 10px;
margin-left: 70px;
padding: 3px;
text-align: center;
text-transform: lowercase;
width: auto;
height: 15px;
  text-shadow: 1px 1px 1px #000000;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
a.forumtitle:hover {
  margin-left: 70px;
  color:transparent;
  border-radius: 500px 0px 0px 0px;
background-color: #070303;
border-radius: 0px 0px 0px 0px;
  display: block;
  letter-spacing:2px;
  font-family:caviardreams;
float: center;
  text-decoration:none;
font-size: 18px;
margin-bottom: -20px;
margin-top: 10px;
margin-left: 70px;
padding: 3px;
text-align: center;
text-transform: uppercase;
width: auto;
height: 15px;
  text-shadow: 0px 0px 1px #BDBDBD;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.formdesc a:link, .formdesc a:visited, .formdesc a:active {
background-color: transparent;
color: #bdbdbd;
font-size: 8px;
letter-spacing: 1px;
padding: 3px;
text-transform: uppercase;
}
.formdesc a:link:hover {
background-color: transparent;
color: #ffffff;
font-size: 8px;
letter-spacing: 2px;
padding: 3px;
text-transform: uppercase;
}
.formdesc {
  border: 1px solid #120707;
background-color: #120707;
border-radius: 10px 10px 10px 10px;
  margin-bottom:-22px;
display: block;
font-size: 8px;
margin-top: 5px;
padding: 3px;
text-align: center;
text-shadow: 1px 1px 0 #COLOR;
  text-transform: uppercase;
}
p em b a.gensmall {
font-family: Tulpen One;
font-size: 30px;
  line-height:100%;
letter-spacing: 0px;
font-style: normal;
text-align: center;
text-transform: none;
}
p em {
margin: 4px;
color: transparent;
display: block;
  width: 500px;
  margin-left:250px;
 align: center;
  line-height:100%;
}
.post {
background: #030303;
background-repeat: repeat;
background-position: center;
  border-bottom: 8px solid #3B0F0F;
  padding:10px 10px 10px 10px;
  color:#797a79;
}
.postprofile dd {
text-align: left;
}
.postprofile dd, .postprofile dt {
margin-top: 10px;
margin-right: 5px;
margin-left: 5px;
}
dl.codebox {
  background-color:#2B1313;
  background-image:url(\\\'http://2img.net/i/fa/pbucket.gif\\\');
  border-radius: 15px 15px 15px 15px;
color:white;
    text-transform:none;
  border: 1px solid #120707;
}
.spoiler_content.hidden {
  background-color:#2B1313;
  background-image:url(\\\'http://2img.net/i/fa/pbucket.gif\\\');
  border-radius: 15px 15px 15px 15px;
color:white;
  text-transform:none;
  border: 1px solid #120707;
}
blockquote {
  background-color:#2B1313;
  background-image:url(\\\'http://2img.net/i/fa/pbucket.gif\\\');
  border-radius: 15px 15px 15px 15px;
color:white;
    text-transform:none;
  border: 1px solid #120707;
}
.topics {
text-shadow: 1px 1px 1px #000000;
}
.posts {
text-shadow: 1px 1px 1px #000000;
}
.lastpost {
text-shadow: 1px 1px 1px #000000;
text-align:center;
align:center;
}
.postprofile{
text-align: center;
}
.postprofile dt a img {
box-shadow: 1px 1px 2px #000000;
margin-top: 0px;
width:200px;
  margin-bottom:8px;
  height:400px;
}
.postprofile {
background-image: url(\\\'http://i48.tinypic.com/2aikcns.jpg\\\');
  border-radius: 0px 0px 100px 0px / 0px 0px 50px 0px;
margin-top: 17px;
border-left: 9px double #120707;
float: right;
font-family: arial;
  line-heighr:90%;
font-size: 12px;
  text-transform:uppercase;
margin-right: -3px;
padding-top: 13px;
color: #d4d4d4;
text-align: center;
width: 220px;
box-shadow:0px 2px 5px #000000;
}
p.author {
  background-image: url(\\\'http://i48.tinypic.com/2aikcns.jpg\\\');
position: relative;
right: -7em;
color:#e3e3e3;
background-color:#000000;
text-align: center;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-transform: lowercase;
  box-shadow: 0px 2px 5px #000000;
}
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
color: #d4d4d4; 
font-family: amatic sc;
font-size: 30px;
line-height: 40%;
font-weight:800;
  margin-bottom:-15px;
letter-spacing: 1px;
font-style:normal;
  text-transform:uppercase;
text-decoration: none;
  text-shadow: 1px 1px 1px #000000;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.postprofile a:hover { 
    margin-top:0px;
font-family: amatic sc;
font-size: 30px;
letter-spacing: 3px;
font-style:normal;
  text-transform:uppercase;
text-shadow: 1px 1px 1px #000000;
  -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

.subs a {
  text-transform:uppercase;
  text-color:#E7E7E7;
  font-size:9px;
border-left: 4px solid #07080F;
margin: 0px;
padding: 2px;
      -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.subs a:active, .subs a:hover {
  background-color:#070303;
  text-transform:uppercase;
  color:#E7E7E7;
border-left: 40px solid #07080F;
margin: 0px;
padding: 2px 0px 0px;
      -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.formdesc a:link, .formdesc a:visited, .formdesc a:active {
background-color: transparent;
color: #E1E1E1;
font-size: 8px;
letter-spacing: 1px;
padding: 3px;
text-transform: uppercase;
}
.formdesc a:link:hover {
background-color: transparent;
color: #E1E1E1;
font-size: 8px;
letter-spacing: 2px;
padding: 3px;
text-transform: uppercase;
}
.formdesc {

background-color: #070303;
  border: solid 1px #070303;
border-radius: 0px 0px 50px 50px;
  margin-bttom:-20px;
  width:400px;
  height:auto;
float:center;
  position:relative;
  display:block;
  align:center;
font-size: 8px;
margin-top: 5px;
text-align: center;
text-shadow: 1px 1px 0 #COLOR;
  text-transform: uppercase;
}


/************LEGENDAS*********/

#main-content em{
  font-size:0px
}
#main-content em::before{
  content:\\\'Legenda: \\\';
  font-size:25px;
  font-style:normal;
  opacity: 0.0;
}
#main-content em b *{
  font-size:30px;
  font-style:normal;
  font-align:center;
  font-family: amatic sc;
}
#main-content em b *::hover{
  font-size:30px;
  font-style:normal;
  font-align:center;
  font-family: amatic sc;
  text-transform: uppercase;
}
#main-content em b a::before{
  content:\\\' • \\\';color:black
}
#main-content em b:first-child a::before{
  content:\\\'\\\'
}
#main-content em,
#main-content em *:link{
  cursor:default;
  color:inherit
}

/************FIM DAS LEGENDAS*********/

div.postprofile dl dt img{
      margin-left: 0px;
    border: 0px solid #eee;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
 
div.postprofile dl dt img:hover {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
}

.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{
-moz-box-shadow:2px 2px 10px #2B042F;
-webkit-box-shadow:2px 2px 10px #8B1A1A;
box-shadow:2px 2px 10px #8B1A1A;
}

/
   
    div.postprofile {
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px
border:2px solid #6B838C;
background: url("http://i38.servimg.com/u/f38/18/00/72/48/fundo110.gif");
display: inline;
left: -5px;
margin: 5px 0 0;
min-height: 80px;
padding: 10px 10px 10px 0;
position: fixe;
text-color: #FFFFFF;
}

.post .postbody{width:73%}.post .postprofile{width:24%}

.forabg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.forumbg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}

#content-container div#left {
background-color:    #363636;
margin-top: -0px;
margin-left:7px;
-moz-border-radius:30px;
-webkit-border-radius: 30px;
}

#content-container div#left {
border: 1px dashed #FFFFFF;
}

#content-container div#left {
border: 1px dashed #FFFFFF;
}

a[href="/u1"] {
text-shadow: 0px 0px 5px #FFFFFF;
}
.alert, .success, .information, .warn {
  padding: 15px;
  width: 85%;
  border: 1px solid;
  margin: 3px 0;
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font: 13px "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.alert > p, .success > p, .information > p, .warn > p {
  font-weight: bold;
  font-size: 14px;
}
.alert {
  background: #FAFFB2;
  border-color: #DBE08A;
  color: #AF8640;
}
.warn {
  background-color: #F2DEDE;
  border-color: #D3949E;
  color: #A94442;
}
.success {
  background-color: #DFF0D8;
  border-color: #A5D280;
  color: #3C763D;
}
.information {
  background-color: #ADDBF2;
  border-color: #5AB7CA;
  color: #31708F;
}


Novo (conteúdo a qual coloquei recente)
     
      a.forumtitle {
-moz-border-radius: 5px 5px 5px 5px;
font-family:georgia;
font-style: none;
text-transform:lowercase;
}

a.forumtitle:hover {
text-decoration:none;
font-style: bold;
letter-spacing: 1px;
}

#page-header ul.linklist li a {
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
background-color:;
font-family:trebuchet ms;
font-style: none;
text-transform:lowercase;
font-size: 20px;
text-shadow: 0px 0px 5px #f00000;
}

#page-header ul.linklist li a:hover {
text-decoration:none;
font-style: bold;
letter-spacing: 1px;
}

.row1 {
background-color:none;
}

#cp-main .panel.sig {
-moz-border-radius: 30px 30px 30px 30px;
background-color:;
}

.wysiwyg {
color: #FFFFFF;
font-family:verdana;
font-size:12px;
}

div.postprofile dl dt strong a span strong {font-family: Georgia; font-size: 25; font-style: italic; letter-spacing:-1px; font-weight: bold;}


div.postprofile {
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px
border:2px solid #6B838C;
background: url("http://i38.servimg.com/u/f38/18/00/72/48/fundo110.gif");
display: inline;
left: -5px;
margin: 5px 0 0;
min-height: 80px;
padding: 10px 10px 10px 0;
position: fixe;
text-color: #FFFFFF;
}

.post .postbody{width:73%}.post .postprofile{width:24%}

.forabg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.forumbg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}

#content-container div#left {
background-color:    #363636;
margin-top: -0px;
margin-left:7px;
-moz-border-radius:30px;
-webkit-border-radius: 30px;
}

#content-container div#left {
border: 1px dashed #FFFFFF;
}

a[href="/u1"] {
text-shadow: 0px 0px 5px #FFFFFF;
}
.alert, .success, .information, .warn {
  padding: 15px;
  width: 85%;
  border: 1px solid;
  margin: 3px 0;
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font: 13px "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.alert > p, .success > p, .information > p, .warn > p {
  font-weight: bold;
  font-size: 14px;
}
.alert {
  background: #FAFFB2;
  border-color: #DBE08A;
  color: #AF8640;
}
.warn {
  background-color: #F2DEDE;
  border-color: #D3949E;
  color: #A94442;
}
.success {
  background-color: #DFF0D8;
  border-color: #A5D280;
  color: #3C763D;
}
.information {
  background-color: #ADDBF2;
  border-color: #5AB7CA;
  color: #31708F;
}

.sucesso, .alerta, .aviso, .infos {
    -moz-border-radius: 3px;
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
      border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0,0,0,.4);
      font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    margin: 5px 0;
    padding: 15px 15px 15px 65px !important;
    width: 85%;
}
.sucesso {
    background-color: #DFF0D8;
  border-color: #A5D280;
  color: #3C763D;
}
.alerta {
    background: #FAFFB2;
  border-color: #DBE08A;
  color: #AF8640;
}
.aviso {
  background-color: #F2DEDE;
  border-color: #D3949E;
  color: #A94442;
}
.infos {
    background-color: #ADDBF2;
  border-color: #5AB7CA;
  color: #31708F;
}

.sucesso, .alerta, .aviso, .infos {
    -moz-border-radius: 3px;
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
      border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(0,0,0,.4);
      font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    margin: 5px 0;
    padding: 15px 15px 15px 65px !important;
    width: 85%;
}
.sucesso {
    background-color: #DFF0D8;
  border-color: #A5D280;
  color: #3C763D;
}
.alerta {
    background: #FAFFB2;
  border-color: #DBE08A;
  color: #AF8640;
}
.aviso {
  background-color: #F2DEDE;
  border-color: #D3949E;
  color: #A94442;
}
.infos {
    background-color: #ADDBF2;
  border-color: #5AB7CA;
  color: #31708F;
}

blockquote {background: #484848 url(http://i.imgur.com/YJY84N1.png) 6px 8px norepeat!important;
border-top: 0px!important;border-bottom: 0px!important;border-left: 10px solid #c2c2c2!important;border-right: 10px solid #c2c2c2!important;}dl.codebox {background: #171717!important;border-color: #3d3d3d!important;border-style: solid!important;border-width: 4px!important;color: #b5b5b5!important;max-width: 500px!important;border-radius: inherit!important;}dl.codebox dt {background: #4a4a4a!important;border-style: none!important;color: #9e9e9e!important;font-family: "PT Sans Narrow"!important;font-size: 20px!important;font-style:normal!important;font-variant: small-caps!important;font-weight: normal!important;margin-bottom: none!important;max-width: 500px!important;padding: 4px 0!important;text-align: center!important;}l.codebox code {color: #b5b5b5!important;font-family: arial!important;font-size: 12px!important;font-style: normal!important;font-variant: normal!important;font-weight: normal!important;
padding-left: 20px!important;
}
.spoiler_content.hidden {
background-color: #2D2C2C!important;
background-image: none!important;
border: 1px solid #120707!important;
border-radius: inherit!important;
color: #fff!important;
text-transform: nonecolor: rgb(181, 181, 181)!important;
font-family: arial!important;
font-size: 12px!important;
font-style: normal!important;
font-variant: normal!important;
font-weight: normal!important;
padding-left: 20px!important;
box-shadow: none!important;
}

blockquote{background:#ebeadd url(http://2img.net/i/fa/prosilver/quote.gif) 6px 8px no-repeat;border:1px solid #DBDBCE;font-size:.95em;margin:1em 1px 1em 25px;overflow:hidden;padding:5px}blockquote div{margin-left:20px}blockquote blockquote{background-color:#EFEED9;font-size:1em;margin:.5em 1px 0 15px}blockquote blockquote blockquote{background-color:#ebeadd}blockquote cite{display:block;font-size:.9em;font-style:normal;font-weight:700}blockquote cite cite{font-size:1em}blockquote.uncited{padding-top:25px}ul{list-style-type:none}blockquote dl.codebox{margin-left:0}.content blockquote{color:#536482}blockquote,blockquote blockquote,blockquote blockquote blockquote{-moz-border-radius:5px;-moz-box-shadow:0 1px 5px rgba(0,0,0,.15);-webkit-border-radius:5px 5px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);background:none;background-color:#F9F9F9;background-image:-webkit-gradient(linear,lefttop,leftbottom,from(#F9F9F9),to(#F0F0F0));border:1px solid #DEDEDE;border-radius:5px 5px;box-shadow:0 1px 5px rgba(0,0,0,.15);padding:10px 20px}blockquote{word-wrap:break-word}


Try

Try
**

Membro desde : 30/05/2016
Mensagens : 73
Pontos : 109

http://kings1.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: [CSS] avatar girando mais que o bau da felicidade

Mensagem por tikky 27.05.18 10:40

Olá @Try,
Localize no seu CSS
Código:
div.postprofile dl dt img{
      margin-left: 0px;
    border: 0px solid #eee;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
 
div.postprofile dl dt img:hover {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
}
 
.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{
-moz-box-shadow:2px 2px 10px #2B042F;
-webkit-box-shadow:2px 2px 10px #8B1A1A;
box-shadow:2px 2px 10px #8B1A1A;
}
e apague.

Atenciosamente,
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: [CSS] avatar girando mais que o bau da felicidade

Mensagem por Try 27.05.18 16:04

Funcionou mais existe mais um detalhe  a questão a qual o perfil não conseguir expande o tamanho da  imagem. pode olha  na no fórum ainda  continua no mesmo estado,a configuração do avatar esta como a imagem a baixo.

[CSS] avatar  girando mais que o bau da felicidade Tumblr_p9e76u7zwJ1vcqqsxo1_1280
Try

Try
**

Membro desde : 30/05/2016
Mensagens : 73
Pontos : 109

http://kings1.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: [CSS] avatar girando mais que o bau da felicidade

Mensagem por tikky 27.05.18 16:11

Você quando fala de perfil está a citar este:
kings1.forumeiros.com/u1

ou o "perfil no tópico"?
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: [CSS] avatar girando mais que o bau da felicidade

Mensagem por Try 27.05.18 17:10

falo no tópico mesmo
Try

Try
**

Membro desde : 30/05/2016
Mensagens : 73
Pontos : 109

http://kings1.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: [CSS] avatar girando mais que o bau da felicidade

Mensagem por Try 28.05.18 22:27

Esperando respostas.
Try

Try
**

Membro desde : 30/05/2016
Mensagens : 73
Pontos : 109

http://kings1.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: [CSS] avatar girando mais que o bau da felicidade

Mensagem por Neox 29.05.18 18:48

Em:
Painel de Controle -> Visualização -> Cores -> Folha de Estilo CSS.

Adicione ao final da caixa de código:
Código:
.postprofile,
.postprofile * {
  box-sizing: border-box;
}
 
.postprofile dt > a > img {
  max-width: 180px !important;
}

Atenciosamente.
Neox

Neox
Membro

Membro desde : 16/08/2016
Mensagens : 698
Pontos : 976

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: [CSS] avatar girando mais que o bau da felicidade

Mensagem por Try 29.05.18 19:21

Olá Neox,Coloquei o código como você  mencionou mais não funcionou tentei até altera  o 180px ,O ultimo problema a qual estou tendo e no tópicos das mensagem eles  não altera a largura  e altura do avatar,agradeço ser me ajuda com esse problema  final para resolver essa alteração que eu fiz  no tema do fórum.
Try

Try
**

Membro desde : 30/05/2016
Mensagens : 73
Pontos : 109

http://kings1.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: [CSS] avatar girando mais que o bau da felicidade

Mensagem por Neox 29.05.18 19:41

Bom,
Faça o seguinte:

Painel de controle -> Visualização -> Avatares -> Galeria dos avatares -> Avatares pessoais

Em "Tamanho Máximo do Arquivo Avatar" coloque os valores pretendidos e salve.

Caso não dê certo, utilize este código
div.postprofile dl dt img{width:VALOR DA LARGURApx !important; height:VALOR DA ALTURApx !important;}
Neox

Neox
Membro

Membro desde : 16/08/2016
Mensagens : 698
Pontos : 976

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: [CSS] avatar girando mais que o bau da felicidade

Mensagem por Try 29.05.18 19:51

Olá novamente Neox,Coloquei o código e funcionou  agradeço muito,Pode fecha  o tópico.  Feliz
Try

Try
**

Membro desde : 30/05/2016
Mensagens : 73
Pontos : 109

http://kings1.forumeiros.com

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: [CSS] avatar girando mais que o bau da felicidade

Mensagem por Fraise 29.05.18 23:08

Tópico resolvido


Movido para "Questões resolvidas".
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

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

- Tópicos semelhantes

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