CheatFreak47
Official Terrarian
note: Mods if this is in the wrong section, please move it to the appropriate one, i figured it belonged here the best considering the subject matter involves some creativity in coding and web design.
Perhaps this will garner some attention
This is a thread for discussing playing with the forum CSS locally for personal use.
If you don't know what CSS is, it's what allows websites to have rich user interfaces, and also what allows them to be interchangeable, as with this forum. If you'd like to play with some of the forum's CSS, you need some basic skills and knowledge of Web Design. Artistic Skill is also nice as well because custom themes need backgrounds! ;D
Generally, to modify the CSS of a website you don't own for personal use or preference, you need to use a browser extension like Stylish (see bottom of post for downloads). All code on this thread is to go into Spoiler tags and inside the spoiler should be code tags. Code can be lengthy and unsightly so please try to stick to that rule.
Google Chrome's Element Inspector is great for learning what parts of CSS to tweak.
Some minor quality of life improvements I've made with CSS tweaking thus far have been the following:
The first bit makes the cap on vertical signature display size 1000 pixels, allowing any given users' full signature to be displayed.
The second bit makes it so usernames wider than 100 pixels don't end up with an ellipsis (...) at the end, cap is at 200 pixels now.
Since it's the halloween season, i thought it would be neat to make a halloween theme using the corruption theme as a base. (It's what you see above ) I did this with only basic image editing in Gimp and a bit of looking into the forum CSS. The Background Image used is fanart by jake55778, and can be found here on the terraria subreddit. Thanks for the awesome art there Jake!
Here is the CSS i used to make it happen.
While this is quite basic, i've done it with only minimal code digging and that's a nice result for the little amount of work done.
So if you guys have any experience in CSS, know that its quite easy to play with this forum and xenforo in general when it comes to style tweaking. Note that while this is basic, it is indeed possible to make much more intricate stuff, but that will require mode digging in the website's CSS.
This is a good place to post discoveries in the forum's CSS innerworkings and even show off your Stylish themes for the Terraria Forum!, so if you'd like to make any go right ahead and post em here, but be sure to host them on Userstyles!
If you guys would like to try the halloween theme, set your forum theme to the corruption, then download stylish for chrome or firefox and install this theme into it.
I'll be updating this post with more themes and such as I make them. I also take requests so if you have something in mind, let me know!
Perhaps this will garner some attention
This is a thread for discussing playing with the forum CSS locally for personal use.
If you don't know what CSS is, it's what allows websites to have rich user interfaces, and also what allows them to be interchangeable, as with this forum. If you'd like to play with some of the forum's CSS, you need some basic skills and knowledge of Web Design. Artistic Skill is also nice as well because custom themes need backgrounds! ;D
Generally, to modify the CSS of a website you don't own for personal use or preference, you need to use a browser extension like Stylish (see bottom of post for downloads). All code on this thread is to go into Spoiler tags and inside the spoiler should be code tags. Code can be lengthy and unsightly so please try to stick to that rule.
Google Chrome's Element Inspector is great for learning what parts of CSS to tweak.
Some minor quality of life improvements I've made with CSS tweaking thus far have been the following:
Code:
.message .signature {
max-height: 1000px!important;
} /*Infinity Signiture*/
.navTabs .navTab.account .navLink .accountUsername {
max-width: 250px!important;
} /*Full Username in Head Bar*/
The second bit makes it so usernames wider than 100 pixels don't end up with an ellipsis (...) at the end, cap is at 200 pixels now.
Since it's the halloween season, i thought it would be neat to make a halloween theme using the corruption theme as a base. (It's what you see above ) I did this with only basic image editing in Gimp and a bit of looking into the forum CSS. The Background Image used is fanart by jake55778, and can be found here on the terraria subreddit. Thanks for the awesome art there Jake!
Here is the CSS i used to make it happen.
Code:
.message .signature {
max-height: 1000px!important;
} /*Infinity Signiture*/
.navTabs .navTab.account .navLink .accountUsername {
max-width: 250px!important;
} /*Full Username in Head Bar*/
img[src*="logo.png"]{ content: url("http://i.imgur.com/JGKtgbb.png"); }
body {
background: #3d1247 url('http://i.imgur.com/YOxuHXY.jpg') no-repeat;
}
.grassBar::before {
background-image: url('http://i.imgur.com/1VWe2ye.png');
}
.navTabs {
background: rgb(107, 83, 71) url('http://i.imgur.com/mNcJV5S.jpg');
}
/*Custom Theme*/
So if you guys have any experience in CSS, know that its quite easy to play with this forum and xenforo in general when it comes to style tweaking. Note that while this is basic, it is indeed possible to make much more intricate stuff, but that will require mode digging in the website's CSS.
This is a good place to post discoveries in the forum's CSS innerworkings and even show off your Stylish themes for the Terraria Forum!, so if you'd like to make any go right ahead and post em here, but be sure to host them on Userstyles!
If you guys would like to try the halloween theme, set your forum theme to the corruption, then download stylish for chrome or firefox and install this theme into it.
I'll be updating this post with more themes and such as I make them. I also take requests so if you have something in mind, let me know!
Last edited: