Bordas sobre imagens do perfil no topico

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

Resolvido Bordas sobre imagens do perfil no topico

Mensagem por UsuarioX em 23/06/13, 03:53 pm

Qual é minha questão:
Bem alguem poderia me passar um codigo css ou JS de Uma aplicacao de borda sobre as imagens dos perfils .
ex : imagen dentro de uma borda . Sinples
Se nao entendeu estou perguntando se tem codigo css ou js que pode fazer as imagens no perfil nos topicos ficarem dentro da borda .
Igual nesse site : http://www.zonetoony.net/ o qual nos enblemas tem uma borda separando eles la no perfil nos topicos



Como da para ver no meu forum no perfil os enblema no perfil do topico ele estao juntinhos ai eu quero colocar a borda para ficar definido e elaborado ..


Endereço do meu fórum:
http://gamesware.ativoforum.com

Versão do fórum:
PUNBB
avatar

UsuarioX
Usuário destaque

Masculino
Inscrito dia : 03/01/2012
Mensagens : 713
Pontos Ativos : 918

Ver perfil do usuário http://www.zonetoony.net/

Resolvido Re: Bordas sobre imagens do perfil no topico

Mensagem por North em 23/06/13, 04:02 pm

Adicione esse código em seu CSS
Painel de controle -> Visualização -> Imagens e Cores -> Cores -> Folha de estilo CSS

Código:
.user-basic-info {
border: 1px solid #d0d0d0;
}
.user-info {
border: 1px solid #d0d0d0;
}

Carregue em salvar.

Até mais!
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Bordas sobre imagens do perfil no topico

Mensagem por UsuarioX em 23/06/13, 06:18 pm

ate que foi so que foi no perfil nao foi nos enblemas , eu quero nos enblemas .
avatar

UsuarioX
Usuário destaque

Masculino
Inscrito dia : 03/01/2012
Mensagens : 713
Pontos Ativos : 918

Ver perfil do usuário http://www.zonetoony.net/

Resolvido Re: Bordas sobre imagens do perfil no topico

Mensagem por North em 23/06/13, 06:27 pm

Cada imagem está em uma classe do perfil?
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Bordas sobre imagens do perfil no topico

Mensagem por UsuarioX em 23/06/13, 07:39 pm

bem nao a imagens do enblema esta em img , o tipo e zona de texto ...
avatar

UsuarioX
Usuário destaque

Masculino
Inscrito dia : 03/01/2012
Mensagens : 713
Pontos Ativos : 918

Ver perfil do usuário http://www.zonetoony.net/

Resolvido Re: Bordas sobre imagens do perfil no topico

Mensagem por MateusA em 23/06/13, 07:46 pm

Olá!

Troque o código fornecido pelo nosso querido Harker, por esse:

Código:
.user-info img {
border: 1px solid #d0d0d0;
}
.user-info .label span img {
border: none;
}

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Bordas sobre imagens do perfil no topico

Mensagem por UsuarioX em 23/06/13, 07:58 pm

aff ta dando erro :

Erro
Erro detectado
Nós contamos um número diferente de "{" e de "}". Isto significa que o seu CSS pode não ser válido e não será exibido corretamente no seu fórum.

Lhe aconselhamos que releia o seu código.


Triste
avatar

UsuarioX
Usuário destaque

Masculino
Inscrito dia : 03/01/2012
Mensagens : 713
Pontos Ativos : 918

Ver perfil do usuário http://www.zonetoony.net/

Resolvido Re: Bordas sobre imagens do perfil no topico

Mensagem por MateusA em 23/06/13, 08:08 pm

Olá!

Você retirou o código fornecido pelo Harker? pode me fornecer a sua Folha de estilos CSS?
Forneça dentro da BALIZA code

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Bordas sobre imagens do perfil no topico

Mensagem por UsuarioX em 23/06/13, 08:19 pm

Tirei sim , aki o codigo :

Código:

        .user-info img {
        border: 1px solid #d0d0d0;
        }
        .user-info .label span img {
        border: none;
        }

#mudda {background-color: #000;
border: 3px dotted #444!important;
border-radius: 15px 15px 15px 15px;
cursor: pointer;
float: left;
margin-top:3px;
padding:4px;
margin-right:5px}
#mudda:hover{
 background-color: #FFF; 
}
#mudda:active{
 background-color: #E71E7B; 
}

