FriendBurst Blog

SFBPC – Control Images And Embeds

February 17, 2011 · shan1

Control Images And Embeds

Comments – Control Image And Embed Size:

*Change 610px to needed size. (MAX 610px for normal profile page width).

.comment_content img {
max-width: 610px;
height: auto;
}
.comment_content div.p_4 img {
max-width: 610px;
height: auto;
}
.comment_content div.p_4 * img {
width: auto;
height: auto;
max-width: 610px;
}
.comment_content object {
max-width: 610px;
height: auto;
}
.comment_content div.p_4 object {
width: auto;
height: auto;
max-width: 610px;
}
.comment_content div.p_4 * object {
width: auto;
height: auto;
max-width: 610px;
}
.comment_content embed {
max-width: 610px;
height: auto;
}
.comment_content div.p_4 embed {
width: auto;
height: auto;
max-width: 610px;
}
.comment_content div.p_4 * embed {
width: auto;
height: auto;
max-width: 610px;
}

Comments – Disable Images And Embeds (Emoticons Intact):

*THIS CODE IS IN BETA STAGE.

.comment_content img {
display: none;
}
.comment_content div.p_4 img {
display: none;
}
.comment_content div.p_4 * img {
display: none;
}
.comment_content img[title] {
display: inline !important;
}
.comment_content div.p_4 img[title] {
display: inline !important;
}
.comment_content div.p_4 * img[title] {
display: inline !important;
}
.comment_content object {
display: none;
}
.comment_content div.p_4 object {
display: none;
}
.comment_content div.p_4 * object {
display: none;
}
.comment_content embed {
display: none;
}
.comment_content div.p_4 embed {
display: none;
}
.comment_content div.p_4 * embed {
display: none;
}

Comments – Disable Images And Embeds (Including Emoticons):

*THIS CODE IS IN BETA STAGE.

.comment_content img {
display: none;
}
.comment_content div.p_4 img {
display: none;
}
.comment_content div.p_4 * img {
display: none;
}
.comment_content object {
display: none;
}
.comment_content div.p_4 object {
display: none;
}
.comment_content div.p_4 * object {
display: none;
}
.comment_content embed {
display: none;
}
.comment_content div.p_4 embed {
display: none;
}
.comment_content div.p_4 * embed {
display: none;
}

Sidebar – Control Image And Embed Size:

*Change 298px to needed size. (MAX 298px for normal profile content width).

div#sidebar div.block div.content img {
max-width: 298px;
height: auto;
}
div#sidebar div.block div.content object {
max-width: 298px;
height: auto;
}
div#sidebar div.block div.content embed {
max-width: 298px;
height: auto;
}
#js_music_favorite_player object {
height: 25px !important;
width: 100% !important;
}
#js_music_player object {
height: 25px !important;
width: 100% !important;
}

Right Content – Control Image And Embed Size:

*Change 610px to needed size. (MAX 610px for normal profile page width).

*If using the Scrolling Comments code, enter the same widths into this code for better page symmetry.

div#content div.block div.content img {
max-width: 610px;
height: auto;
}
div#content div.block div.content object {
max-width: 610px;
height: auto;
}
div#content div.block div.content embed {
max-width: 610px;
height: auto;
}
#js_music_favorite_player object {
height: 25px !important;
width: 100% !important;
}
#js_music_player object {
height: 25px !important;
width: 100% !important;
}

STOP

ADVANCED (For comments) :

Comments – Layouts With Scrolling Comments Code (Less room because of the comments scroll bar) :

*Change 596px to needed size. (MAX 596px for normal profile page width)

.comment_content img {
max-width: 596px;
height: auto;
}
.comment_content div.p_4 img {
max-width: 596px;
height: auto;
}
.comment_content div.p_4 * img {
width: auto;
height: auto;
max-width: 596px;
}
.comment_content object {
max-width: 596px;
height: auto;
}
.comment_content div.p_4 object {
width: auto;
height: auto;
max-width: 596px;
}
.comment_content div.p_4 * object {
width: auto;
height: auto;
max-width: 596px;
}
.comment_content embed {
max-width: 596px;
height: auto;
}
.comment_content div.p_4 embed {
width: auto;
height: auto;
max-width: 596px;
}
.comment_content div.p_4 * embed {
width: auto;
height: auto;
max-width: 596px;
}

Comments – Pre-Made Layouts With 920px Profile Content Width – With Scrolling Comments Code:

*Change 530px to needed size. (MAX 530px for pre-made 920px profile content width)

.comment_content img {
max-width: 530px;
height: auto;
}
.comment_content div.p_4 img {
max-width: 530px;
height: auto;
}
.comment_content div.p_4 * img {
width: auto;
height: auto;
max-width: 530px;
}
.comment_content object {
max-width: 530px;
height: auto;
}
.comment_content div.p_4 object {
width: auto;
height: auto;
max-width: 530px;
}
.comment_content div.p_4 * object {
width: auto;
height: auto;
max-width: 530px;
}
.comment_content embed {
max-width: 530px;
height: auto;
}
.comment_content div.p_4 embed {
width: auto;
height: auto;
max-width: 530px;
}
.comment_content div.p_4 * embed {
width: auto;
height: auto;
max-width: 530px;
}

Comments – Pre-Made Layouts With 920px Profile Content Width – Without Scrolling Comments Code:

*Change 545px to needed size. (MAX 545px for pre-made 920px profile content width)

.comment_content img {
max-width: 545px;
height: auto;
}

.comment_content div.p_4 img {
max-width: 545px;
height: auto;
}
.comment_content div.p_4 * img {
width: auto;
height: auto;
max-width: 545px;
}
.comment_content object {
max-width: 545px;
height: auto;
}
.comment_content div.p_4 object {
width: auto;
height: auto;
max-width: 545px;
}
.comment_content div.p_4 * object {
width: auto;
height: auto;
max-width: 545px;
}
.comment_content embed {
max-width: 545px;
height: auto;
}
.comment_content div.p_4 embed {
width: auto;
height: auto;
max-width: 545px;
}
.comment_content div.p_4 * embed {
width: auto;
height: auto;
max-width: 545px;
}

Other

2 Comments

Commenting on blog posts is coming back soon. You can read the comments here; to talk with a member now, leave a comment on their profile or send them a message.