Border butoane contact

Salut SGSS. Am o mica problema. Codul oferit de tine maianinte pentru avatar am incercat avatarului sa ii adaug un border + shadow iar acel border si shadow le apartin si imaginilor de contact de sub avatar. Cum pot sa fac sa ramana acel border + shadow doar la avatar nu si la imaginile de contact ?

Multumesc !

Puteti posta aici Foaie de stil CSS.

Desigur. Poftim:

Cod:

.clsavatar img{
max-width: 90px;
max-height: 90px;
padding: 1px;
border: 1px solid #C6D7DC;
}

.row2 {
background-color: white !important;
}

.row1 {
background-color: white !important;
}

.navbar {
  background: none;
}

#search-box {
float: right;
margin-right: 5px;
margin-top: 15px;
white-space: nowrap;
}

#page-footer .copyright strong a{
position: absolute;
top: 25px;
left: 15px;
background-image:url('http://cdn1.iconfinder.com/data/icons/discovery/32x32/status/important.png');
width: 65px;
height: 32px;
background-repeat:no-repeat;
background-position:left top;
color: transparent;
padding: 3px;
font-size: 1px;
}

#page-footer .linklist.clearfix {
background: white;
float: none;
border: 1px solid #DDD;
padding: 2px 6px;
}

.header .topics, .header .posts, .header .views, .header .lastpost, #picture_legend, .mainmenu img, .linklist, .vf_jumpbox, .pagination:last-child, .pathname-box:last-child {
display: none!important;
}


.search-box {
display: none;
}

body {
background: #0D202E url('http://www.ipbforumskins.com/skindemo/public/style_images/navia34x/background.jpg') no-repeat 50% 0;
color: #6F8497;
font: normal 10px tahoma,helvetica,arial,sans-serif;
position: relative;
padding-top: 14px;
padding-bottom: 14px;
}

#branding {
background: url('http://www.ipbforumskins.com/skindemo/public/style_images/navia34x/banner_bg.png') repeat-x;
height: 55px;
}

.wrapper, #wrapper {
margin: 0 auto;
width: 90%;
min-width: 990px;
max-width: 1200px;
}

#user_bar {
height: 35px;
font-weight: bold;
background: url('http://www.ipbforumskins.com/skindemo/public/style_images/navia34x/user_bar.png') repeat-x 0 0;
}

.content_out {
margin-top: 7px;
background: #F7FDFF;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
padding: 5px;
}

.content_in {
background: #E8F3F6;
border: 1px solid #D0E7ED;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
padding: 5px;
}

#page-body #wrapper {
width: 100%;
}

#page-header {
display: none;
}

.forabg, .forumbg {
background-color: transparent;
background-image: none;
background-position: 0 0;
background-repeat: repeat-x;
border: 0px solid white;
clear: both;
margin-bottom: 4px;
padding: 0px;
}

.border, .statistics {
background: #FBFEFF;
}

.removeDefault.ipsBox {
padding: 0;
background: none transparent;
}

.removeDefault .ipsBox_container, .removeDefault.ipsBox_container {
background: #FBFEFF;
border: 1px solid #C4D7DE;
}

::selection {
color: white;
background: #82B8E6;
}

.maintitle_base {
background: #0F2D3D url('http://www.ipbforumskins.com/skindemo/public/style_images/navia34x/maintitle.png') repeat-x 0 0;
border: 1px solid #0F2D3D;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-bottom: 2px;
height: 32px;
}

.header_left {
background: url('http://www.ipbforumskins.com/skindemo/public/style_images/navia34x/cat_left.png') no-repeat 0 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
height: 32px;
}

.maintitle_base .maintitle {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: 0;
background: none transparent;
}

h3.maintitle {
font-weight: bold;
color: #F7FDFF;
text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px;
padding: 8px 9px;
font-size: 12px;
margin-top: 0px;
}

.table-title {
position: relative;
top: -4px;
}

.table-title h2 {
font-weight: bold;
color: #F7FDFF;
text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px;
padding: 8px 9px;
font-size: 12px;
left: -10px;
position: relative;
}

