Advertise Here

Author Topic: [Code] Default Skin Chooser  (Read 8264 times)

0 Members and 1 Guest are viewing this topic.

Offline Agent Moose

  • Moderator
  • *****
  • Posts: 836
  • Do not PM me for Code Support or Request
    • View Profile

  • Total Badges: 32
    Badges: (View All)
    Search Level 6 Tenth year Anniversary Nineth year Anniversary Eighth year Anniversary
[Code] Default Skin Chooser
« on: June 12, 2007, 02:39:18 pm »
Forum Url: http://skinchooser.smfforfree3.com
Well, this is the very first Skin Chooser to be put out for SMF for Free!  The only skins it has is are the:
Default
Red
Black
Green
Lavender
Peach would be in there, but I had some trouble with accually makeing the skin work...so I took it out.  Anyway, Before you install this Code onto your forum, you will want to change the Forum Default Skin in your Manage Styles section of your Admin CP to the defualt skin since I never got the accuall CSS for it.

Now, once you have done that, You will need the Jquery code, which is What you need for all my codes, so some people may have it already...Place in Headers:
Code: [Select]
<script src="/jquery.js"></script>Now you will need to add this part to your Headers:
Code: [Select]
<script src="http://h1.ripway.com/smcodes/skinssource.js">//Skin Source</script>That above code is the Main source of the Skin Chooser.  You will not need to add this everytime you put a new skin chooser on because It contains all you need for each Skin Chooser Version.

Now you need to also add this to the Headers.  This part is the table for the the Default Skin Chooser.  This is really the only part that is diffrent when your adding another Skin Chooser.
Code: [Select]
<div id="skin_chooser_default" class="catbg"><a href="#" onclick="setActiveStyleSheet(''); return false;">Default</a> | <a href="#" onclick="setActiveStyleSheet('Black'); return false;">Black</a> | <a href="#" onclick="setActiveStyleSheet('Red'); return false;">Red</a> | <a href="#" onclick="setActiveStyleSheet('Green'); return false;">Green</a> | <a href="#" onclick="setActiveStyleSheet('Brown'); return false;">Brown</a> | <a href="#" onclick="setActiveStyleSheet('Lavender'); return false;">Lavender</a></div>
Now, you will need to add this to the Footers section, this accually contians the code that makes the skin chooser work correctly.
Code: [Select]
<script src="http://h1.ripway.com/smcodes/skinchooser.js">//Skin Chooser</script>
That is basicly all the Skin Chooser is.  There will be diffrent version of the skin chooser soon.  There will also be codes so you can customise your Skin Chooser.
I hope you like the Skin Chooser!

If you have any questions, please join the main forum of the SKin Chooser and ask them here:
http://skinchooser.smfforfree3.com/index.php/board,7.0.html
Just post a new topic and I will try to answer your questions as soon as I can...
« Last Edit: May 02, 2008, 09:42:36 pm by Agent Moose »
Check out Revolution X's Brand new Code Index!

Offline rileyks

  • SMF For Free Sponsors
  • *
  • Posts: 530
    • View Profile

  • Total Badges: 16
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: Default Skin Chooser
« Reply #1 on: June 12, 2007, 03:43:11 pm »
I added it and it works GREAT!  Thanks so much!!!!!

Offline deathwilldie

  • Style Designer
  • *
  • Posts: 770
  • Give me an idea for a Stylesheet
    • View Profile
    • Revolution X

  • Total Badges: 28
    Badges: (View All)
    Tenth year Anniversary Nineth year Anniversary Search Eighth year Anniversary Seventh year Anniversary
Re: Default Skin Chooser
« Reply #2 on: June 12, 2007, 04:28:59 pm »
This is a great code.  Thanks for making it.

Offline rileyks

  • SMF For Free Sponsors
  • *
  • Posts: 530
    • View Profile

  • Total Badges: 16
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: Default Skin Chooser
« Reply #3 on: June 13, 2007, 09:47:10 am »
I really love it and am getting alot of praises from my members...Thanks You Agent!!!!  I need to play around with it to change a few colors to what they are wanting.