.popupWrapper {
background-color: rgba(70, 70, 70, 0.6);
border-radius: 4px 4px 4px 4px;
box-shadow: 0 12px 25px rgba(0, 0, 0, 0.7);
left: 300px;
margin: 0 auto !important;
max-height: 400px;
max-width: 700px;
overflow: auto;
padding: 4px;
position: fixed !important;
top: 200px;
}

.user-basic-info img{ max-height: 250px; max-width: 300px;}
.vote {
float: right;
width: 16px;
margin-left: 4px;
}
input.button1, input.button2, button.button2, a.button1, input.button1, a.button2, input.button2, button.button2, a.button1, input.button1, a.button2, input.button2, button.button2, body:last-child a.button1, input.button1, a.button2, input.button2, button.button2, input, button {
-webkit-border-radius: 3px;
background-color: white;
border: 1px solid #CCC;
border-radius: 3px;
color: #515151;
cursor: text;
display: inline-block;
font-size: 13px;
line-height: 15px;
outline: 0;
}
input.button1:hover, input.button2:hover, button.button2:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, body:last-child a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, input:hover, button:hover{
-webkit-border-radius: 3px;
background-color: white;
border: 1px solid #CCC;
border-radius: 3px;
color: #515151;
cursor: text;
display: inline-block;
font-size: 13px;
line-height: 15px;
outline: 0;
}

