SFBPC – Default Pic Block – FriendBurst Blog

SFBPC – Default Pic Block

February 20, 2011 · shan1

« Index

CSS

Default Pic Block

Default Pic Block – Look Like Other Blocks:

.profile_image_holder {
background-color: #f5f5f5;
border: 1px solid #bb0000;
padding: 7px 0 7px 0;
}

Default Pic Block – Rounded Corners (Internet Explorer Not Supported) :

.profile_image_holder {
border: 1px solid #bb0000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

Default Pic Block – Pic size:

.profile_image_holder .thickbox img {
width: 150px;
height: auto;
}

Default Pic Block – Any Image Square (Destorts Aspect Ratio) :

.profile_image_holder .thickbox img {
width: 150px;
height: 150px;
}

Default Pic Block – Pic Border:

.profile_image_holder .thickbox img {
border: 1px solid #333333;
}

Default Pic Block – Alternate Default Pic (Appears On Profile Only) :

.profile_image_holder .thickbox img {
visibility: hidden;
}
.profile_image_holder .thickbox {
background-color: transparent;
background-image: url(DIRECT IMAGE URL);
background-position: center center;
background-repeat: no-repeat;
background-attachment: scroll;
display: block;
width: 150px;
height: auto;
}

Other