Too cool!

Can more colors be added....you will find I am not as computer literate but I do learn...lol.

Offline Agent Moose

  • Moderator
  • *****
  • Posts: 836
  • Do not PM me for Code Support or Request
    • View Profile

  • Total Badges: 32
    Badges: (View All)
    Search Level 6 Tenth year Anniversary Nineth year Anniversary Eighth year Anniversary
Re: Default Skin Chooser
« Reply #4 on: June 13, 2007, 09:59:15 am »
Soon I will make a tutorial for you so that you can add your own skins.
Check out Revolution X's Brand new Code Index!

Offline rileyks

  • SMF For Free Sponsors
  • *
  • Posts: 530
    • View Profile

  • Total Badges: 16
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: Default Skin Chooser
« Reply #5 on: June 13, 2007, 11:15:59 am »
Soon I will make a tutorial for you so that you can add your own skins.

Your awesome!!!!  Thanks!

Offline rileyks

  • SMF For Free Sponsors
  • *
  • Posts: 530
    • View Profile

  • Total Badges: 16
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: Default Skin Chooser
« Reply #6 on: June 13, 2007, 12:36:03 pm »
Is this suppose to happen as you change to go to different posts or refresh a page:

example: if I am reading this thread and click on the back button or go back to the top and click on all unread message ... I see a circuit board type design with no color as a background, behind the words  while it is loading the page


I have the silver stylesheet set up as the default...but when you refresh the page you see the above image..then it goes back to the silver.

Offline Kimmie

  • SMF For Free Master
  • *
  • Posts: 2010
    • View Profile
    • Kimmie's Caverns

  • Total Badges: 19
    Badges: (View All)
    Topic Starter Combination Level 4 Level 3 Level 2
Re: Default Skin Chooser
« Reply #7 on: June 13, 2007, 12:54:31 pm »
All the stylesheets in the chooser are tied together. Whichever one is your default skin is going to appear briefly until the one the member has chosen can load.

I went to your site, chose the green skin, and then refreshed my browser. It was silver for a few seconds then it turned green.

I used my back button and also saw the white image. The white background is the background sibyl used on the techno ones. Not sure why its showing that - moose can probably fix that in the code.
« Last Edit: June 13, 2007, 12:56:12 pm by Kimmie »

Offline Agent Moose

  • Moderator
  • *****
  • Posts: 836
  • Do not PM me for Code Support or Request
    • View Profile

  • Total Badges: 32
    Badges: (View All)
    Search Level 6 Tenth year Anniversary Nineth year Anniversary Eighth year Anniversary
Re: Default Skin Chooser
« Reply #8 on: June 13, 2007, 01:00:08 pm »
^^Ditto.

I have no idea why the text is there though...

EDIT: I see your useing the Techno Skin Chooser though.
« Last Edit: June 13, 2007, 01:03:25 pm by Agent Moose »
Check out Revolution X's Brand new Code Index!

Offline Kimmie

  • SMF For Free Master
  • *
  • Posts: 2010
    • View Profile
    • Kimmie's Caverns

  • Total Badges: 19
    Badges: (View All)
    Topic Starter Combination Level 4 Level 3 Level 2
Re: Default Skin Chooser
« Reply #9 on: June 13, 2007, 01:21:11 pm »
^^Ditto.

I have no idea why the text is there though...

EDIT: I see your useing the Techno Skin Chooser though.

well that explains why the white image is there  :D

Offline rileyks

  • SMF For Free Sponsors
  • *
  • Posts: 530
    • View Profile

  • Total Badges: 16
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: Default Skin Chooser
« Reply #10 on: June 13, 2007, 01:21:35 pm »
^^Ditto.

I have no idea why the text is there though...

EDIT: I see your useing the Techno Skin Chooser though.



I am?  lmao....didn't know that...I just installed the first one you put out on here.

