search

yui / skinbuilder

A tool for creating skins for YUI widgets
Other
30 stars 12 forks source link

Unable to fully install custom skin of YUI Pure CSS #38

Closed ghost closed 10 years ago

ghost commented 10 years ago

I code all my files through notepad++. I use a JavaScript file to auto populate each page of my site with the proper heading information including the pure-css. Currently the code appears on the pages as follows:

 <link rel="stylesheet" href="http://yui.github.io/skinbuilder/?mode=pureindex.html?opt=mine,D50FDB,ffffff,1,1,10,1.5&h=0,-30,60&n=0,-30,75&l=0,-30,80&b=0,-30,90&mode=pure">

I have also copied the css file presented in the SkinBuilder and it is linked to a file on my site in the following way:

 <link rel="stylesheet" href="css/custom_pure.css">

Here is a screenshot of what the page looks like currently:

nonworking

Here is a screenshot of the preview given to me by the skinbuilder:

skinbuilder

Finally here is a screenshot of what the same part of the website looked like BEFORE trying to upgrade to the custom skin:

working

For now I will leave it as the last screenshot, but if you can let me know how to properly install the skin or what I may be doing wrong, please let me know, Currently I have switched it to (as of as I was writing this post):

 <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/pure-min.css">

I have since added the pure-skin-mine class but it still looks like this:

almostworking

Thank you.

jconniff commented 10 years ago

Without having the markup for the page to look at, I can only guess. Maybe try pure version 4 as below? <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.0/pure-min.css">

ghost commented 10 years ago

jconniff, that worked!

jconniff commented 10 years ago

Good. The Skin Builder has not been updated for awhile. it's not in sync with the latest Pure version.

ghost commented 10 years ago

How would I update the colors of the side bar "side menu" layout?

jconniff commented 10 years ago

I haven't tried Skin Builder for the "side menu" layout. Skin builder can provide CSS for the HTML markup of the type of menus found in http://purecss.io/menus/ and there are similar classes in "side menu" layout. It might work. You'd have to try it. You might have to manually override the CSS for that.

sb_menus

ghost commented 10 years ago

That is what I am in the process of doing now