dut
New Member
Posts: 40
inherit
267454
0
May 11, 2024 4:48:23 GMT -8
dut
40
January 2023
dut
|
Post by dut on Jan 23, 2024 18:20:41 GMT -8
Hello! Since I rely heavily on title bars or 'dividers' with coloured backgrounds to separate different sections of information in a post on my site, I was wondering if it was possible to create them with a tag or with a plugin, that automaticly changes the colours to theme colours when the user changes themes? It annoys me quite a bit when the theme is red, and the title"bars" are blue. Right now I cant achieve the look without using coloured tables. Ive tried to search for a way to achieve this by editing code, but Ive come to understand that it can only be achieved by a plugin. Can anyone help me with such a plugin?
|
|
inherit
Official Code Helper
65613
0
1
May 8, 2024 22:51:21 GMT -8
Chris
"'Oops' is the sound we make when we improve"
8,876
December 2005
horace
|
Post by Chris on Jan 27, 2024 1:38:05 GMT -8
As you've probably concluded, BBCode tags don't generally allow classes, but there was one exception introduced as a byproduct of the work that was done on V6 with TABLE, TD, and TH now retaining a class. With those, we now have the ability to create a class hierarchy within posts to mimic some UI elements and inherit the CSS rules that apply to those elements. Unfortunately, the .title-bar is required to be a direct descendant of .container in order to get the rule applied to it, and tables alone cannot accomplish that... Dialog title-bars which are generally identical to container title-bars do not have this issue however so a code such as [table class="ui-dialog"][tbody][tr][td class="ui-dialog-titlebar"][table class="ui-dialog-title"][tbody][tr][td]Row 1 column 1[/td][/tr][/tbody][/table][/td][/tr][/tbody][/table] would produce Barring that solution, there is the Styles plugin, which will give you the ability to apply a class to any in-post element, thus giving you the widest ability to build the .container>.title-bar h2 CSS hierarchy within the post and have the CSS rule then apply to your title-bar element.
|
|