{"id":16964,"date":"2011-02-17T21:53:51","date_gmt":"2011-02-18T02:53:51","guid":{"rendered":"https:\/\/friendburst.com\/blog-new\/16964\/sfbpc-control-images-embeds\/"},"modified":"2011-02-17T21:53:51","modified_gmt":"2011-02-18T02:53:51","slug":"sfbpc-control-images-embeds","status":"publish","type":"post","link":"https:\/\/friendburst.com\/blog-new\/16964\/sfbpc-control-images-embeds\/","title":{"rendered":"SFBPC – Control Images And Embeds"},"content":{"rendered":"\n\n\n
\n
\n

\u00ab Index<\/a><\/span><\/p>\n

CSS<\/span><\/p>\n<\/div>\n<\/td>\n

\n
\n

Control Images And Embeds<\/span><\/p>\n

Comments – Control Image And Embed Size:<\/strong><\/p>\n

*Change 610px to needed size. (MAX 610px for normal profile page width).<\/span><\/p>\n

\n

.comment_content img {
\nmax-width: 610px;
\nheight: auto;
\n}
\n.comment_content div.p_4 img {
\nmax-width: 610px;
\nheight: auto;
\n}
\n.comment_content div.p_4 * img {
\nwidth: auto;
\nheight: auto;
\nmax-width: 610px;
\n}
\n.comment_content object {
\nmax-width: 610px;
\nheight: auto;
\n}
\n.comment_content div.p_4 object {
\nwidth: auto;
\nheight: auto;
\nmax-width: 610px;
\n}
\n.comment_content div.p_4 * object {
\nwidth: auto;
\nheight: auto;
\nmax-width: 610px;
\n}
\n.comment_content embed {
\nmax-width: 610px;
\nheight: auto;
\n}
\n.comment_content div.p_4 embed {
\nwidth: auto;
\nheight: auto;
\nmax-width: 610px;
\n}
\n.comment_content div.p_4 * embed {
\nwidth: auto;
\nheight: auto;
\nmax-width: 610px;
\n}<\/p>\n<\/div>\n

Comments – Disable Images And Embeds (Emoticons Intact):<\/strong><\/p>\n

*THIS CODE IS IN BETA STAGE.<\/span><\/p>\n

\n

.comment_content img {
\ndisplay: none;
\n}
\n.comment_content div.p_4 img {
\ndisplay: none;
\n}
\n.comment_content div.p_4 * img {
\ndisplay: none;
\n}
\n.comment_content img[title] {
\ndisplay: inline !important;
\n}
\n.comment_content div.p_4 img[title] {
\ndisplay: inline !important;
\n}
\n.comment_content div.p_4 * img[title] {
\ndisplay: inline !important;
\n}
\n.comment_content object {
\ndisplay: none;
\n}
\n.comment_content div.p_4 object {
\ndisplay: none;
\n}
\n.comment_content div.p_4 * object {
\ndisplay: none;
\n}
\n.comment_content embed {
\ndisplay: none;
\n}
\n.comment_content div.p_4 embed {
\ndisplay: none;
\n}
\n.comment_content div.p_4 * embed {
\ndisplay: none;
\n}<\/p>\n<\/div>\n

Comments – Disable Images And Embeds (Including Emoticons):<\/strong><\/p>\n

*THIS CODE IS IN BETA STAGE.<\/span><\/p>\n

\n

.comment_content img {
\ndisplay: none;
\n}
\n.comment_content div.p_4 img {
\ndisplay: none;
\n}
\n.comment_content div.p_4 * img {
\ndisplay: none;
\n}
\n.comment_content object {
\ndisplay: none;
\n}
\n.comment_content div.p_4 object {
\ndisplay: none;
\n}
\n.comment_content div.p_4 * object {
\ndisplay: none;
\n}
\n.comment_content embed {
\ndisplay: none;
\n}
\n.comment_content div.p_4 embed {
\ndisplay: none;
\n}
\n.comment_content div.p_4 * embed {
\ndisplay: none;
\n}<\/p>\n<\/div>\n

Sidebar – Control Image And Embed Size:<\/strong><\/p>\n

*Change 298px to needed size. (MAX 298px for normal profile content width).<\/span><\/p>\n

\n

div#sidebar div.block div.content img {
\nmax-width: 298px;
\nheight: auto;
\n}
\ndiv#sidebar div.block div.content object {
\nmax-width: 298px;
\nheight: auto;
\n}
\ndiv#sidebar div.block div.content embed {
\nmax-width: 298px;
\nheight: auto;
\n}
\n#js_music_favorite_player object {
\nheight: 25px !important;
\nwidth: 100% !important;
\n}
\n#js_music_player object {
\nheight: 25px !important;
\nwidth: 100% !important;
\n}<\/p>\n<\/div>\n

Right Content – Control Image And Embed Size:<\/strong><\/p>\n

*Change 610px to needed size. (MAX 610px for normal profile page width).<\/span><\/p>\n