.row {
border-bottom: 1px solid #E3EBF1!important;
background-repeat: repeat-x;
background-position: 0 0;
background: white;
}

#primary_nav {
height: 55px;
font-family: 'Lobster',"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 20px;
font-weight: 100;
float: right;
text-shadow: #05161C 0px -1px 0px;
}

#community_app_menu > li {
margin: 0;
position: relative;
}

.ipsList_inline > li:first-child {
margin-left: 0;
}

.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}

#community_app_menu > li > a {
color: #4F9DB0;
display: block;
outline: none;
padding: 0px 15px;
line-height: 55px;
height: 55px;
}

#community_app_menu > li > a:hover, #community_app_menu > li > a.menu_active {
background: url('http://www.ipbforumskins.com/skindemo/public/style_images/navia34x/trans20.png') repeat;
background: rgba(0, 0, 0, 0.2);
color: #ADD7E1!important;
}

@font-face{font-family:'Lobster';font-style:normal;font-weight:400;src:local('Lobster'),url(http://themes.googleusercontent.com/static/fonts/lobster/v5/MWVf-Rwh4GLQVBEwbyI61Q.woff) format('woff');}

a#logo {
font-size: 36px;
line-height: 55px;
font-family: "Lobster","Trebuchet MS",Arial,Helvetica,sans-serif;
outline: none;
display: block;
text-shadow: #05161C 0px -1px 0px;
color: #4F9DB0;
text-decoration: none;
padding: 0 15px;
margin-top: -5px;
}

a#logo:hover {
color: #ADD7E1;
background: url('http://www.ipbforumskins.com/skindemo/public/style_images/navia34x/trans20.png') repeat;
background: rgba(0, 0, 0, 0.2);
}

.statistics .statistics_head:first-of-type {
border-top: 0;
}

.statistics_head, .statistics_head a {
color: #293D4F;
}

.statistics_head {
border-top: 1px solid #C4D3DE;
border-bottom: 1px solid #C4D3DE;
text-transform: uppercase;
background: #E5ECF1 url('http://www.ipbforumskins.com/skindemo/public/style_images/navia34x/highlight.png') repeat-x 0 0;
text-shadow: white 0px 1px 0px;
font-size: 10.8px;
font-weight: bold;
padding: 8px;
margin: -8px -8px 8px -8px;
}

.statistics {
margin: 20px 0 0 0;
padding: 8px;
line-height: 1.3;
overflow: hidden;
border: 1px solid #C4D3DE;
}

.statistics_head, .statistics_head a {
color: #293D4F;
}

#stat_links a {
margin: 0 5px;
font-weight: 300;
}

.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}

#stat_links {
float: right;
margin-top: 0px;
}

#board_stats ul {
text-align: center;
}

#board_stats li {
margin-right: 20px;
font-size: 11px;
}

#board_stats .value {
display: inline;
background: #E2ECF0;
color: #4B6C7B;
text-shadow: rgba(255, 255, 255, 0.7) 0px 1px 0px;
padding: 3px 7px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-right: 3px;
-webkit-box-shadow: inset #ACC2D5 0px 1px 2px,white 0px 1px 0px;
-moz-box-shadow: inset #acc2d5 0px 1px 2px,#fff 0px 1px 0px;
box-shadow: inset #ACC2D5 0px 1px 2px,white 0px 1px 0px;
}

#board_stats {
margin-top: 15px;
}

#secondary_navigation {
background: #F7FDFF url('http://www.ipbforumskins.com/skindemo/public/style_images/navia34x/secondary_nav_bg.png') repeat-x 0 0;
border-bottom: 1px solid #D0E7ED;
font-size: 11px;
text-shadow: white 0px 1px 0px;
-moz-border-radius: 3px 3px 0px 0px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-radius: 3px 3px 0px 0px;
margin: -5px -5px 0px -5px;
overflow: hidden;
line-height: 37px;
clear: both;
font-weight: bold;
}

