Skins

Nao

  • Dadman with a boy
  • Posts: 16,079
Skins
« on May 9th, 2011, 06:35 PM »Last edited on September 11th, 2011, 06:56 PM by Nao
Feature: Skins (previously 'stylings')
Developer: Nao
Target: everyone (mainly themers)
Status: 95% (believed to be complete; but I added so many features since then... It's probably going to evolve even more.)
Comment:

Skins are Wedge's answer to SMF's CSS variants.
The theme folder's "css" folder is now a "skins" folder with a nested structure. It is one of the most complex new features in Wedge, so it's difficult to describe it thoroughly in a single paragraph. I'll write some proper documentation when the time comes.

In the meantime, just know this: a skin can totally redefine most aspects of a theme without any code modding. Replace or add to the current stylesheets, add jQuery code or remote JavaScript files, rewrite template macros, and optionally set these only for specific browsers. Most importantly, skins allow you to redefine the structure of the template skeleton, which is Wedge's way of handling what SMF called 'template layers' and 'sub-templates' in a way that actually makes sense for designers.

You can also customize the current CSS yourself (add a custom.css file to the skin), or create new skins that inherit (or completely replace) settings from their 'parent' skins. Choose a default skin for guests, play with inheritance by physically moving folders... Themers can expect a lot of fun playing with Wedge.

Re: Skins
« Reply #1, on September 3rd, 2016, 09:26 AM »
Do you have any additional skins readily available for download?
Without being in the know regarding how to code skins I'm/we're pretty much stuck with the default 3-4 skins, hence the question.
Otherwise, a quick guide how to change colours would also do just fine :)

Re: Skins
« Reply #2, on September 4th, 2016, 02:27 PM »
Quote from Lynx on September 3rd, 2016, 09:26 AM
Do you have any additional skins readily available for download?
Without being in the know regarding how to code skins I'm/we're pretty much stuck with the default 3-4 skins, hence the question.
Otherwise, a quick guide how to change colours would also do just fine :)
Have a look at /core/skin/<skinname>/*.css and play a bit around with those colours. Don't think that there is more documentation, but it's more or less self explaining.

Re: Skins
« Reply #3, on September 4th, 2016, 08:25 PM »
Quote from CerealGuy on September 4th, 2016, 02:27 PM
Have a look at /core/skin/<skinname>/*.css and play a bit around with those colours. Don't think that there is more documentation, but it's more or less self explaining.
Alright, thanks :cool:

Re: Skins
« Reply #4, on September 16th, 2016, 11:19 AM »
Yeah.

I'd recommend overwriting index.css definitions with a new "custom.css" file instead. At least it won't get overwritten by updated files if you download a new version... You can also delete stuff from index.css with the @remove command (just look around and search for these in the skin files, it's pretty self-explained, although writing some documentation would have been nice of me.) (I'm not nice.)

Eh, I forgot I had this weird "bubble-like" comment system on blog types... (as in this topic.) Too bad the bubble tails break when going further down the page... ^^ :edit: Only with avatar-less posts.