andrew123 Posted May 31, 2014 Share Posted May 31, 2014 Hello guys, how i can make the background of forum with opacity.? On main template ip_table and to .post_table, i don't know where to add the code on .css Link to comment Share on other sites More sharing options...
0 -Cookie- Posted May 31, 2014 Share Posted May 31, 2014 Could you please provide a screenshot if possible Link to comment Share on other sites More sharing options...
0 Luke Posted May 31, 2014 Share Posted May 31, 2014 I think you are looking for ipb_styles.css? It's on the CSS tab of the editor: Link to comment Share on other sites More sharing options...
0 andrew123 Posted June 1, 2014 Author Share Posted June 1, 2014 Could you please provide a screenshot if possible i have try this but here is all with opacity, i want only the table of forum, not texts icons and others. Link to comment Share on other sites More sharing options...
0 -Cookie- Posted June 1, 2014 Share Posted June 1, 2014 i have try this but here is all with opacity, i want only the table of forum, not texts icons and others. Could you send me a link to your site please and make sure i can see the skin your are mentioning in this topic 1 Link to comment Share on other sites More sharing options...
0 andrew123 Posted June 2, 2014 Author Share Posted June 2, 2014 Could you send me a link to your site please and make sure i can see the skin your are mentioning in this topic here is the link: http://SystemFreaks.com Link to comment Share on other sites More sharing options...
0 -Cookie- Posted June 2, 2014 Share Posted June 2, 2014 here is the link: http://SystemFreaks.comWhat do you mean by opacity, do you mean you want it transparent or dull 1 Link to comment Share on other sites More sharing options...
0 andrew123 Posted June 3, 2014 Author Share Posted June 3, 2014 What do you mean by opacity, do you mean you want it transparent or dull I have no idea what is dull.. So maybe transparent but not 100% I want the bg to be visible but forum table too, 40% Link to comment Share on other sites More sharing options...
0 -Cookie- Posted June 3, 2014 Share Posted June 3, 2014 This was only the way i found you can do thisOk in ipb_styles find this,#recentajaxcontent li, #idm_categories a, #index_stats .status_list li, #panel_files .file_listing li, #panel_screenshots #ss_linked li, .file_listing, #cart_totals td, div#member_filters li, #files li, .ipsType_sectiontitle, #order_review td, #package_details .package_info, .block_list li, .package_view_top, .member_entry, #help_topics li, .ipsBox_container .ipsType_pagetitle, .userpopup dl, #announcements td, .preview_info, .sideVerticalList li, fieldset.with_subhead ul, .ipsList_data li, .ipsList_withminiphoto li, .ipsList_withmediumphoto li, table.ipb_table td, .store_categories li, #mini_cart li, #index_stats div[id*="statusReply"], #ipg_category .ipg_category_row, .gallery_pane h2, .status_feedback li[id*="statusReply"], .ipsSideMenu ul li, .ipbfs_login_row, .ipbfs_login .clearfix, .articles .block-1, .articles .type-1x2x2 .article_row, #idm_category .idm_category_row, #category_list li a, .ipsComment{ border-top: 1px solid #353535; border-bottom: 1px solid #252525; }Replace with this one,#recentajaxcontent li, #idm_categories a, #index_stats .status_list li, #panel_files .file_listing li, #panel_screenshots #ss_linked li, .file_listing, #cart_totals td, div#member_filters li, #files li, .ipsType_sectiontitle, #order_review td, #package_details .package_info, .block_list li, .package_view_top, .member_entry, #help_topics li, .ipsBox_container .ipsType_pagetitle, .userpopup dl, #announcements td, .preview_info, .sideVerticalList li, fieldset.with_subhead ul, .ipsList_data li, .ipsList_withminiphoto li, .ipsList_withmediumphoto li, table.ipb_table td, .store_categories li, #mini_cart li, #index_stats div[id*="statusReply"], #ipg_category .ipg_category_row, .gallery_pane h2, .status_feedback li[id*="statusReply"], .ipsSideMenu ul li, .ipbfs_login_row, .ipbfs_login .clearfix, .articles .block-1, .articles .type-1x2x2 .article_row, #idm_category .idm_category_row, #category_list li a, .ipsComment{ border-top: 1px solid #353535; border-bottom: 1px solid #252525; opacity: 0.4; } 1 Link to comment Share on other sites More sharing options...
0 andrew123 Posted June 4, 2014 Author Share Posted June 4, 2014 (edited) This was only the way i found you can do this Ok in ipb_styles find this, #recentajaxcontent li, #idm_categories a, #index_stats .status_list li, #panel_files .file_listing li, #panel_screenshots #ss_linked li, .file_listing, #cart_totals td, div#member_filters li, #files li, .ipsType_sectiontitle, #order_review td, #package_details .package_info, .block_list li, .package_view_top, .member_entry, #help_topics li, .ipsBox_container .ipsType_pagetitle, .userpopup dl, #announcements td, .preview_info, .sideVerticalList li, fieldset.with_subhead ul, .ipsList_data li, .ipsList_withminiphoto li, .ipsList_withmediumphoto li, table.ipb_table td, .store_categories li, #mini_cart li, #index_stats div[id*="statusReply"], #ipg_category .ipg_category_row, .gallery_pane h2, .status_feedback li[id*="statusReply"], .ipsSideMenu ul li, .ipbfs_login_row, .ipbfs_login .clearfix, .articles .block-1, .articles .type-1x2x2 .article_row, #idm_category .idm_category_row, #category_list li a, .ipsComment{ border-top: 1px solid #353535; border-bottom: 1px solid #252525; } Replace with this one, #recentajaxcontent li, #idm_categories a, #index_stats .status_list li, #panel_files .file_listing li, #panel_screenshots #ss_linked li, .file_listing, #cart_totals td, div#member_filters li, #files li, .ipsType_sectiontitle, #order_review td, #package_details .package_info, .block_list li, .package_view_top, .member_entry, #help_topics li, .ipsBox_container .ipsType_pagetitle, .userpopup dl, #announcements td, .preview_info, .sideVerticalList li, fieldset.with_subhead ul, .ipsList_data li, .ipsList_withminiphoto li, .ipsList_withmediumphoto li, table.ipb_table td, .store_categories li, #mini_cart li, #index_stats div[id*="statusReply"], #ipg_category .ipg_category_row, .gallery_pane h2, .status_feedback li[id*="statusReply"], .ipsSideMenu ul li, .ipbfs_login_row, .ipbfs_login .clearfix, .articles .block-1, .articles .type-1x2x2 .article_row, #idm_category .idm_category_row, #category_list li a, .ipsComment{ border-top: 1px solid #353535; border-bottom: 1px solid #252525; opacity: 0.4; } no looks like this: :S Edited June 4, 2014 by andrew123 Link to comment Share on other sites More sharing options...
0 -Cookie- Posted June 4, 2014 Share Posted June 4, 2014 no looks like this: :S Sorry i don't quite understand what you want, would you mind please explaining more Link to comment Share on other sites More sharing options...
0 andrew123 Posted June 4, 2014 Author Share Posted June 4, 2014 (edited) Sorry i don't quite understand what you want, would you mind please explaining more Example:as you can see, this table have opacity...and bg is visible.. I want all forum tables like this, post , board index etc. Edited June 4, 2014 by andrew123 Link to comment Share on other sites More sharing options...
0 -Cookie- Posted June 4, 2014 Share Posted June 4, 2014 Example:as you can see, this table have opacity...and bg is visible.. I want all forum tables like this, post , board index etc. Ok try this in ipb_styles find, .border, .statistics, .post_block, .ipsComment, .popupInner, .no_messages, .poll_question ol, .ipsBox_container, .ipsFloatingAction, .column_view .post_body{ background: #292929; }Replace it with this one, .border, .statistics, .post_block, .ipsComment, .popupInner, .no_messages, .poll_question ol, .ipsBox_container, .ipsFloatingAction, .column_view .post_body{ background: transparent; } 1 Link to comment Share on other sites More sharing options...
0 andrew123 Posted June 4, 2014 Author Share Posted June 4, 2014 Ok try this in ipb_styles find, .border, .statistics, .post_block, .ipsComment, .popupInner, .no_messages, .poll_question ol, .ipsBox_container, .ipsFloatingAction, .column_view .post_body{ background: #292929; } Replace it with this one, .border, .statistics, .post_block, .ipsComment, .popupInner, .no_messages, .poll_question ol, .ipsBox_container, .ipsFloatingAction, .column_view .post_body{ background: transparent; } it's very cool like this, can we make it 50% trasparent? Also to be trasparent on hooks too, if you can thank you! Link to comment Share on other sites More sharing options...
0 -Cookie- Posted June 5, 2014 Share Posted June 5, 2014 it's very cool like this, can we make it 50% trasparent? Also to be trasparent on hooks too, if you can thank you! Replace the background: transparent;with thisbackground: rgba(41, 41, 41, 0.49);and i'll try, but can i ask do you mean sidebar hooks 1 Link to comment Share on other sites More sharing options...
0 andrew123 Posted June 5, 2014 Author Share Posted June 5, 2014 Replace the background: transparent; with this background: rgba(41, 41, 41, 0.49); and i'll try, but can i ask do you mean sidebar hooks you are perfect! I mean the box of Hooks to be like forum: Link to comment Share on other sites More sharing options...
Question
andrew123
Hello guys, how i can make the background of forum with opacity.?
On main template ip_table and to .post_table, i don't know where to add the code on .css
Link to comment
Share on other sites
18 answers to this question
Recommended Posts