Home | Community | Message Board

Mushrooms.com
Please support our sponsors.


Welcome to the Shroomery Message Board! You are experiencing a small sample of what the site has to offer. Please login or register to post messages and view our exclusive members-only content. You'll gain access to additional forums, file attachments, board customizations, encrypted private messages, and much more!

Shop: Kraken Kratom Red Vein Kratom   North Spore North Spore Mushroom Grow Kits & Cultivation Supplies   Left Coast Kratom Buy Kratom Extract, Kratom Powder For Sale   PhytoExtractum Maeng Da Thai Kratom Leaf Powder

Jump to first unread post Pages: 1
OfflineIdiot
I Am Moron!
Male User Gallery

Registered: 11/27/05
Posts: 6,554
Loc: 41.90231, 12.45390 Flag
Last seen: 28 days, 15 hours
Custom Shroomery Style Sheets * 5
    #24896130 - 01/07/18 12:53 PM (3 years, 10 months ago)

I'm reposting this outside of my journal for more exposure and so I don't have to manage it; I'm not here much anymore.

-Don't Forget To +1 The Theme You Use-



Some might know, others may not, but you can customize the look of the shroomery to an insane degree of freedom.  This thread will be a collection of style sheets made by me and other users that can be used to personalize the shroomery to your liking.  Don't forget that you are able to create your own and are not limited to only the settings in this thread. 

This first post will be a tutorial of how to set the style sheet as well as links to css tutorials and accessing shroomery style sheets so you can get deeply creative with the site layout.

Setting Custom Style Sheet
Starting from the index select the accounts link:


Once on the account page scroll to the very bottom and select the edit option next to "Display preferences, number of shown topics, languages, colors..." :


Once in the display preferences page there will be a drop down box labeled "Which style sheet (skin) do you want to use for your display?"  This drop down contains all the default skins:


Some might say this isn't enough so dear leader Ythan included an option to allow users to view pages using custom style sheets (CSS):


Click this to open the text box, this will be where you input the CSS to have a super swank customized shroomery experience.


The rest of this thread will be style sheets that I and other users have created for your enjoyment.




-Don't Forget To +1 The Theme You Use-




CSS links and Shroomery specific css tutorial
This section is dedicated to helping you write your own CSS as well as understanding the underlying structure of the Shroomerys HTML/CSS layout.  To access this information as displayed you will need to use the Chrome web browser.  Other browsers have similar functionality but this tutorial focuses on Chrome.

While on the shroomery right click anywhere on any page to bring up the menu (yours may look different than mine as I have several addons) and select "Inspect Element"  :


A new frame will come up from the bottom of the screen, this includes the raw data that chrome is displaying (starting with the html).  Click the Resources button to access a tiered version of this data:


Once in the resources tab drill down through the file structure until you get to the stylesheets section:


In the above example the "www.shroomery.org.main.css" code is the code that the browser is using to display the shroomery with the default theme.  If you are already  using a custom theme this will be replaced with a css file of the theme you are using.  This file contains all the elements you are able to edit.  The following links will help you customize the shroomery beyond what the premade stylesheets available in this thread allow.

w3schools CSS Tutorial
Color Picker - Helps with finding the code for a color or defining a color that is already in Shroomerys default settings.



-Don't Forget To +1 The Theme You Use-


--------------------

Customize your Shroomery experience!
Do not argue with an idiot. He will drag you down to his level and beat you with experience.


Edited by Idiot (01/07/18 01:02 PM)


Extras: Filter Print Post Remind Me! Notify Moderator Top
OfflineIdiot
I Am Moron!
Male User Gallery

Registered: 11/27/05
Posts: 6,554
Loc: 41.90231, 12.45390 Flag
Last seen: 28 days, 15 hours
Re: Custom Shroomery Style Sheets [Re: Idiot] * 2
    #24896141 - 01/07/18 12:59 PM (3 years, 10 months ago)

Note: Some of the images may no longer be hosted so you may have to rehost them and modify the code.

Quote:

Idiot said:


Requires Deluvian Green as the default skin

