EB Skin Selector

Sorry, I'm just having problems (T.T) Where are you supposed to be able to change the skins? Because I don't think it's working for me...again, sorry ^^;;

Basically, you copy out the css of your forum (If you have the feature enabled) and paste it into notepad, make the alterations you needs for the new skin.

Now save the file as a .css file and find a suitable host to upload it onto. Now for the fiddly part, you've got the code of the skin selector and you paste it into notepad again (It's a really nifty piece of software as it can make almost any file). Under the block of code the goes like this:

var scheme = getCookie('template1');
if (scheme == 'FT SKIN') {
document.write('
REL="stylesheet" TYPE="text/css"
HREF="http://www.freewebtown.com/friendstermagic3/forumcss/skin1.css">');
} else if (scheme == 'GG SKIN') {
document.write('
REL="stylesheet" TYPE="text/css"
HREF="http://www.freewebtown.com/friendstermagic3/forumcss/skin2.css">');
} else if (scheme == 'DEFAULT SKIN') {
document.write('
REL="stylesheet" TYPE="text/css"
HREF="http://www.freewebtown.com/friendstermagic3/forumcss/default.css">');
}

add this block directly beneath it:

else if (scheme == 'SKIN NAME') {
document.write('REL="stylesheet" TYPE="text/css"
HREF="http://URL_OF_CSS_FILE.css">');
}

Save the whole thing as a .js file (the whole script, quoted in this topic https://help.forumotion.com/tricks-tips-f32/eb-skin-selector-t3502.htm) and upload it to a suitable file host.

Once you've got that done, paste this code into your site description (Administration Panel > General > Configuration < it needs to go into this site description!):

<script src="URL_OF_YOUR_FILE.js"></script>

And that should just about do it, if you want to add more skins keep adding the block of code I gave you beneath every other skin above it and keep resaving and rehosting the .js file.


(This is kind of for advanced users that have a bit of experience with coding, so don't worry if it doesn't work)


Hope it helps,
Dragon Man

Thanks for posting back Dragonman ^^ Ok, sorry I'm terrible with codes ^^;
Anyways, I copied the code like you said from the link, and uploaded it, then put the link of url where you said to put it, but nothing happened...what do you mean by css of my forum? Sorry for still being confused. ^^;

You can enable css editing by going to Administration Panel > Styles > Colors and click enable css editing and it will change your color editor from simple selection to modifying the forums main css file

Although I wouldn't recommend it for someone that doesn't know css which would cause a right mess.

It might take a bit of time to let the code "warm-up", as in it might come on with a bit of time. But the skin selector was tested on a test forum before the last update, and the technicians might of changed the forums a little bit.

I'll get on re doing it, I'll get back to you with some results and edit the topic in the tricks and tips section for a more easy way of installing it ^^


Hope it helps,
Dragon Man

Thanks a lot Dragonman! Ok, I'll check tips and tricks again when you do. It hasn't worked yet, but I think I understood well. ^.^ However, how do you directly change the skins when it's done? Is it in the profile? Thanks again!

Is there some way to change the bbtheme of the forum that I exported into a .css file?
this is my code did I do it right?
I didnt know how to do the .css file so I just hosted the bbtheme file.
Im afraid im just no good with codes.

/*****************************
Do not remove this heading!
Change Skin Script
Copyright © 2007 Dragon Man
Modified by pauldemonteverde
pauldemonteverde[AT]yahoo.com
*****************************/
document.write('<style>body {margin-top:50px !important;}</style>');
document.write('<div
style="position: absolute; width: 304px; height: 38px; z-index: 1;
left: -60px; top: 15px" id="skinselector"><form><select
onchange="changeskin(this.options[this.selectedIndex].value);
window.location.reload();"><option> Change Skin
</option><option value="DEFAULT SKIN"> Mid-Autumn Breeze
</option><option value="Crazed and The Insane"> Crazed and The Insane
</option><option value="I Wont Say I'm In Love"> I Wont Say I'm In Love
</option><option value= "Young Love"> Young Love
</option><option value="omg Island"> omg Island
</option><option value="Fatherly Farmer"> Fatherly Farmer
</option><option value="Bubbly"> Bubbly
</option><option value="Field of Wheat"> Field of Wheat
</option><option value="Boys, Boys, Toys"> Boys, Boys, Toys
</option><option value="Odd Couple"> Odd Couple
</option><option value="From your secret admirer"> From your secret admirer
</option><option value="Chickens and Horses and Cows! OH MY!"> Chickens and Horses and Cows! OH MY!


skin</option></select></form></div>');
var scheme = getCookie('template1');
if (scheme == 'Crazed and The Insane') {
document.write('
REL="stylesheet" TYPE="text/css"
HREF="http://localhostr.com/files/bef5ea8139b1360f6471.bbtheme">');
} else if (scheme == 'I Wont Say I'm In Love') {
document.write('
REL="stylesheet" TYPE="text/css"
HREF="http://localhostr.com/files/a0fbcc53affd1715e4de.bbtheme">');
} else if (scheme == 'DEFAULT SKIN') {
document.write('
REL="stylesheet" TYPE="text/css"
HREF="http://localhostr.com/files/69f36d6d61ff2747fb41.bbtheme">');
} else if (scheme == 'Young Love') {
document.write('
REL="stylesheet" TYPE="text/css"
HREF="http://localhostr.com/files/1e4dec8b0502373cad64.bbtheme">');
} else if (scheme == 'omg Island') {
document.write('
REL="stylesheet" TYPE="text/css"
HREF="http://localhostr.com/files/023d3bf5ca8b54ecb3a2.bbtheme">');
} else if (scheme == 'Fatherly Farmer') {
document.write('
REL="stylesheet" TYPE="text/css"
HREF="http://localhostr.com/files/5cf92ad982ca59e5c886.bbtheme">');
} else if (scheme == 'Bubbly') {
document.write('
REL="stylesheet" TYPE="text/css"
HREF="http://localhostr.com/files/b6725dea5a36496c1476.bbtheme">');
} else if (scheme == 'Field of Wheat') {
document.write('
REL="stylesheet" TYPE="text/css"
HREF="http://localhostr.com/files/274976fb8c94b1608b91.bbtheme">');
} else if (scheme == 'Boys, Boys, Toys') {
document.write('
REL="stylesheet" TYPE="text/css"
HREF="http://localhostr.com/files/e5de317373b108606835.bbtheme">');
} else if (scheme == 'Odd Couple') {
document.write('
REL="stylesheet" TYPE="text/css"
HREF="http://localhostr.com/files/c59b8dbf973675fcb95b.bbtheme">');
} else if (scheme == 'From your secret admirer') {
document.write('
REL="stylesheet" TYPE="text/css"
HREF="http://localhostr.com/files/c67f3471bb9687afa418.bbtheme">');
} else if (scheme == 'Chickens and Horses and Cows! OH MY!') {
document.write('
REL="stylesheet" TYPE="text/css"
HREF="http://localhostr.com/files/5b38d9ad5aba5614a94f.bbtheme">');

function changeskin(change) {
var scheme = change;
var name = 'template1';
var pathname = location.pathname;
var myDomain = pathname.substring(0,pathname.lastIndexOf('/')) +'/';
var ExpDate = new Date ();
ExpDate.setTime(ExpDate.getTime() + (180 * 24 * 3600 * 1000));
setCookie(name,scheme,ExpDate,myDomain);
}
function getCookie(name){
var cname = name + "=";
var dc = document·cookie;
if (dc.length > 0) {
begin = dc.indexOf(cname);
if (begin != -1) {
begin += cname.length;
end = dc.indexOf(";", begin);
if (end == -1) end = dc.length;
return unescape(dc.substring(begin, end));
}
}
return null;
}

function setCookie(name, value, expires, path, domain, secure) {
document·cookie = name + "=" + escape(value) +
((expires == null) ? "" : "; expires=" + expires.toGMTString()) +
((path == null) ? "" : "; path=" + path) +
((domain == null) ? "" : "; domain=" + domain) +
((secure == null) ? "" : "; secure");
}