Log in

View Full Version : Forum Display Enhancements - Thread Title Coloring


Kaleem
03-22-2010, 10:00 PM
This will change your thread title colors.

Screen-shot is attached with installation text file.

DEMO: Screenshot and also >> LIVE DEMO (http://www.friendskorner.com/forum/f19/)

1.01

Strikeout the Closed thread.
Change Hot Thread Color.
Change Sticky Prefix.
Change Poll Prefix.

1.00

Change Sticky Thread Color
Change Closed Thread Color

Pepito =)
03-23-2010, 05:20 AM
thankz men , the Mod is Cool :D

Juggernaut
03-23-2010, 05:33 AM
Nice, it does what it says :D

Barakat
03-23-2010, 06:33 AM
very nice ,,, thanks

Charlie98902
03-23-2010, 09:57 AM
What about when you have a sticky & locked title what's the beginning phrase?

wayne.richards@
03-23-2010, 11:06 AM
Nice One! Thank You!!!!!!

cindy helmond
03-23-2010, 11:21 AM
Great one installed !!

Dr.osamA
03-23-2010, 12:34 PM
100%

installed

tanxxx man

dimthan
03-23-2010, 06:19 PM
What about the sticky thread to be in bold font ?

Kaleem
03-23-2010, 07:58 PM
What about the sticky thread to be in bold font ?
Well when it is unread its bold anyways but you can add this line.


.sticky a.title {font-weight: bold;}

Regards

Charlie98902
03-23-2010, 10:54 PM
What about when you have a sticky & locked title what's the beginning phrase?

You use - .sticky a.title for a sticky and then .locked a.title for a locked thread but what if it is both?

FReeSTER
03-23-2010, 11:01 PM
what about the [Sticky:] prefix. how can I color that together with the thread title?

Kaleem
03-23-2010, 11:21 PM
what about the [Sticky:] prefix. how can I color that together with the thread title?
You can search in in phrases for sticky_thread_prefix and then you can change the color or whtever you want to do with it.

Kaleem
03-23-2010, 11:22 PM
What about when you have a sticky & locked title what's the beginning phrase?

You use - .sticky a.title for a sticky and then .locked a.title for a locked thread but what if it is both?
When its sticky and locked it uses the lock on.

I guess you can use if statement to use different color on that.

vicelover
03-24-2010, 01:24 AM
Hi, LightInClouds.
I'm new to vb, alougth I had read your .txt file, I still cannot open the Additional.css.
can you give more detail to install this great Mod.

---- add a screenshot ----
I search the Additional.css in this way, do I search it in right way?
114627


----- [success] ------
Sorry, there are some glitch in my vb, and now your mod works well.

If a thread (always the announcement, let's named it asAlice) is both sticky and lock, which color should be, red or green? At now, it seems, Alice is red. So, maybe the priority of lock is greater than sticky. Please view the below image.
114630

Another advice, can we use improve this mod, not only fit for sticky and lock threads, but also Poll, Hot Threads. just like the function of KirK Y's Mod .
(https://vborg.vbsupport.ru/showthread.php?t=121449)

vicelover
03-24-2010, 02:43 AM
When its sticky and locked it uses the lock on.

I guess you can use if statement to use different color on that.

How to write the if statement in additional.css file ?
Can u give me a hint.

I had tried this way, but failed.

[if sticky & lock]
.sticky a.title {font-weight: bold; color: blue;}

Kaleem
03-24-2010, 05:14 AM
I have updated the file.

1.01

Strikeout the Closed thread.
Change Hot Thread Color.
Change Sticky Prefix.
Change Poll Prefix.

Kaleem
03-24-2010, 05:20 AM
How to write the if statement in additional.css file ?
Can u give me a hint.

I had tried this way, but failed.

[if sticky & lock]
.sticky a.title {font-weight: bold; color: blue;}

I think that can be achieved in the forumdisplay, but I will work on it and let you know :)

FReeSTER
03-24-2010, 10:31 PM
I have updated the file.

1.01

Strikeout the Closed thread.
Change Hot Thread Color.
Change Sticky Prefix.
Change Poll Prefix.

nice bro you are the man :D

-=Leb=-
03-25-2010, 01:37 PM
thx i was looking for it

pablete
03-26-2010, 12:52 PM
Thank's. Installed!

nci
03-27-2010, 06:45 AM
Excellent work.

Sancipa
03-29-2010, 02:06 PM
how about if i want to change the color for each prefix

is it poisible ?

Charlie98902
03-29-2010, 02:43 PM
how about if i want to change the color for each prefix

is it poisible ?

Yes you can do this in the making or editing the thread prefix:

Where it says Title (Rich Text) I have different colors for different things but here is one of mine I use - <span style="color: #008000;"><b>[Resolved]</b></span>

Sancipa
03-29-2010, 05:43 PM
Yes you can do this in the making or editing the thread prefix:

Where it says Title (Rich Text) I have different colors for different things but here is one of mine I use - <span style="color: #008000;"><b>[Resolved]</b></span>
i know what you mean...

but what im asking is not that...

i want to color up the whole title not just the prefix name :)