Copy the code below to enjoy.
Code:
body {background: #000 url("http://a.imageshack.us/img834/5461/infectedmushroomimthesu.jpg") no-repeat fixed center;}
table, td, tr {background-color: rgba(0,0,0,0) !important;}
.tdheader {background-color: rgba(54,125,2,0.8) !important;}
.lighttable {background-color: rgba(4,16,4,0.8) !important;}
.newlighttable {background-color: rgba(10,40,10,0.8) !important;}
.newdarktable, .newsubjecttable {background-color: rgba(0,0,0,0.8) !important;}
.menubar, .darktable, .subjecttable, .threadtotal, .posttotal, .posttime {background-color: rgba(0,0,0,0.8) !important;}





Quote:

Idiot said:


Requires Deluvian Blue as the default skin.

Copy the code below to enjoy.
Code:
body {background: #000 url("https://files.shroomery.org/files/18-001/535351930-wallpaper-mushrooms-glowing.jpg") no-repeat fixed center;}
table, td, tr {background-color: rgba(0,0,0,0) !important;}
.tdheader {background-color: rgba(17,34,68,0.8) !important;}
.lighttable {background-color: rgba(0,17,51,0.8) !important;}
.newlighttable {background-color: rgba(0,25,76,0.8) !important;}
.newdarktable, .newsubjecttable {background-color: rgba(25,25,25,0.8) !important;}
.menubar, .darktable, .subjecttable, .threadtotal, .posttotal, .posttime {background-color: rgba(0,0,0,0.8) !important;}





Quote:

Idiot said:
Thanks to indica for this one!


Requires Deluvian Green as default skin.

Copy the code below to enjoy.
Code:
body {background: #000 url("http://fc07.deviantart.net/fs6/i/2005/070/6/5/Blue_Aztec_by_lured.jpg") no-repeat fixed center;}
table, td, tr {background-color: rgba(0,0,0,0) !important;}
.tdheader {background-color: rgba(54,125,2,0.8) !important;}
.lighttable {background-color: rgba(4,16,4,0.8) !important;}
.newlighttable {background-color: rgba(10,40,10,0.8) !important;}
.newdarktable, .newsubjecttable {background-color: rgba(0,0,0,0.8) !important;}
.menubar, .darktable, .subjecttable, .threadtotal, .posttotal, .posttime {background-color: rgba(0,0,0,0.8) !important;}





Quote:

Idiot said:


Requires Deluvian Green as default skin.

Copy the code below to enjoy.
Code:
body {background: #000 url("http://a.imageshack.us/img706/2373/soulfly.jpg") no-repeat fixed center;}
table, td, tr {background-color: rgba(0,0,0,0) !important;}
.tdheader {background-color: rgba(54,125,2,0.8) !important;}
.lighttable {background-color: rgba(4,16,4,0.8) !important;}
.newlighttable {background-color: rgba(10,40,10,0.8) !important;}
.newdarktable, .newsubjecttable {background-color: rgba(0,0,0,0.8) !important;}
.menubar, .darktable, .subjecttable, .threadtotal, .posttotal, .posttime {background-color: rgba(0,0,0,0.8) !important;}





Quote:

Idiot said:
Thanks to Gravija for this one!


Best used with Desert Classic as default.

Copy the code below to enjoy.
Code:
body {background: #002 url("https://files.shroomery.org/files/12-22/843530579-SpringGyms_15.jpg") no-repeat fixed center;}
table, td, tr {background-color: rgba(250,250,250,0) !important;}
.tdheader {background-color: rgba(247,221,190,0.5) !important;}
.lighttable {background-color: rgba(252,244,235,0.5) !important;}
.newlighttable {background-color: rgba(189,170,149,0.5) !important;}
.newdarktable, .newsubjecttable {background-color: rgba(189,170,149,0.5) !important;}
.menubar, .darktable, .subjecttable, .threadtotal, .posttotal, .posttime {background-color: rgba(189,170,149,0.5) !important;}





Quote:

Idiot said:
Thanks to Cutless for this one!


Requires Deluvian Green as default skin.

Copy the code below to enjoy.

Code:
body {background: #000 url("https://files.shroomery.org/files/12-22/842338849-Awesome_-_YSoSerious.jpg") no-repeat fixed center;}
table, td, tr {background-color: rgba(0,0,0,0) !important;}
.tdheader {background-color: rgba(122,10,10,0.8) !important;}
.lighttable {background-color: rgba(50,50,50,0.9) !important;}
.newlighttable {background-color: rgba(50,50,50,0.9) !important;}
.newdarktable, .newsubjecttable {background-color: rgba(0,0,0,0.8) !important;}
.menubar, .darktable, .subjecttable, .threadtotal, .posttotal, .posttime {background-color: rgba(0,0,0,0.8) !important;}
A:link {color: rgba(112,128,144,1) !important;}
A:visited {color: rgba(108,123,139,1) !important;}
A:active {color: rgba(112,128,144,1) !important;}
A:hover {background-color: rgba(122,10,10,1); color: rgba(255,255,255,1) !important;}
blockquote{font-size:9pt;border:1px solid rgba(108, 123, 139, 1);margin:0 20px;padding:0 10px;}
blockquote .small{background:rgba(108, 123, 139, 1);margin-left:-10px;color:#000;padding:1px 2px;}





Quote:

Idiot said:
Thanks to Gravija for helping with this one.

Best used with Desert Classic as default.

Copy code below to enjoy.
Code:
body {background: #002 url("http://www.wallpaper1080hd.com/Picture/allimg/c111117/1321491X463440-24P8.jpg") no-repeat fixed center;}
table, td, tr {background-color: rgba(250,250,250,0) !important;}
.tdheader {background-color: rgba(247,221,190,0.7) !important;}
.lighttable {background-color: rgba(252,244,235,0.7) !important;}
.newlighttable {background-color: rgba(189,170,149,0.7) !important;}
.newdarktable, .newsubjecttable {background-color: rgba(189,170,149,0.7) !important;}
.menubar, .darktable, .subjecttable, .threadtotal, .posttotal, .posttime {background-color: rgba(189,170,149,0.7) !important}
font.post, .small, .postholder {color:#000000 !important;}
span {color:#000000 !important;}
A:link {color: #000000 !important;}
A:visited {color: #0B0042 !important;}
A:active {color: #000000 !important;}
A:hover {background-color: #FFFFFF; color: #0B0042 !important;}
form{color:#000000}





Quote:

Idiot said:
Thanks to Mr Magenta for this one!


Best used with Deluvian Blue.

Copy the code below to enjoy.
Code:
body {background: #000 url("https://files.shroomery.org/files/14-21/101412457-wallpapet-4-theme5.jpg") repeat top right fixed;}
table, tr {background-color: rgba(0,0,0,0) !important;}
.tdheader {background-color: rgba(244,60,199,0.9) !important;} td {font-size: 115%;}
.lighttable {background-color: rgba(0,0,21,0.9) !important;}
.newlighttable {background-color: rgba(54,47,82,0.8) !important;}
.newdarktable, .newsubjecttable {background-color: rgba(155,110,151,0.8) !important;}
.menubar, .darktable, .subjecttable, .threadtotal, .posttotal, .posttime {background-color: rgba(0,0,21,0.8) !important}
font.post, .small, .postholder {color:#ffaaff !important;}
span {color:#dbdbde !important;}
A:link {color: #b9abc3 !important;}
A:visited {color: #ff6fe6 !important;}
A:active {color: #ff6fe6 !important;}
A:hover {background-color: #FFFFFF; color: #0B0042 !important;}
form{color:#dbdbde}





Quote:

Idiot said:
Thanks to Magenta for this one.



Requires Deluvian Green as the default skin

Code:
/* Put CSS code below this line to customize the BB style. */
body {background: #000 url("https://files.shroomery.org/files/16-001/204738480-background.jpg") repeat;}
table, tr {background-color: rgba(0,0,0,0.1) !important; border-spacing: 5px 5px;}
.tdheader {background-color: rgba(17,53,23,0.6) !important;}
.lighttable {background-color: rgba(25,25,25,0.5) !important;}
.newlighttable {background-color: rgba(51,82,65,0.2) !important;}
.newdarktable, .newsubjecttable {background-color: rgba(51,82,65,0.2) !important;}
.menubar, .darktable, .subjecttable, .threadtotal, .posttotal, .posttime {background-color: rgba(9,9,9,0.7) !important}
font.post, .small, .postholder {color:#ffffff !important;}
span {color:# !important;}
A:link {color: rgba(112,128,144,1) !important;}
A:visited {color: rgba(108,123,139,1) !important;}
A:active {color: rgba(112,128,144,1) !important;}
A:hover {background-color: rgba(45,172,67,1); color: rgba(255,255,255,1) !important;}
form{color:#000000}






--------------------

Customize your Shroomery experience!
Do not argue with an idiot. He will drag you down to his level and beat you with experience.


Edited by Idiot (01/07/18 09:59 PM)


Extras: Filter Print Post Remind Me! Notify Moderator Top
InvisiblebodhisattaMDiscordReddit
Smurf real estate agent
 User Gallery
Folding@home Statistics
Registered: 04/30/13
Posts: 61,770
Loc: Milky way
Re: Custom Shroomery Style Sheets [Re: Idiot] * 2
    #24896349 - 01/07/18 02:33 PM (3 years, 10 months ago)

https://files.shroomery.org/files/18-001/535351930-wallpaper-mushrooms-glowing.jpg



re-uploaded this pic for you.

and smaller



https://files.shroomery.org/files/18-001/535378194-blue.jpg

nice stuff. I wanted to do this a long time ago but got lazy and never figured it out


--------------------
Everything you need in one spot.

My Q&A thread. Ask me questions here rather than in Private Message
Bod's chat thread

BTC: 1G7roCpYmNp4VqnKySQeBkaFTc7JMzKLpL
ETH: 0x2091cE981af8129986C50AC0818e1aCA76076768
DOGE: DQNyGtUNHwYUrGECag1VRmMcf6QVeTY4V1


Extras: Filter Print Post Remind Me! Notify Moderator Top
InvisibleDark_Star
train driver pervading a desktop
Male User Gallery

Registered: 08/21/04
Posts: 31,859
Loc: Uranus
Re: Custom Shroomery Style Sheets [Re: bodhisatta]
    #24896536 - 01/07/18 03:56 PM (3 years, 10 months ago)

This is pretty sick, thanks everyone. :thumbup:


--------------------


Extras: Filter Print Post Remind Me! Notify Moderator Top
InvisiblePatrickKn
I'm a teapot

Registered: 07/10/11
Posts: 17,813
Re: Custom Shroomery Style Sheets [Re: Dark_Star] * 1
    #24896736 - 01/07/18 05:41 PM (3 years, 10 months ago)

Cool thread. I'm digging the feel of the last one in OP from Magenta.


Extras: Filter Print Post Remind Me! Notify Moderator Top
InvisibleJokeshopbeardM
Humble Student

Registered: 11/30/11
Posts: 25,542
Loc: Deep in the system Flag
Re: Custom Shroomery Style Sheets [Re: PatrickKn]
    #24896798 - 01/07/18 06:13 PM (3 years, 10 months ago)

I've been meaning to do something like this for a while. Nice work OP.

I just need to figure out what's gonna look the most inconspicuous if anyone looks over my shoulder at work...


--------------------
Let it be seen that you are nothing. And in knowing that you are nothing... there is nothing to lose, there is nothing to gain. What can happen to you? Something can happen to the body, but it will either heal or it won't. What's the big deal? Let life knock you to bits. Let life take you apart. Let life destroy you. It will only destroy what you are not.
--Jac O'keeffe


Extras: Filter Print Post Remind Me! Notify Moderator Top
OfflineIdiot
I Am Moron!
Male User Gallery

Registered: 11/27/05
Posts: 6,554
Loc: 41.90231, 12.45390 Flag
Last seen: 28 days, 15 hours
Re: Custom Shroomery Style Sheets [Re: bodhisatta]
    #24897331 - 01/07/18 09:59 PM (3 years, 10 months ago)

Quote:

bodhisatta said:
https://files.shroomery.org/files/18-001/535351930-wallpaper-mushrooms-glowing.jpg



re-uploaded this pic for you.

and smaller



https://files.shroomery.org/files/18-001/535378194-blue.jpg

nice stuff. I wanted to do this a long time ago but got lazy and never figured it out




Updated


--------------------

Customize your Shroomery experience!
Do not argue with an idiot. He will drag you down to his level and beat you with experience.


Extras: Filter Print Post Remind Me! Notify Moderator Top
OfflineMagenta
I care!!
Male User Gallery

Registered: 06/14/09
Posts: 20,223
Loc: The land of plenty Flag
Last seen: 3 months, 14 days
Re: Custom Shroomery Style Sheets [Re: Idiot]
    #24902401 - 01/10/18 08:15 AM (3 years, 10 months ago)

Idiot, I'm positive i'd still be using the default theme if i'd never accidentally stumbled upon your old journal. Your compilation of all the relevant information, tutorials and collection of other custom themes. Amazing effort to go through to teach others. Thanks again mate.


Quote:

PatrickKn said:
Cool thread. I'm digging the feel of the last one in OP from Magenta.




Thanks, that's the one i use as my main mostly.




I get the impression that this thread is for Members to share their themes here now. Here's a couple of minor others i've made.

Quote:


Old School Shroomery; with light and dark new tables (Looks identical to Old School Shroomery except threads with new replies are highlighted for convenience. This feature isn't included by default in the theme.)



Best used with Old School Shroomery.

Copy the code below to enjoy.Code:
body {}
table, tr {background-color: rgba() !important;}s
.tdheader {background-color: rgba() !important;} td {font-size: 115%;}
.lighttable {background-color: rgba() !important;}
.newlighttable {background-color: rgba(213,161,61,1.0) !important;}
.newdarktable, .newsubjecttable {background-color: rgba(220,173,83,1.0) !important;}
.menubar, .darktable, .subjecttable, .threadtotal, .posttotal, .posttime {background-color: rgba() !important}
font.post, .small, .postholder {}
span {}
A:link {}
A:visited {}
A:active {}
A:hover {}
form{}






Quote:


(This is one the two themes i use for months at a time) Vintage Shroomery with light and dark tables (Looks identical to Vintage Shroomery except threads with new replies are highlighted for convenience.)



Best used with Vintage Shroomery.

Copy the code below to enjoy.Code:
body {}
table, tr {background-color: rgba() !important;}
.tdheader {background-color: rgba() !important;} td {font-size: 115%;}
.lighttable {background-color: rgba() !important;}
.newlighttable {background-color: rgba(255,204,102,1.0) !important;}
.newdarktable, .newsubjecttable {background-color: rgba(255,204,102,1.0) !important;}
.menubar, .darktable, .subjecttable, .threadtotal, .posttotal, .posttime {background-color: rgba() !important}
font.post, .small, .postholder {}
span {}
A:link {}
A:visited {}
A:active {}
A:hover {}
form{}






Extras: Filter Print Post Remind Me! Notify Moderator Top
OfflineCujllickduo
Male


Registered: 06/13/15
Posts: 19,552
Loc: England Flag
Last seen: 1 year, 4 months
Re: Custom Shroomery Style Sheets [Re: Magenta]
    #24903964 - 01/10/18 10:33 PM (3 years, 10 months ago)

penis pink on the chopping board


Extras: Filter Print Post Remind Me! Notify Moderator Top
Jump to top Pages: 1

Shop: Kraken Kratom Red Vein Kratom   North Spore North Spore Mushroom Grow Kits & Cultivation Supplies   Left Coast Kratom Buy Kratom Extract, Kratom Powder For Sale   PhytoExtractum Maeng Da Thai Kratom Leaf Powder


Similar ThreadsPosterViewsRepliesLast post
* New style sheets Anonymous 430 3 10/12/04 09:00 PM
by Anonymous
* The desert style sheet windex 1,240 7 04/12/03 04:57 AM
by Anno
* What happened to the old school style? RuNE 1,463 12 10/07/04 09:21 PM
by felix
* Hey shroomery! Need some new graphics? Grandpa 3,455 9 04/09/04 05:22 AM
by Anno
* The Shroomery T-Shirt Contest!
( 1 2 3 4 5 6 7 all )
ThorA 42,616 130 11/01/01 06:25 AM
by Jared
* Shroomery censorship Azmodeus 5,551 19 03/14/03 09:19 AM
by fliped
* Downtime on The Shroomery
( 1 2 all )
geokillsA 7,430 39 03/11/04 07:46 AM
by Loki
* Shroomery Lighters? kadakuda 650 14 12/14/04 09:28 PM
by kadakuda

Extra information
You cannot start new topics / You cannot reply to topics
HTML is disabled / BBCode is enabled
Moderator: Ythan, Thor, Seuss, geokills
1,406 topic views. 0 members, 1 guests and 3 web crawlers are browsing this forum.
[ Print Topic | ]
Search this thread:

Copyright 1997-2021 Mind Media. Some rights reserved.

Generated in 0.039 seconds spending 0.008 seconds on 16 queries.