Bordas sobre imagens do perfil no topico

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

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!

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

Cada imagem está em uma classe do perfil?

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

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.

aff ta dando 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.

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.

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 {


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.

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