Charlie98902
03-29-2010, 07:33 PM
Ah, A new color when it is a new post only right?

dimthan
03-30-2010, 04:10 PM
Thx Men !

vicelover
04-04-2010, 01:41 PM
I have updated the file.

1.01

Strikeout the Closed thread.
Change Hot Thread Color.
Change Sticky Prefix.
Change Poll Prefix.

Thanks for updating, LightInClounds, this mod is great

tafreeh
04-07-2010, 03:44 AM
hey bud, do u know code for regular thread... if I wanna change regular thread colors.

Thanks

Kaleem
04-09-2010, 08:43 PM
hey bud, do u know code for regular thread... if I wanna change regular thread colors.

Thanks
Regular threads are I guess using Link colors for the style they use. I will double check it.

AURFSCAN
04-11-2010, 04:36 AM
you can use color codes too. nice mod :up:



.sticky a.title {color: black;}
.lock a.title {color: #5F5A59; font-weight: bold;}
.hot a.title {color: IndianRed;}





:)

Hall of Famer
04-11-2010, 06:58 AM
Looks excellent! ^^

mactelesis
04-16-2010, 02:46 AM
hey bud, do u know code for regular thread... if I wanna change regular thread colors.

Thanks

Light, I would like to know the answer to this question as well.

Many thanks!

COL NIL SATIS
05-17-2010, 09:50 PM
you can use color codes too. nice mod :up:



.sticky a.title {color: black;}
.lock a.title {color: #5F5A59; font-weight: bold;}
.hot a.title {color: IndianRed;}





:)

that looks cool with the yellow in threads ...how is that done???

COL NIL SATIS
05-17-2010, 09:59 PM
installed by the way ....very good ...top work guys

AURFSCAN
05-18-2010, 06:35 AM
that looks cool with the yellow in threads ...how is that done???

To change the color of the background of the the stickied threads, see attachment.

https://vborg.vbsupport.ru/attachment.php?attachmentid=115603&d=1270964164

COL NIL SATIS
05-18-2010, 09:35 PM
cheers mate ....will try that now ...nice one

COL NIL SATIS
05-18-2010, 10:19 PM
sorted....works a1!!!!! cheers mate

Madpoodle
06-05-2010, 09:26 PM
NICE mod's, thanks!!

merk_aus
06-06-2010, 01:20 AM
Thanks does exactly what it says

ndut
06-07-2010, 11:57 PM
nice, thank you

FReeSTER
06-08-2010, 12:29 AM
If you want to change the Prefix Sticky: to look Gradient, Bold and Bigger Letters

Go to Admin CP> Languages and Phrases > Search in Phrases

Search for sticky_thread_prefix Select Phrase Variable Name Only then click edit

You can write anything in that for example if you want Sticky:

<FONT SIZE="3"><B>
<font color="#2f22ce">S</font>
<font color="#4a1fb1">t</font>
<font color="#651c94">i</font>
<font color="#801977">c</font>
<font color="#9b175b">k</font>
<font color="#b6143e">y</font>
<font color="#d11121">;</font>
</B></FONT>

You can change colors to your desire

Also you can use this page as reference helping you do the code for you by choosing the colors from start to end.
http://www.tektek.org/color/

SeToY
06-14-2010, 11:08 AM
What about adding an AdminCP entry to select which function you wanna use?

I don't want to have closed threads red, for example - but green for Sticky is awesome.

Kaleem
06-15-2010, 04:01 PM
What about adding an AdminCP entry to select which function you wanna use?

I don't want to have closed threads red, for example - but green for Sticky is awesome.
Then dont add that line for Closed thread.

Arunkumar
06-26-2010, 03:40 PM
Followed the instructions. Now the stickies in my forum are colorful and looking good. :)

mtlcore
06-28-2010, 03:01 AM
I can't add that to css.... says obselete. any other way?

ArchAngelz
07-21-2010, 09:01 AM
How did you all do the "Sticky Thread" and "Normal Threads" separation?

ProFifaLeagues
07-21-2010, 09:14 AM
Added and working fine
Thank you!

Kaleem
07-22-2010, 12:49 AM
How did you all do the "Sticky Thread" and "Normal Threads" separation?
https://vborg.vbsupport.ru/showthread.php?t=228036

Netron
09-18-2010, 12:34 AM
Perfect

championcycle
09-24-2010, 09:55 PM
its not working with my forum.. any reason why?

www.ontariomotorcycle.ca

Kaleem
09-30-2010, 07:21 PM
its not working with my forum.. any reason why?