.breadcrumb {
color: #777;
font-size: 11px;
}

#secondary_navigation #breadcrumb li {
float: left;
}

#secondary_navigation #breadcrumb li.first a {
margin-left: 0;
background: none;
padding-left: 0px;
}

#secondary_navigation #breadcrumb li a {
padding-left: 12px;
margin-left: -15px;
background: url('http://www.ipbforumskins.com/skindemo/public/style_images/navia34x/secondary_nav.png') no-repeat 0 0;
display: block;
outline: none;
text-decoration: none;
}

#secondary_navigation a {
color: #2D7789;
line-height: 37px;
height: 30px;
}

#secondary_navigation #breadcrumb li a:hover {
background-position: 0 -43px;
}

.right {
float: right;
}

#secondary_links {
overflow: hidden;
}

#secondary_links a {
padding: 0 12px;
}

#secondary_navigation #breadcrumb li.first a span {
padding-left: 12px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
}

#secondary_navigation #breadcrumb li span {
display: block;
padding-right: 17px;
padding-left: 4px;
background: url('http://www.ipbforumskins.com/skindemo/public/style_images/navia34x/secondary_nav.png') no-repeat 100% 0;
}

#secondary_links img {
vertical-align: top;
width: 16px;
height: 16px;
position: relative;
margin: 10px -3px 0 -3px;
}

.post {
font-size: 10px;
}

.topicViewIcons a.active {
background: url("http://www.ipbforumskins.com/skindemo/public/style_images/navia34x/trans50.png") repeat;
background: rgba(0, 0, 0, 0.5);
-webkit-box-shadow: inset rgba(0, 0, 0, 0.6) 0px 1px 3px,rgba(255, 255, 255, 0.1) 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px,rgba(255,255,255,0.1) 0px 1px 0px;
box-shadow: inset rgba(0, 0, 0, 0.6) 0px 1px 3px,rgba(255, 255, 255, 0.1) 0px 1px 0px;
opacity: 1;
}

.topicViewIcons a {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
float: left;
width: 22px;
height: 22px;
text-decoration: none;
text-align: center;
outline: none;
margin-right: 5px;
opacity: 0.6;
}

.topicViewIcons #topicViewBasic img {
background-position: -16px -16px;
}

.topicViewIcons img {
vertical-align: top;
margin-top: 4px;
width: 16px;
height: 16px;
background: url("http://www.ipbforumskins.com/skindemo/public/style_images/navia34x/topicViewIcon.png") no-repeat;
}

.topicViewIcons #topicViewRegular.active img {
background-position: 0 -16px;
}

.topicViewIcons #topicViewRegular img {
background-position: 0 -16px;
}

.topicViewIcons {
overflow: hidden;
position: relative;
padding-bottom: 1px;
margin: 5.5px 6px -5px 6px;
}

.postprofile {
background: #E8F2F6 url("http://www.ipbforumskins.com/skindemo/public/style_images/navia34x/highlight.png") repeat-x 0 0;
border: 1px solid #D9E7EC;
width: 155px;
float: left;
font-size: 12px;
text-align: center;
padding: 10px 10px;
line-height: 150%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 8px 0 8px 8px;
margin-left: -2px;
}

.post .corners-top, .post corners-bottom, .postbody .topic-title, .sprite-icon_post_target {
display: none!important;
}

.post h3 {
color: #293D4F;
background: #E2ECF0 url("http://www.ipbforumskins.com/skindemo/public/style_images/navia34x/highlight.png") repeat-x 0 0;
text-shadow: white 0px 1px 0px;
border-top: 1px solid #C6D7DC;
border-bottom: 1px solid #C6D7DC;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 13px;
margin: -1px -10px;
}

.post:first-of-type h3 {
border-top: 0;
}

.basicTopicView .postbody .author {
margin-top: -24px;
margin-left: 120px;
}

.names {
position: absolute;
float: left;
color: #293D4F!important;
text-shadow: white 0px 1px 0px;
line-height: 36px;
font-weight: normal;
font-size: 13px;
min-width: 0px;
padding-right: 12px;
margin-right: 12px;
border-right: 1px solid #D2E4EC;
width: 100%;
position: absolute;
left: -55px;
margin-top: -69px;
}

