Virtual Teen Forums
 

Go Back   Virtual Teen Forums > >
Register Blogs FAQ Calendar Mark Forums Read Chat Room

Reply
 
Thread Tools Display Modes
Old September 29th, 2014, 08:56 AM   #1
TheN3rdyOutcast
Awesome Poster
 
Name: Willis
Join Date: May 30, 2014
Location: In a deep pit of despair.
Age: 19
Gender: Cisgender Male
Blog Entries: 11
Default Easily Customizable Skins

I've probably posted this in another thread somewhere before, but I think the 8 (16 if you count all the different "Bingo!" themes) skins are a bit old, I would like the ability to customize elements of the forum page, including colors, icons and such.

I am aware of the fact that you can *technically do this with some ind of coding hullabaloo, but despite being TheN3rdyOutcast, I don't know anything about coding, except that it involves 1's and 0's. I'd personally like to see some sort of "Create Your Own Skin" button thing in the UserCP that lets you select from different colors, different styles and stuff, and lets you preview what different pages will look like with your custom skin. Sort of like Microsoft Powerpoint.

Again, I suck at coding.
TheN3rdyOutcast is offline   Reply With Quote
Old September 29th, 2014, 12:41 PM   #2
Typhlosion
Fire-type Metalhead
 
Typhlosion's Forum Picture
 
Name: Alex
Join Date: December 18, 2013
Location: Brazil!
Age: 22
Gender: Male
Blog Entries: 3
Default Re: Easily Customizable Skins

I'm unsure if there are any easy editors, seeing that most vB templates aren't just CSS and are rather a collection of images and its own XML, being specific to the forum version.

It's not that hard to personalize. This code, for example does this to the background. (Only the bold is interesting, for now)
I take that back, it's HELL. vBulletin doesn't help at all with class names. If you want to try, be prepare to hack, a lot.

Code:
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("virtualteen.org") {
  body{
    background: #000000 url(http://vasare.files.wordpress.com/2011/03/aztec-native-navajo-geometric-motif-african-vibrant-pattern-background-facebook-hipster-tumblr-society6-art-design-textile-galaxy.jpg?w=1000);
  }
  .page{
    background: inherit;
  }
}


It's really just messing a bit with 'inspect element' with very basic knowledge of CSS/HTML.

Some parts, like the preview bar, with that nice gradient, is based off an image, and you'll have to edit those and have the CSS point to an image on your PC.

Hope I could help

Formerly at your service! ^^
Ex-GD Mod

Straight / Atheist / Metalhead / Right-wing / Aspie

Last edited by Typhlosion; September 30th, 2014 at 12:06 AM.
Typhlosion is offline   Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT -5. The time now is 05:06 AM.


Powered by vBulletin®
Copyright©2000 - 2018
Search Engine Optimisation provided by DragonByte SEO (Lite) - vBulletin Mods & Addons Copyright © 2018 DragonByte Technologies Ltd.
Copyright 2004 - 2018, VirtualTeen.org