*If using the Scrolling Comments code, enter the same widths into this code for better page symmetry.<\/span><\/p>\n

\n

div#content div.block div.content img {
\nmax-width: 610px;
\nheight: auto;
\n}
\ndiv#content div.block div.content object {
\nmax-width: 610px;
\nheight: auto;
\n}
\ndiv#content div.block div.content embed {
\nmax-width: 610px;
\nheight: auto;
\n}
\n#js_music_favorite_player object {
\nheight: 25px !important;
\nwidth: 100% !important;
\n}
\n#js_music_player object {
\nheight: 25px !important;
\nwidth: 100% !important;
\n}<\/p>\n<\/div>\n

\"STOP\"<\/p>\n

ADVANCED (For comments) :<\/span><\/p>\n

Comments – Layouts With Scrolling Comments Code (Less room because of the comments scroll bar) :<\/strong><\/p>\n

*Change 596px to needed size. (MAX 596px for normal profile page width)<\/span><\/p>\n

\n

.comment_content img {
\nmax-width: 596px;
\nheight: auto;
\n}
\n.comment_content div.p_4 img {
\nmax-width: 596px;
\nheight: auto;
\n}
\n.comment_content div.p_4 * img {
\nwidth: auto;
\nheight: auto;
\nmax-width: 596px;
\n}
\n.comment_content object {
\nmax-width: 596px;
\nheight: auto;
\n}
\n.comment_content div.p_4 object {
\nwidth: auto;
\nheight: auto;
\nmax-width: 596px;
\n}
\n.comment_content div.p_4 * object {
\nwidth: auto;
\nheight: auto;
\nmax-width: 596px;
\n}
\n.comment_content embed {
\nmax-width: 596px;
\nheight: auto;
\n}
\n.comment_content div.p_4 embed {
\nwidth: auto;
\nheight: auto;
\nmax-width: 596px;
\n}
\n.comment_content div.p_4 * embed {
\nwidth: auto;
\nheight: auto;
\nmax-width: 596px;
\n}<\/p>\n<\/div>\n

Comments – Pre-Made Layouts With 920px Profile Content Width – With Scrolling Comments Code:<\/strong><\/p>\n

*Change 530px to needed size. (MAX 530px for pre-made 920px profile content width)<\/span><\/p>\n

\n

.comment_content img {
\nmax-width: 530px;
\nheight: auto;
\n}
\n.comment_content div.p_4 img {
\nmax-width: 530px;
\nheight: auto;
\n}
\n.comment_content div.p_4 * img {
\nwidth: auto;
\nheight: auto;
\nmax-width: 530px;
\n}
\n.comment_content object {
\nmax-width: 530px;
\nheight: auto;
\n}
\n.comment_content div.p_4 object {
\nwidth: auto;
\nheight: auto;
\nmax-width: 530px;
\n}
\n.comment_content div.p_4 * object {
\nwidth: auto;
\nheight: auto;
\nmax-width: 530px;
\n}
\n.comment_content embed {
\nmax-width: 530px;
\nheight: auto;
\n}
\n.comment_content div.p_4 embed {
\nwidth: auto;
\nheight: auto;
\nmax-width: 530px;
\n}
\n.comment_content div.p_4 * embed {
\nwidth: auto;
\nheight: auto;
\nmax-width: 530px;
\n}<\/p>\n<\/div>\n

Comments – Pre-Made Layouts With 920px Profile Content Width – Without Scrolling Comments Code:<\/strong><\/p>\n

*Change 545px to needed size. (MAX 545px for pre-made 920px profile content width)<\/span><\/p>\n

\n

.comment_content img {
\nmax-width: 545px;
\nheight: auto;
\n}<\/p>\n

.comment_content div.p_4 img {
\nmax-width: 545px;
\nheight: auto;
\n}
\n.comment_content div.p_4 * img {
\nwidth: auto;
\nheight: auto;
\nmax-width: 545px;
\n}
\n.comment_content object {
\nmax-width: 545px;
\nheight: auto;
\n}
\n.comment_content div.p_4 object {
\nwidth: auto;
\nheight: auto;
\nmax-width: 545px;
\n}
\n.comment_content div.p_4 * object {
\nwidth: auto;
\nheight: auto;
\nmax-width: 545px;
\n}
\n.comment_content embed {
\nmax-width: 545px;
\nheight: auto;
\n}
\n.comment_content div.p_4 embed {
\nwidth: auto;
\nheight: auto;
\nmax-width: 545px;
\n}
\n.comment_content div.p_4 * embed {
\nwidth: auto;
\nheight: auto;
\nmax-width: 545px;
\n}<\/p>\n<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"

\u00ab Index CSS 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; } […]<\/p>\n","protected":false},"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-16964","post","type-post","status-publish","format-standard","hentry","category-other"],"_links":{"self":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/posts\/16964","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/comments?post=16964"}],"version-history":[{"count":0,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/posts\/16964\/revisions"}],"wp:attachment":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/media?parent=16964"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/categories?post=16964"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/tags?post=16964"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}