.names span {
color: #293D4F!important;
}

.postprofile dt a img {
padding: 1px;
border: 1px solid #C6D7DC;
background: white;
-webkit-box-shadow: 0px 1px 2px #D2E3F2;
-moz-box-shadow: 0px 1px 2px #d2e3f2;
box-shadow: 0px 1px 2px #D2E3F2;
max-width: 90px;
max-height: 90px;
}

.postprofile .dt strong  a {
display: none;
}

.postbody ul.profile-icons {
float: right;
margin-right: 0px;
padding: 0;
margin-top: -28px;
margin-bottom: 15px;
width: auto;
}

#search-box #keywords {
position: relative;
background: white;
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 4px 4px 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 3px;
border-radius: 3px 0px 0px 3px;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
min-width: 230px;
margin-top: -7px;
border: 0px;
}

#search-box .button2 {
background: #27667E url('http://www.ipbforumskins.com/skindemo/public/style_images/navia34x/search_icon.png') no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
display: block;
width: 26px!important;
height: 26px;
-moz-border-radius: 0 3px 3px 0;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-radius: 0 3px 3px 0;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
margin: -26px 23px 3px 259px;
}

.postbody .author, .search-box, .right.rightside {
display: none;
}

.ipbfs_titlebox {
background: #FBFEFF;
border: 1px solid #C4D3DE;
text-shadow: white 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset white 0px 1px 0px,rgba(0, 0, 0, 0.05) 0px 1px 4px;
-moz-box-shadow: inset #fff 0px 1px 0px,rgba(0,0,0,0.05) 0px 1px 4px;
box-shadow: inset white 0px 1px 0px,rgba(0, 0, 0, 0.05) 0px 1px 4px;
padding: 10px;
overflow: hidden;
}

.ipsType_pagetitle, .ipsType_subtitle {
font: 300 26px/1.4 Helvetica,Arial,sans-serif;
color: #4B6C7B;
text-shadow: white 0px 1px 0px;
margin-left: 10px;
position: relative;
left: -5px;
top: 2px;
}

.ipsUserPhoto_medium {
width: 50px;
height: 50px;
}

.ipsUserPhoto {
padding: 1px;
border: 1px solid #C6D7DC;
background: white;
-webkit-box-shadow: 0px 1px 2px #D2E3F2;
-moz-box-shadow: 0px 1px 2px #d2e3f2;
box-shadow: 0px 1px 2px #D2E3F2;
}

.ipsBox_withphoto {
margin-left: 60px!important;
}

.ipbfs_titlebox .author {
position: relative;
left: 8px;
color: #A3B3C0!important;
}

.ipbfs_titlebox .author a, .ipbfs_titlebox .author a span {
color: #A3B3C0!important;
}

ul.post_controls a {
color: #D5E1E5;
text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;
background: #174B60 url('http://www.ipbforumskins.com/skindemo/public/style_images/navia34x/highlight_faint.png') repeat-x 0 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
height: 24px;
line-height: 24px;
border: 1px solid #144355;
padding: 0 10px;
text-decoration: none;
margin-left: 4px;
display: block;
}

ul.post_controls li {
font-size: 11px;
float: left;
margin: 0;
padding: 0;
display: inline;
}

ul.post_controls {
margin: 0;
padding: 7px;
clear: both;
overflow: hidden;
position: relative;
top: 10px;
left: -15px;
}

.post_body ul.post_controls img {
vertical-align: middle;
margin: -3px 2px 0px -3px;
position: relative;
}

.report a img, .top a img {
position: relative;
top: 3px;
left: -3px;
}



.panel .page-title {
border-bottom: 1px solid #C4D3DE;
text-transform: uppercase;
font-size: 10.8px;
background: #E5ECF1 url('http://www.ipbforumskins.com/skindemo/public/style_images/navia34x/highlight.png') repeat-x 0 0;
text-shadow: white 0px 1px 0px;
padding: 8px;
margin: -5px -10px 5px;
}

