MyBB Community Forums

Full Version: Color threads using Global.css
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2
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
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;
}
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?
(04-29-2017, 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']}
So instead of .forum_12 Or .thread_12 I have to write
{$forum['12']} like that Ashley1?
(04-29-2017, 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
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
(04-29-2017, 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.
(04-29-2017, 11:44 AM)Diamante Wrote: [ -> ]
(04-29-2017, 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
That doesn't work either its too old..Oh well
Pages: 1 2