Jump to the post that solved this thread.
Solved: 4 Years, 6 Months, 3 Weeks ago Color threads using Global.css
#1
Solved: 4 Years, 6 Months, 3 Weeks ago
I had someone that has not been on here in a while help me with awesome fonts an he also did me a solid and configured my forum on global CSS to change the colors of threads at will. The forum crashed and  I sadly lost the theme that had the configurations.
Can anyone guide me in writing the lines so I can again change them? I would appreciate it since I can do it I just need the code.

Thank you Blush 

my forum is :
https://www.ebook-mecca.com


Reply
#2
Solved: 4 Years, 6 Months, 3 Weeks ago
I did so:

I downloaded this theme:  https://community.mybb.com/mods.php?action=view&pid=729

I copied the color codes in css3.css

Then I pasted in ccs of my current thema css3.css

Exemple: Color Nigth

a:link,
a:visited,
a:hover,
a:active {
	color: #023a61;
}

#logo {
	background: #022338 url(images/colors/night_header.png) top left repeat-x;
	border-bottom: 1px solid #011929;
}

#header ul.menu li a {
	color: #fff;
}

#panel input.button {
	background: #022338 url(images/colors/night_thead.png) top left repeat-x;
}

#topmenu ul li a {
 border-bottom: 4px solid transparent;
color: #fff;
}

#topmenu ul li a:hover {
 border-bottom: 4px solid #ff7500;
 color: #ff7500;
}

#topmenu ul li.selected a {
color: #E6E6E6;
border-bottom: 4px solid #ff7500;
}

#panel .lower ul.user_links li a:hover {
   color: #022338;
}

.forum_on {
color: #022338;
}

.subforum_minion {
	color: #022338;
}

.thead {
	background: #022338 url(images/colors/night_thead.png) top left repeat-x;
	border-bottom: 1px solid #011929;
}

.thead input.textbox,
.thead select {
	border: 1px solid #011929;
}

.popup_menu .popup_item:hover {
	background: #023a61;
	color: #fff;
}

.tt-suggestion.tt-is-under-cursor {
    background-color: #023a61;
	color: #fff;
}

.pagination a:hover {
	background-color: #023a61;
	color: #fff;
	border-color: #011929;
}
Reply
#3
Solved: 4 Years, 6 Months, 3 Weeks ago
Perfect the line I was looking for .thead {
   background: #022338 url(images/colors/night_thead.png) top left repeat-x;
   border-bottom: 1px solid #011929;

But if I want to change several colors would I write it like this?

.thread_12 {
background: #022338 url(images/colors/night_thead.png) top left repeat-x;
   border-bottom: 1px solid #011929;

for example?


Reply
#4
Solved: 4 Years, 6 Months, 3 Weeks ago
(2017-04-29, 12:30 AM)Starnova Wrote: Perfect the line I was looking for .thead {
   background: #022338 url(images/colors/night_thead.png) top left repeat-x;
   border-bottom: 1px solid #011929;

But if I want to change several colors would I write it like this?

.forum_12:
background: #022338 url(images/colors/night_thead.png) top left repeat-x;
   border-bottom: 1px solid #011929;

for example?

If you want to specify like that you have to use the variable {$forum['fid']}
What goes around comes around
Reply
#5
Solved: 4 Years, 6 Months, 3 Weeks ago
So instead of .forum_12 Or .thread_12 I have to write
{$forum['12']} like that Ashley1?


Reply
#6
Solved: 4 Years, 6 Months, 3 Weeks ago
(2017-04-29, 12:52 AM)Starnova Wrote: So instead of .forum_12   Or .thread_12  I have to write
{$forum['12']} like that  Ashley1?

I have not tried this out for myself, but you will need to build a class first in the template - forumbit_depth1_cat

something like class="forum-{$forum['fid']}"

then in global.css you will need to specify for every id:

.forum-1 { }

.forum-2 { }

.forum-3 { }

etc
What goes around comes around
Reply
#7
Solved: 4 Years, 6 Months, 3 Weeks ago
Oh it was on my global css   but I will try that thank you

OK  I tried .. I could not get it to work .. first when I did it it change the size of the thread then the second time it listed the subforums one under the other as a list and not flowing so I figured that I will somehow figure this out ., Confused


Reply
#8
Solved: 4 Years, 6 Months, 3 Weeks ago
(2017-04-29, 12:30 AM)Starnova Wrote: Perfect the line I was looking for .thead {
   background: #022338 url(images/colors/night_thead.png) top left repeat-x;
   border-bottom: 1px solid #011929;

But if I want to change several colors would I write it like this?

.thread_12 {
background: #022338 url(images/colors/night_thead.png) top left repeat-x;
   border-bottom: 1px solid #011929;

for example?

Yes.

I did not understand your doubt very well.
Reply
#9
Solved: 4 Years, 6 Months, 3 Weeks ago
(2017-04-29, 11:44 AM)Diamante Wrote:
(2017-04-29, 12:30 AM)Starnova Wrote: Perfect the line I was looking for .thead {
   background: #022338 url(images/colors/night_thead.png) top left repeat-x;
   border-bottom: 1px solid #011929;

But if I want to change several colors would I write it like this?

.thread_12 {
background: #022338 url(images/colors/night_thead.png) top left repeat-x;
   border-bottom: 1px solid #011929;

for example?

Yes.

I did not understand your doubt very well.

What I am trying to do... Is have the configurations to be made for multiple colored forums on one forum....
You know its the categories I want to change not the forums.. I found a simple solution in tutorials that I will Use  its here:


https://community.mybb.com/thread-176833.html

thank you both for your help


Reply
#10
Solved: 4 Years, 6 Months, 3 Weeks ago
That doesn't work either its too old..Oh well


Reply
Jump to the post that solved this thread.


Forum Jump:


Users browsing this thread: 1 Guest(s)