.panel {
background: #FBFEFF;
border: 1px solid #C4D3DE;
margin-bottom: 10px;
}

#tabs a span {
background: none no-repeat 100% -35px;
color: #2D7789;
display: block;
float: left;
padding: 6px 10px 6px 5px;
white-space: nowrap;
background: #F1F7F9;
color: #4B6C7B;
border: 1px solid #C4D7DE;
font-size: 12px;
border-bottom: 0px;
}



table.forumline {
background-color: whiteSmoke;
background-image: none;
background-position: 0 0;
background-repeat: repeat-x;
border: 1px solid #CCC;
font-size: 1.2em;
padding: 5px;
color: black;
}

.forumbg.forumbg-table {
background: #FBFEFF;
border: 1px solid #C4D3DE;
margin-bottom: 10px;
color: black!important;
}


 #memberlist th {
color: black!important;
font-weight: 800;
}



 table.table1 tbody td {
border-top: 1px solid white;
padding: 5px;
border-bottom: 1px solid #E3EBF1!important;
background-image: url("http://www.ipbforumskins.com/skindemo/public/style_images/navia34x/row_gradient.png");
background-repeat: repeat-x;
background-position: 0 0;
}

.row .topics ul li {
line-height: 16px;
text-align: right;
font-weight: 300;
color: #2D7789;
}

.forabg .row .posts, .row .views {
display: none;
}

.row .topics {
margin-left: 85px;
margin-right: 10px;
}

.forumbg .row .posts {
margin-left: 85px;
margin-right: 10px;
}

.row .posts ul li {
line-height: 16px;
text-align: right;
font-weight: 300!important;
font-size: 12px;
color: #777;
}

.lastpost a img {
width: 30px;
height: 30px;
}

.lastpost a img {
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
float: left;
margin-right: 10px;
}

.lastpost a img:hover {
border-color: #7D7D7D;
}


.forumbg .row .lastpost span {
float: right!important;
}

dd.lastpost {
font-size: 1.1em;
}

 .forumbg .row .lastpost span {
float: left!important;
text-align: left;
display: block;
}

Hmm, nu este din cauza ei. E din cauza codului care vi l-am oferit pentru avatar. Puteti adauga in acel cod JavaScript, inainte de:

Cod:

});

asa:

Cod:

$('.post .postprofile dl dd a.clsavatar').removeClass('clsavatar');

sau:

Cod:

$('.post .postprofile dl dd a.clsavatar').removeClass('.clsavatar');

daca nu functioneaza adaugati asa in loc:

Cod:

$('.post .postprofile dl dd a.clsavatar img').css('border','none');

Codurile astea date de tine merg doar pentru a sterge de tot borderul si de la avatar si de la imaginile de la contact. Eu vreau sa ramana acel border la avatar si vreau sa dispara doar cele de la imaginile de contact.

Ar trebui sa functioneze corect, fara sa stearga si chenarul de la avatar, pentru ca avatarul nu se afla intre tag-urile <dd>, iar butoanele de sub profil da.

Pai din variantele date de tine toate au aceleasi efecte.

Vad ca ati scos codurile pentru chenar. Mai aveti nevoie de ajutor?

De la codul ce mi leai dat tu mai sus acelea de inlocuit de la acelea imi elimina borderul total.

Ok, dar de ce ati scos codul din acest mesaj?

Pai nu am scos codul din topciul anterior doar am mai adagat la acel cod acele randuri din variantele date de tine in acest topic.

Inlocuiti codul din acest mesaj cu:

Cod:

$(document).ready(function(){
$('.post .postprofile dl a[href]:not(".profile-icon"):has("img[alt]")').addClass('a_avatar');
});

Daca nu functioneaza, inlocuiti cu:

Cod:

$(document).ready(function(){
$('.post .postprofile dl a[href]:not(".profile-icon")').has('img[alt]').addClass('a_avatar');
});