www.ontariomotorcycle.ca (http://www.ontariomotorcycle.ca)
You must be missing a step did you add it in additional.css?

darkoutzide
11-01-2010, 11:48 PM
nice 1. thanks!

HUSSEINDAWOOD
11-04-2010, 03:21 AM
Thank you ..
done on my web-site..

barakuda
12-06-2010, 09:53 PM
ok work....installed + 5star.thank you

ShinJi87
12-29-2010, 02:01 AM
How did you color edit threads delete ?

Randomm
12-29-2010, 02:58 AM
What kind of drop-down mod did you use Kaleem?

Kaleem
12-29-2010, 03:42 AM
What kind of drop-down mod did you use Kaleem?
It is a custom implementation of this >> http://www.sohtanaka.com/web-design/examples/mega-dropdowns/

vbcreator
01-03-2011, 10:29 AM
installed !

kfyonur
01-03-2011, 12:08 PM
not working in vb4.1.I paste the code to additional.css than save..but it didnt work

Kaleem
01-03-2011, 04:58 PM
not working in vb4.1.I paste the code to additional.css than save..but it didnt work
It is working fine for me.

OldSchoolDSL
01-03-2011, 11:07 PM
Installed and working

4.1 PL2

MAdotcom
01-05-2011, 12:48 AM
Thank you

BlueCheri
02-07-2011, 08:57 AM
Good one, tagged.

Donatello
02-14-2011, 02:50 AM
Thank you, working very good in 4.1.1

BlueCheri
02-14-2011, 03:18 AM
Hi, I also want to know this as well.

Thanx

hey bud, do u know code for regular thread... if I wanna change regular thread colors.

Thanks

archet1337
02-22-2011, 05:11 AM
This is an awesome little mod. But before I install I was wondering if it's possible to keep the default hover color of the board?

Like the stickies being green, but when I hover over them they change to another color.

Thanks :)

Kaleem
02-27-2011, 11:55 AM
This is an awesome little mod. But before I install I was wondering if it's possible to keep the default hover color of the board?

Like the stickies being green, but when I hover over them they change to another color.

Thanks :)
Mmm no they dont, I dont see them changing to any color except when you hover it gives you an underline.

Randomm
03-01-2011, 09:23 PM
could you also include the code to change the REGULAR threads color?

doctorsexy
05-25-2011, 08:09 AM
installed ......thanks

denman75
06-19-2011, 08:44 AM
not working in latest version ,it says if u click true admin panel to style manager to main.css

This CSS file is obsolete and is available here for reference purposes only.
so u cant save anything .

Edit

they path i took was wrong
u go to your admin cp go to search in templates
than u typ there additional.css in that file u ad the text

so the additional.css in the dropbox aint the correct one, sorry for the misunderstanding
its working great !

GameOverViper
06-26-2011, 07:54 PM
Thanks! Added.

oldfan
06-27-2011, 03:57 PM
Very nice, thanks

Gemma
06-29-2011, 08:18 AM
Simple but effective. Thanks a lot!

deathtrancer
07-01-2011, 09:50 PM
Thanks your work is awesome :D

BF777
08-31-2012, 05:13 PM
Nice mod.

sodasusu
09-27-2012, 05:33 AM
not work for custom style

twistedsoul
05-25-2016, 12:45 AM
=) thanks

Leebo89122
01-10-2017, 12:44 AM
Does anybody know if this same idea can change the color of threads you may have replied in? How about if you've subscribed to the thread? The style I'm editing is a "responsive" style and they've removed the cue's for the members on mobile devices to let them know if they've replied in the thread or not. Editing the title color will be a good way to let them know they've replied in the past without adding extra space.............

Great Edit!

Stratis
01-10-2017, 04:56 PM
Does anybody know if this same idea can change the color of threads you may have replied in?
https://vborg.vbsupport.ru/showpost.php?p=2569288&postcount=9

Leebo89122
01-14-2017, 10:00 PM
It appears that mod only changes the color of the background. What I'm hoping to find is a way to edit the templates so the thread title changes from color A if you haven't replied to color B if you have replied.

MarkFL
01-14-2017, 10:37 PM
It appears that mod only changes the color of the background. What I'm hoping to find is a way to edit the templates so the thread title changes from color A if you haven't replied to color B if you have replied.

In your "threadbit" template, locate the line:

<a class="title<vb:if condition="$show['gotonewpost']"> threadtitle_unread</vb:if>" href="{vb:link thread, {vb:raw thread}, {vb:raw pageinfo}, 'threadid', 'threadtitle'}" id="thread_title_{vb:raw thread.realthreadid}">{vb:raw thread.threadtitle}</a>

And change it to:

<a style="<vb:if condition="$thread['dot_count'] > 0">color: #FF0000;<vb:else />color: #0000FF;</vb:if>" class="title<vb:if condition="$show['gotonewpost']"> threadtitle_unread</vb:if>" href="{vb:link thread, {vb:raw thread}, {vb:raw pageinfo}, 'threadid', 'threadtitle'}" id="thread_title_{vb:raw thread.realthreadid}">{vb:raw thread.threadtitle}</a>

Replace "#FF0000" with the color you want for threads in which a user has replied, and replace "#0000FF" with the color you want for thread in which a user has not replied.

Leebo89122
01-14-2017, 11:13 PM
Mark,
The theme I'm using had a slightly different code however I was able to track everything down no problem and make the change with your guidance. Thank you many many times over!
Lee

oldfan
04-08-2023, 10:40 PM
works on 4.2.6. php 7.2