Thread: Skin ST~

Hello all!
There is an interesting feedback left on the forum here
So, how about brainstorm here some, and see what we all can come up with!

I don't know if the admins would like some theme or color choice, (I'm butting in like that =p) Kevin please give us your output!

But for now I'll give everyone the white card to do anything they like!!
(Although I'd think a more manga-ish themed would be suitable!)

• Theme: Any
• Color palette: Any - Web safe
• Font choice: Any - Web safe
• Browser compatibility: IE7, Firefox 2, Opera 9 or higher. *

*= While many may still use lower versions, I think keeping the download section compatible with all, and the forum with more fancy styling will not affect us, and if the case needed, there is aways the default template!
PPS: It doesn't necessarily need to be one created by you, but you need to have consent from the original author to let us use~
Current submitted:
~


Technical information:
Here I'll go over the technical information needed for one to create a skin to VBulletin.
But mind, that its not necessary for you to submit an entry as a designer. We can help you to transform your submission into a skin. So don't worry if you not savvy with web markup.

Lets start out with the basic first of getting a design, then we worry about making it work! But if you are one of those that want to understand how it works here it is:

VBulletin Templates, are fragments of XHTML code interspersed with PHP variables.
They are also broken down on several elements that work together:

• Template
• CSS
• StyleVars
• Replacement_Variables

For more reference here is the Style And Templates manual

I wish I did but I don't know shit about XHTML or CSS...

Originally Posted by StealDragon

I wish I did but I don't know shit about XHTML or CSS...

Don't need to..
Just Getting just the design itself, then I could transform it to XHTML

Fine how would we do this then?

XHTML and CSS is is a holy combination that one must never nay say. External Stylesheets make maintainance so damn easy. And XHTML (especially Strict once you get it) is a well done language.

Of course you have to deal with IE being a piece of shit and whatnot in the rendering, but you know how it is.

Might look into live extensions to firefox like (I believe) firebug that will let you test code for this. Pretty handy tools.

Originally Posted by Volvogga

XHTML and CSS is is a holy combination that one must never nay say. External Stylesheets make maintainance so damn easy. And XHTML (especially Strict once you get it) is a well done language.

Of course you have to deal with IE being a piece of shit and whatnot in the rendering, but you know how it is.

Might look into live extensions to firefox like (I believe) firebug that will let you test code for this. Pretty handy tools.

Pardon the short post but... what?

Originally Posted by StealDragon

Pardon the short post but... what?

Sorry... umm... basically you got CSS which is Cascading Style Sheets... and they define the layout of the page. For example:

Code:

.headerbg { background-image: url(images/tigra/tigra_headerbg.gif);
background-repeat: repeat-x;
background-color: #00002C;
height: 82px;
}

There is a little piece of Tigra theme. As you can see, a good chunk of the layout is images. That's what Irecinius was getting at... you don't necessarily need to know how to code a webpage to help out. Designing the pieces and little icons and buttons and what not is most of the work anyway.

What I was saying is that there is an extention to firefox called firebug that lets you edit the webpage you are viewing's code locally... basically, you get the code, the extension displays the code, and you slap your own in. Lets you test and view your creations without having to have direct access to the sever or another site to test it on.

Ok I can do that. I wanna do that. I wanna help. Help me help you.

As a reply to Steal's post in another thread,



Things like these is as far as I can go. I've never designed a forum skin before, but I can come up with simpler site/blog skins like the ones above.

I understand xhtml and css, but I have no idea how a forum's xhtml would look like.

Here's also a really old thing I made.... note, REALLY old: xanga layouts

We don't need anything complex, simple is awesome!