button.button2, input.button2 {
color: #444;
border: 1px solid gainsboro;
background-color: whiteSmoke;
cursor: pointer;
padding: 4px 6px;
margin-top: 1px;
border-radius: 3px;
background-image: none !important; 
background-image: -moz-linear-gradient(top,whiteSmoke,#F1F1F1);
background-image: -ms-linear-gradient(top,whiteSmoke,#F1F1F1);
background-image: -o-linear-gradient(top,whiteSmoke,#F1F1F1);
background-image: linear-gradient(top,whiteSmoke,#F1F1F1);
background-image: -webkit-linear-gradient(top,whiteSmoke,#F1F1F1);
}

#respostarapidarb >#pun-qpost >.main-head{border-top:2px solid #009DDA !important; background:whiteSmoke !important; font:bold 15px/10px arial !important; color:#2087CC !important; text-shadow:0px 0px 1px white !important; padding:15px 10px !important; border-bottom:0px !important;  -webkit-border-radius:0px !important;  border-radius:0px !important;  -webkit-box-shadow:none !important;  box-shadow:none !important}

#respostarapidarb #text_editor_controls{margin-top:100px; position:absolute; margin-left:365px; max-width:570px}

#respostarapidarb #quick_reply .frm-buttons{padding:40px 0px 0px 0px !important}

#respostarapidarb #text_editor_textarea{border:1px solid #C4C4C4; padding:8px 4px; position:relative; box-shadow:inset 0 1px 2px #DDD; background-color:white; height:60px!important; resize:none; width:99% !important}

button.button2:hover, input.button2:hover{border:1px solid #B8B8B8; box-shadow:0 0 1px #BDBDBD}

button.button2, input.button2{background-image:-webkit-linear-gradient(top,whiteSmoke,#F1F1F1)}

button.button2, input.button2{color:#444; border:1px solid gainsboro; background-color:whiteSmoke; cursor:pointer; padding:4px 6px; margin-top:1px; border-radius:3px; background-image:-moz-linear-gradient(top,whiteSmoke,#F1F1F1); background-image:-ms-linear-gradient(top,whiteSmoke,#F1F1F1); background-image:-o-linear-gradient(top,whiteSmoke,#F1F1F1); background-image:linear-gradient(top,whiteSmoke,#F1F1F1)}

#respostarapidarb #quick_reply .frm-buttons {
avatar

UsuarioX
Usuário destaque

Masculino
Inscrito dia : 03/01/2012
Mensagens : 713
Pontos Ativos : 918

Ver perfil do usuário http://www.zonetoony.net/
  • 0

Resolvido Re: Bordas sobre imagens do perfil no topico

Mensagem por MateusA em 23/06/13, 08:22 pm

Olá!

Troque por essa:

Código:
        .user-info img {
        border: 1px solid #d0d0d0;
        }
        .user-info .label span img {
        border: none;
        }

        #mudda {background-color: #000;
        border: 3px dotted #444!important;
        border-radius: 15px 15px 15px 15px;
        cursor: pointer;
        float: left;
        margin-top:3px;
        padding:4px;
        margin-right:5px}
        #mudda:hover{
        background-color: #FFF; 
        }
        #mudda:active{
        background-color: #E71E7B; 
        }

        .popupWrapper {
        background-color: rgba(70, 70, 70, 0.6);
        border-radius: 4px 4px 4px 4px;
        box-shadow: 0 12px 25px rgba(0, 0, 0, 0.7);
        left: 300px;
        margin: 0 auto !important;
        max-height: 400px;
        max-width: 700px;
        overflow: auto;
        padding: 4px;
        position: fixed !important;
        top: 200px;
        }

        .user-basic-info img{ max-height: 250px; max-width: 300px;}
        .vote {
        float: right;
        width: 16px;
        margin-left: 4px;
        }
        input.button1, input.button2, button.button2, a.button1, input.button1, a.button2, input.button2, button.button2, a.button1, input.button1, a.button2, input.button2, button.button2, body:last-child a.button1, input.button1, a.button2, input.button2, button.button2, input, button {
        -webkit-border-radius: 3px;
        background-color: white;
        border: 1px solid #CCC;
        border-radius: 3px;
        color: #515151;
        cursor: text;
        display: inline-block;
        font-size: 13px;
        line-height: 15px;
        outline: 0;
        }
        input.button1:hover, input.button2:hover, button.button2:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, body:last-child a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, input:hover, button:hover{
        -webkit-border-radius: 3px;
        background-color: white;
        border: 1px solid #CCC;
        border-radius: 3px;
        color: #515151;
        cursor: text;
        display: inline-block;
        font-size: 13px;
        line-height: 15px;
        outline: 0;
        }

        button.button2, input.button2 {
        color: #444;
        border: 1px solid gainsboro;
        background-color: whiteSmoke;
        cursor: pointer;
        padding: 4px 6px;
        margin-top: 1px;
        border-radius: 3px;
        background-image: none !important; 
        background-image: -moz-linear-gradient(top,whiteSmoke,#F1F1F1);
        background-image: -ms-linear-gradient(top,whiteSmoke,#F1F1F1);
        background-image: -o-linear-gradient(top,whiteSmoke,#F1F1F1);
        background-image: linear-gradient(top,whiteSmoke,#F1F1F1);
        background-image: -webkit-linear-gradient(top,whiteSmoke,#F1F1F1);
        }

        #respostarapidarb >#pun-qpost >.main-head{border-top:2px solid #009DDA !important; background:whiteSmoke !important; font:bold 15px/10px arial !important; color:#2087CC !important; text-shadow:0px 0px 1px white !important; padding:15px 10px !important; border-bottom:0px !important;  -webkit-border-radius:0px !important;  border-radius:0px !important;  -webkit-box-shadow:none !important;  box-shadow:none !important}

        #respostarapidarb #text_editor_controls{margin-top:100px; position:absolute; margin-left:365px; max-width:570px}

        #respostarapidarb #quick_reply .frm-buttons{padding:40px 0px 0px 0px !important}

        #respostarapidarb #text_editor_textarea{border:1px solid #C4C4C4; padding:8px 4px; position:relative; box-shadow:inset 0 1px 2px #DDD; background-color:white; height:60px!important; resize:none; width:99% !important}

        button.button2:hover, input.button2:hover{border:1px solid #B8B8B8; box-shadow:0 0 1px #BDBDBD}

        button.button2, input.button2{background-image:-webkit-linear-gradient(top,whiteSmoke,#F1F1F1)}

        button.button2, input.button2{color:#444; border:1px solid gainsboro; background-color:whiteSmoke; cursor:pointer; padding:4px 6px; margin-top:1px; border-radius:3px; background-image:-moz-linear-gradient(top,whiteSmoke,#F1F1F1); background-image:-ms-linear-gradient(top,whiteSmoke,#F1F1F1); background-image:-o-linear-gradient(top,whiteSmoke,#F1F1F1); background-image:linear-gradient(top,whiteSmoke,#F1F1F1)}


Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Bordas sobre imagens do perfil no topico

Mensagem por UsuarioX em 23/06/13, 08:34 pm

aeee funcionouuu D
so que o tema mudou para o original
mas pelo menos funcionou vlw
 +
avatar

UsuarioX
Usuário destaque

Masculino
Inscrito dia : 03/01/2012
Mensagens : 713
Pontos Ativos : 918

Ver perfil do usuário http://www.zonetoony.net/

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