Forum Themes

[phitsc]

On the SMF feature list it says SMF supports (per user) themes. Would that be hard to implement on donationcoder? I wouldn't mind some change once in a while

[mouser]

not feasible since ive super customized the a dc theme and everything would break if users switched away from it (donationcredits, etc).

now theoretically i could post the dc theme and let others customize that to make an official new dc theme alternative.. BUT.. that would make 2 themes that need updating every time something changes, which i'm not fond of..

[phitsc]

Ok. Thanks for letting me know.

[Winkie]

On the SMF feature list it says SMF supports (per user) themes. Would that be hard to implement on donationcoder?

-phitsc (January 18, 2011, 01:55 AM)

Actually I was wondering the same lately...

I wouldn't mind some change once in a while

-phitsc (January 18, 2011, 01:55 AM)

How about changing the appearance with Userstyles?
There are a few styles for SMF over there.

I personally made one userstyle (more of a quick hack actually) because I didn't like the white background on the forum.
I can post it if I'm at home if you're interested...

[phitsc]

Never heard of Userstyles before. But yeah, why not post yours. I'd be glad to check it out

[Winkie]

OK here we go - in 'Front page' yellow!
Screenies first:
Forum Themes


Forum Themes

Userstyle:

Code: CSS [Select]

1. @namespace url(http://www.w3.org/1999/xhtml);
2.  
3. @-moz-document domain("www.donationcoder.com") {
4.  
5. /* Outer background - works on complete DC site (without subdomains) */
6. body, #topnavbar, .forumbodytop {
7.   background-color: #DFEDF5 !important;
8.   background-image: none !important;
9. }
10.  
11. /* Content background */
12. .windowbg, .post, .windowbgdc, .windowbgdc2b, .windowbg2,
13. .windowbgdc2, .windowbgdc5, td.smalltext {
14.   background-color: #FCFEC6 !important;
15. }
16.  
17. /* Quotes, Recent posts */
18. .quote, .orangemed, .orangesmall {
19.   background-color: #FAFAFA !important;
20.   border-color: #828181 !important;
21. }
22.  
23. }

[4wd]

Thanks Winkie!

At last, DC for troglodytes!

[phitsc]

Very cool. Thank you. How can I change the link colour on the outer part? I.e. the Links right at the top and the board tree?

[4wd]

This covers the links, change the #colours to suit.

Code: CSS [Select]

1. @namespace url(http://www.w3.org/1999/xhtml);
2.  
3. @-moz-document domain("www.donationcoder.com") {
4.  
5. /* Outer background - works on complete DC site (without subdomains) */
6. body, #topnavbar, .forumbodytop {
7.   background-color: #444444 !important;
8.   background-image: none !important;
9. }
10.  
11. /* Content background */
12. .windowbg, .post, .windowbgdc, .windowbgdc2b, .windowbg2,
13. .windowbgdc2, .windowbgdc5, td.smalltext {
14.   background-color: #666666 !important;
15. }
16.  
17. /* Quotes, Recent posts */
18. .quote, .orangemed, .orangesmall {
19.   background-color: #aaaaaa !important;
20.   border-color: #828181 !important;
21. }
22.  
23. .nav:visited {
24. color:#ff0000 !important;
25. }
26.  
27. .nav:link {
28. color:#ffff00 !important;
29. text-decoration:none;
30. }
31.  
32. a:link {
33. color:#ffff00 !important;}
34.  
35. a:visited {
36. color:#990000 !important;}
37.  
38. }

[Winkie]

How can I change the link colour on the outer part? I.e. the Links right at the top and the board tree?

-phitsc (January 19, 2011, 02:13 AM)

My version with different link colors, only the top navigation and forum tree (which is ugly by itself IMHO, so I changed that too  )

Code: CSS [Select]

1. @namespace url(http://www.w3.org/1999/xhtml);
2.  
3. @-moz-document domain("www.donationcoder.com") {
4.  
5. /* Outer background - works on complete DC site (without subdomains) */
6. body, #topnavbar, .forumbodytop {
7.   background-color: #DFEDF5 !important;
8.   background-image: none !important;
9. }
10.  
11. /* Content background */
12. .windowbg, .post, .windowbgdc, .windowbgdc2b, .windowbg2,
13. .windowbgdc2, .windowbgdc5, td.smalltext {
14.   background-color: #FCFEC6 !important;
15. }
16.  
17. /* Quotes, recent posts */
18. .quote, .orangemed, .orangesmall {
19.   background-color: #FAFAFA !important;
20.   border-color: #828181 !important;
21. }
22.  
23. /* Navigation links (at top DC site + forum tree) */
24. a.nav:visited, #topnavbar a:visited {
25.   color: #C46200 !important;
26. }
27.  
28. a.nav:link, #topnavbar a:link {
29.   color: #1B7FD0 !important;
30. }
31.  
32. a.nav:hover, #topnavbar a:hover {
33.   color: #38A7E2 !important;
34. }
35.  
36. /* Forum tree enhancements */
37. div.nav img[src="https://www.donationcoder.com/forum/Themes/Dc2/images/icons/folder_open.gif"] {
38.   /* Icon from famfamfam Silk Icon Set - http://www.famfamfam.com/lab/icons/silk/ */
39.   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXJJREFUeNpjaGhoYIDjijyGhtoKhvrGZoaG+nqGemQ5KAYT9UDJhvo6hvqJq8Pq2yfxgzU1NDFh0wQm6uqAikF4zZu/5User69t6uJqrKtiqKtvZGpoAGqqx2JDTW09Q/OK20/nH/70P2PGrVXldZ1cLQ1gTYzImqA6gRpq6hlKF95+seLY279dm17+92q9tLOwup2/tbEaqKmBEcUGkFura+sY0qdffzlh28t/7Wsf/i5b+vi/QdHxm4WVrbJNjXWoNtQDbaiuqWUI67n4smnN038VS+//yp5z+z9f2MXTacU9oq1NNUB/ojkJZINjzZkXbeuf/I2ZdOe/Zvye/b7J00TKKpsZgDYwotjQCNRQWV3HYFV29EnClHv/FUP3bcsrbeXpba8Ay2GGUgMoWGsZpMKO/lcO2bs3r7hFoL2lFmhrIxNEcT2mHxob6xmCM6ZHZBe1C3e01jDU1mHGAZIfGsAS7c01DM1NdaBgZMCmGIQBUZH5lZbin5AAAAAASUVORK5CYII=") !important;
40.   background-position: 0px 3px !important;
41.   background-repeat: no-repeat!important;
42.   height: 15px !important;
43.   margin-right: -5px !important;
44.   padding-left: 12px !important;
45.   width: 0 !important;
46. }
47.  
48. div.nav img[src="https://www.donationcoder.com/forum/Themes/Dc2/images/icons/linktree_side.gif"],
49. div.nav img[src="https://www.donationcoder.com/forum/Themes/Dc2/images/icons/linktree_main.gif"] {
50.   padding-left: 12px !important;
51.   width: 0 !important;
52. }
53.  
54. }

[4wd]

You haven't got something for the CODE boxes have you?

They're still glaringly white - like a smack in the face when you're sitting up in the night

[superboyac]

not feasible since ive super customized the a dc theme and everything would break if users switched away from it (donationcredits, etc).

-mouser (January 18, 2011, 03:37 AM)

Man, whatever you've done is the best I've ever seen.  I swear to you, I love the people here, but I think the forum design is 80% of the reason why I have stuck around for so long.  I often point people towards this forum when I complain about the design on other forums.  Especially the searching.  I mention that specifically because other forums will get super snarky about "did you search before you posted?!", and my response is like, "If I search it's going to take me forever to find anything, and I'm not going to find it, and I'm just going to come back and ask you the same thing.  Make your search easier to use and then maybe people will search first."

On this one forum, they had a pretty good search, but it got bogged down when there were a lot of users, so they replaced it with a single field search that returns you the awful google results.  Basically, it just adds a prefix to the search to limit google results to the forum.  Horrible change.  it made the search function pretty much useless, in my opinion.  But it's there and it works...I suppose.  Depends what you mean by it "works".  If it means you can type something and results are shown, yes, it works.  If you mean it facilitates finding information in a helpful manner, no, it does not work.

[phitsc]

Thanks Winkie. Bloody excellent! Now I can start playing around with colours

[mouser]

DC member Wordzilla is to be thanked for the awesome zillarank search that he custom coded for us -- it's a big step up from the built-in smf search.  and of course we have each other to thank for donating enough for us to run on a powerful server which is capable of performing fast full text searches on a big database.

[Winkie]

You haven't got something for the CODE boxes have you?

-4wd (January 19, 2011, 05:59 PM)

Insert above the last curly bracket:

Code: CSS [Select]

1. /* Code (and other preformatted text?) */
2. pre {
3.   background-color: cornsilk !important;
4. }

Untested, meaning: it does work for code boxes, but it may affect other areas too.

[4wd]

Nice, thanks again Winkie!   

[superboyac]

DC member Wordzilla is to be thanked for the awesome zillarank search that he custom coded for us -- it's a big step up from the built-in smf search.  and of course we have each other to thank for donating enough for us to run on a powerful server which is capable of performing fast full text searches on a big database.

-mouser (January 20, 2011, 02:29 AM)

Thanks to everyone!