Offline Enigma

  • SMF For Free Full Member
  • *
  • Posts: 102
  • Hello!
    • View Profile
    • Subspace-Channel

  • Total Badges: 28
    Badges: (View All)
    100 Posts Search Invisible Tenth year Anniversary Nineth year Anniversary
Re: Default Skin Chooser
« Reply #11 on: June 16, 2007, 09:35:03 am »
I like it, but I was unable to switch back to the user created styles oh well.  :-\

Offline Kimmie

  • SMF For Free Master
  • *
  • Posts: 2010
    • View Profile
    • Kimmie's Caverns

  • Total Badges: 19
    Badges: (View All)
    Topic Starter Combination Level 4 Level 3 Level 2
Re: Default Skin Chooser
« Reply #12 on: June 16, 2007, 02:17:12 pm »
I like it, but I was unable to switch back to the user created styles oh well.  :-\

You will probably have to just remove the script from your headers/footeers and then you can go back to using the user created styles. As soon as moose lets us know how - we will be able to incorporate the skins we want to use in there instead of the ones he has. One thing to keep in mind about that though - theres no way to have it load the images for posts - you would need to find an image that will go with ALL of the stylesheets you add to it.

guest1608

  • Guest
Re: Default Skin Chooser
« Reply #13 on: June 24, 2007, 06:19:59 am »
Hey I edited the code a bit to add Green Grass and Chronicles....
See-
To accommodate for the Green Grass, I took it's css and I put it here- http://h1.ripway.com/vikhyat/greengrass.css
Then I edited the Skins Source- http://h1.ripway.com/vikhyat/skinssource.js
I put this in my headers-
Code: [Select]
<script src="http://209.85.48.12/9581/134/upload/p4217340.ibf">//Jquery code</script>
<script src="http://h1.ripway.com/vikhyat/skinssource.js">//Skins Source</script>
<div id="skin_chooser_default" class="catbg">
<a href="#" onclick="setActiveStyleSheet(''); return false;">Default</a> | <a href="#" onclick="setActiveStyleSheet('Black'); return false;">Black</a> | <a href="#" onclick="setActiveStyleSheet('Red'); return false;">Red</a> | <a href="#" onclick="setActiveStyleSheet('Green'); return false;">Green</a> | <a href="#" onclick="setActiveStyleSheet('Brown'); return false;">Brown</a> | <a href="#" onclick="setActiveStyleSheet('Lavender'); return false;">Lavender</a> | <a href="#" onclick="setActiveStyleSheet('Green Grass'); return false;">Green Grass</a> | <a href="#" onclick="setActiveStyleSheet('Chronicles'); return false;">Chronicles</a></div>

But, it isn't working. My forum URL is http://scsforums.smfforfree3.com/.
I don't know much about JQuery or Javascript. Can you tell me what I did wrong?

Offline Agent Moose

  • Moderator
  • *****
  • Posts: 836
  • Do not PM me for Code Support or Request
    • View Profile

  • Total Badges: 32
    Badges: (View All)
    Search Level 6 Tenth year Anniversary Nineth year Anniversary Eighth year Anniversary
Re: Default Skin Chooser
« Reply #14 on: June 24, 2007, 01:29:43 pm »
Do you have this in your Footers:
Code: [Select]
<script src="http://h1.ripway.com/smcodes/skinchooser.js">//Skin Chooser</script>
EDIT:  I don't really like the fact that your editing the code, even though you didn't edit the main part of the code.  I guess I should show you how to add your own skins...
Check out Revolution X's Brand new Code Index!

 

Related Topics

  Subject / Started by Replies Last post
12 Replies
9262 Views
Last post August 14, 2008, 05:00:44 am
by ishybadboy
1 Replies
882 Views
Last post August 21, 2007, 12:19:22 pm
by Kimmie
21 Replies
7382 Views
Last post July 10, 2009, 08:52:55 am
by mordex
16 Replies
4104 Views
Last post February 15, 2009, 12:48:50 pm
by Andrew
1 Replies
561 Views
Last post November 13, 2010, 05:03:26 am
by iamher