[CSS] Adding style for Announcement and Sticky
Page 1 of 1
[CSS] Adding style for Announcement and Sticky
Hello guys
1) By default, the whole content inside {topics_list_box.row.TOPIC_TYPE} variable will end by a colon ( : ) So, i write this tutorial to help you remove it without installing any javascript and one more thing it will work all version.
First of all, define your special text for announcement and sticky by browse to your Admin Control Panel -> General -> Mesages and emails -> Config. -> Define another name
In my case, I'll use content1 and content2.
Replace it by
Note : You must have a sticky or announcement post at least, unless this tip won't work as expected
1) By default, the whole content inside {topics_list_box.row.TOPIC_TYPE} variable will end by a colon ( : ) So, i write this tutorial to help you remove it without installing any javascript and one more thing it will work all version.
First of all, define your special text for announcement and sticky by browse to your Admin Control Panel -> General -> Mesages and emails -> Config. -> Define another name
In my case, I'll use content1 and content2.
- Code:
Announcement : content1
Sticky : content2
Replace it by
- Code:
<span id="{topics_list_box.row.TOPIC_TYPE}"></span>
- Optional:
- or if you wanna use this in blog mode, then do search in topics_blog_box template (optional)
- Code:
{topics_blog_box.row.TOPIC_TYPE}
- Code:
<span id="{topics_blog_box.row.TOPIC_TYPE}"></span>
- Code:
Admin Control Panel -> Modules -> Blogs -> Activate it
- Code:
span[id*="content1"]:before, span[id*="content2"]:before {
padding: 4px 4px;
margin: 0 5px;
border: 1px solid #999;
border-radius: 2px;
}
span[id*="content1"]:before {
content: "new-content1";
background: darkcyan;
color: white;
}
span[id*="content2"]:before {
content: "new-content2";
background: red;
color: white;
}
Note : You must have a sticky or announcement post at least, unless this tip won't work as expected
Similar topics
» Adding Your Own Style.
» adding sticky to the quick mod tools
» [CSS] Adding style for Password Strength Meter
» Editing "User Control Panel" Style and Adding "BB Codes"
» Portal Help, Adding two "News" style box's ?
» adding sticky to the quick mod tools
» [CSS] Adding style for Password Strength Meter
» Editing "User Control Panel" Style and Adding "BB Codes"
» Portal Help, Adding two "News" style box's ?
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum