Featured Member Projects > Ninjabyte Electronics (hardware)

New subforum theme

(1/10) > >>

DarkestEx:
As the whole microcat subforum kindly gets its own color scheme, this is what I am working on:


If you want to try it out yourself, just install the Stylish extension and put the following stylesheet:

--- Code: ---@import url(https://fonts.googleapis.com/css?family=Coda);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,600);

body {
    background: #333;
    font-family: "Coda", sans-serif;
}

#content-section a, #content-section a:link, #content-section a:visited,
#upper_section .user a, #upper_section .user a:link, #upper_section .user a:visited,
#content_section a, #content_section a:link, #content_section a:visited {
    color: #b7e55b;
}

#content-section a:hover {
    color: #ccff66;
}

h4.catbg a, h4.catbg a:link, h4.catbg a:visited,
h4.catbg2 a, h4.catbg2 a:link, h4.catbg2 a:visited,
h3.catbg a, h3.catbg a:link, h3.catbg a:visited,
h3.catbg2 a, h3.catbg2 a:link, h3.catbg2 a:visited,
.table_list tbody.header td.catbg a, .table_list tbody.header td.catbg a:link, .table_list tbody.header td.catbg a:visited,
div.cat_bar a, div.cat_bar a:link, div.cat_bar a:visited {
    color: #fff !important;
}

h4.catbg a:hover, h4.catbg2 a:hover, h3.catbg a:hover, h3.catbg2 a:hover, .table_list tbody.header td.catbg a:hover, div.cat_bar a:hover {
    color: #fff !important;
}

.buttonlist ul li a.active {
    color: #fff !important;
}

.buttonlist ul li a {
    color: #000 !important;
}


h4.catbg, h4.catbg2, h3.catbg, h3.catbg2, .table_list tbody.header td.catbg, div.cat_bar
{
    background: #b7e55b;
    color: #333;
    font-family: "Coda", sans-serif;
}

.windowbg, #preview_body {
    background: #666;
    color: #000;
}

.windowbg2, #preview_body {
    background: #666;
    color: #000;
}

#header, #content_section, #footer_section {
    background: #333;
    color: #fff;
}

#header div.frame, #content_section div.frame, #footer_section div.frame,
#header, #content_section, #footer_section {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: none;
}

h1.forumtitle {
    width: 100%;
    height: 100px;
    background-image: url(http://img.codewalr.us/smflogo_microcat_border.png);
    background-repeat: no-repeat;
    background-position: center;
}

h1.forumtitle img {
    display: none;
}

blockquote.bbc_standard_quote, code.bbc_code {
    background: #999;
}

blockquote.bbc_standard_quote, blockquote.bbc_alternate_quote {
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
}

.pagesection, p#whoisviewing {
    color: #fff;
}

.roundframe {
    background: #666;
}

--- End code ---
Then you can some URL rules such as:
- https://codewalr.us/index.php?action=post;board=40.0
- https://codewalr.us/index.php?board=40.0
- https://codewalr.us/index.php?topic=646
- https://codewalr.us/index.php?topic=815
And you should see the new style :)

The style is nowhere near completion yet, but how do you like it so far?

xlibman:
This actually looks nice. I am curious about if changing WalrusIRC colors would be feasible from the sub-forum, because it would be nice if the top and bottom were the same colors. Or perhaps the posts could be made the same color as WIRC, but then the text would be impossible to read elsewhere on the site.

Ideally I think the sub-forum change should be done via a script, but in the worst case scenario we can always create a brand new theme directory and have the sub-forum theme set to Microcat by default. I wonder if @Streetwalrus would be able to setup some script...

Snektron:
Looks good, i like the color combinations :)
The background misses some noise though, i recommend adding some small texture to give it some diversity (like the green blocks on the main theme)

Streetwalrus:

--- Quote from: DJ Omnimaga on October 31, 2015, 03:02:00 am ---This actually looks nice. I am curious about if changing WalrusIRC colors would be feasible from the sub-forum, because it would be nice if the top and bottom were the same colors. Or perhaps the posts could be made the same color as WIRC, but then the text would be impossible to read elsewhere on the site.

--- End quote ---
Definitely possible but requires a minor change to wirc.


--- Quote from: DJ Omnimaga on October 31, 2015, 03:02:00 am ---Ideally I think the sub-forum change should be done via a script, but in the worst case scenario we can always create a brand new theme directory and have the sub-forum theme set to Microcat by default. I wonder if @Streetwalrus would be able to setup some script...

--- End quote ---
As I said, it's a 2 line php edit. I can do that.

Juju:

--- Quote from: Streetwalrus on October 31, 2015, 10:51:47 am ---
--- Quote from: DJ Omnimaga on October 31, 2015, 03:02:00 am ---This actually looks nice. I am curious about if changing WalrusIRC colors would be feasible from the sub-forum, because it would be nice if the top and bottom were the same colors. Or perhaps the posts could be made the same color as WIRC, but then the text would be impossible to read elsewhere on the site.

--- End quote ---
Definitely possible but requires a minor change to wirc.

--- End quote ---
Yeah, it's very possible with some JS.

Navigation

[0] Message Index

[#] Next page

Go to full version