The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Multi-themes

+3
Arbalist
Darren1
MasterOfKings
7 posters

Page 1 of 2 1, 2  Next

Go down

Multi-themes Empty Multi-themes

Post by MasterOfKings January 29th 2011, 11:31 am

Hey all,

I know about the tutorial by Darren here. I went through it, I didn't bother with the CSS bit because I was just trying to get it to work first of all. But I can't find the selector. I chose only 2 themes instead of three, but how do you change the theme? I can't find it.

I'm using Invision.

-MoK

EDIT: Could it have something to do with the fact that in my Site Description, the quotes (") aren't there? When I choose Save they disappear.
MasterOfKings
MasterOfKings
Forumember

Male Posts : 89
Reputation : 20
Language : English

Back to top Go down

Multi-themes Empty Re: Multi-themes

Post by MasterOfKings February 2nd 2011, 5:02 pm

Bump
MasterOfKings
MasterOfKings
Forumember

Male Posts : 89
Reputation : 20
Language : English

Back to top Go down

Multi-themes Empty Re: Multi-themes

Post by Darren1 February 3rd 2011, 11:21 am

Hey bud,

Sorry about leaving you in the dark for a few days, I haven't had much time online, and have other priorities lately.
The code that's presented in that tutorial is now, how would you say it?
Outdated, and the French also have removed it, so I can't get a exact copy of the JS they used TT

I'm currently re-testing an old way I used to do it (on PHPBB3, but the code wouldn't change for IPB or other version loove )
Things aren't going according to plan unfortunately.

The good news, I'm not too far away from hopefully getting it to work.
The bad news, I need to sleep and should have it done (hopefully) by Sunday!
Darren1
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 566
Language : English

Back to top Go down

Multi-themes Empty Re: Multi-themes

Post by MasterOfKings February 6th 2011, 4:49 am

Well, if you can get a way to get it to work on IPB, I'll greatly appreciate it.

Let me know asap.

Thanks!

-MoK
MasterOfKings
MasterOfKings
Forumember

Male Posts : 89
Reputation : 20
Language : English

Back to top Go down

Multi-themes Empty Re: Multi-themes

Post by Darren1 February 6th 2011, 5:33 am

Ive got you in mind, the script that was used, was actually how would you put it?
Given to me wrong, but it did work - I haven't had a chance to test the new script I've been guaranteed will work because I was called in to work (Were drastically under staffed Rolling Eyes lol). I should be able to have it done tomorrow morning.

Thanks for being patient, I really appreciate it.

I think the only thing that will be changing is the script, everything else should work the same loove
Darren1
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 566
Language : English

Back to top Go down

Multi-themes Empty Re: Multi-themes

Post by MasterOfKings February 6th 2011, 7:37 am

Ok; how are you going to show the script? Put it into another (or the same) tutorial, or just post it here?

Sorry for being a pain, but you haven't made that one bit clear.

Thanks a lot!

-MoK
MasterOfKings
MasterOfKings
Forumember

Male Posts : 89
Reputation : 20
Language : English

Back to top Go down

Multi-themes Empty Re: Multi-themes

Post by Darren1 February 7th 2011, 7:08 am

Sorry my mistake.

Ill be posting it here first, once I know it's working, and then I"ll be updating the tutorial.

I'm working on it right now Very Happy

I've now had a notice of out-dated-ness added to the tutorial so we all know. Thanks to sanket again Smile

I've been on the phone to my ISP & mobile contractor all day, so hopefully, being that I have tomorrow morning off work, ill be able to do it...Might be an all nighter though Lol


EDIT: 9/feb/11
I've got the script working, I had a bit of trouble with it at first, but I'm now checking that it will run smoothly on all versions. Should be able to post the new code within 2 hrs :wouhou:
Sorry about the delay, I couldn't get online yesterday - Yet another day on the phone with the ISP ... Multi-themes Redface


Last edited by Darren1 on February 9th 2011, 1:37 am; edited 1 time in total
Darren1
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 566
Language : English

Back to top Go down

Multi-themes Empty Another mortal here looking forward to this release!!!

Post by Arbalist February 7th 2011, 7:53 am

Keep up the great work Darren1, my forum is also counting on you.

Ivo
Arbalist
Arbalist
Forumember

Male Posts : 27
Reputation : 0

Back to top Go down

Multi-themes Empty Re: Multi-themes

Post by Darren1 February 9th 2011, 2:18 am

Hey guys, sorry about the delay, been having a few too many issues lately.

Alright, there's a few changes to the tutorial, which is my next job, but you guys first Very Happy

The new script:
Code:
//STAR Skin Selector by Bourne (montatuforo.net) and  3mOtrOnik (toxigeek.com)
document.write('<style>body {margin-top:50px !important;} select {color: #fff !important; background-color: #000 !important;}  option {font-family: verdana; font-size: 10px; color: white;} option.sl {color: #fff !important; background-color: #000;} SELECT{ font-family: verdana; font-size: 10px; color: white; </style>');
document.write('<div style="position: absolute; width: 150px; height: 38px; z-index: 1; left: 5px; top: 10px" id="skinselector"><form><select onchange="changeskin(this.options[this.selectedIndex].value); window.location.reload();"><option class="sl"> Change the Skin </option><option class="sl" value="Defaul"> Default </option><option class="sl" value="Black"> CUSTOM THEME 1</option><option class="sl" value="Purple"> CUSTOM THEME 2</option><option class="sl" value="Yellow"> CUSTOM THEME 3 </option></select></form></div>');
var scheme = getCookie('template1');
if (scheme == 'Defaul') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://testorial.forumotion.com/169155-ltr.css">');
} else if (scheme == 'Black') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="hhttp://testorial.forumotion.com/169154-ltr.css">');
} else if (scheme == 'Purple') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://testorial.forumotion.com/168970-ltr.css">');
} else if (scheme == 'Yellow') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://testorial.forumotion.com/168975-ltr.css">');;
}

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");
}
//END Skin Selector by Bourne (montatuforo.net) and  3mOtrOnik (toxigeek.com)

The necessary changes from the tutorial:
When you add the new theme number, rather than having anything else before it, it is just the number followed by the -ltr.css .
Example: tetstorial.forumotion.com/15982-ltr.css

You can also quickly get the theme number by selecting the theme you want from hitskin.com and instead of "previewing" them theme, in the URL, it will give u 5 or 6 numbers, use them.

Ill explain the the things we need to change:
The only things we need to change are where there is "Default" 'Custom theme 1/2/3" or where I have "(Default theme) (custom theme 1/2/3)" which is changed to your url & the theme's number.

So the lines with "http://testorial.forumotion.com/..." you would change to your URL, and insert the new theme's number after the "/" followed by -ltr.css
and repeat in the proceeding lines.
Change "DEFAULT" "CUSTOM THEME 1 / 2 / 3" to the NAME of the theme.
Now save, and copy the URL of the page from the list of pages from the HTML Page list (does that make sense?) and change my URL to your URL, (<script type=text/javascript src=http://testorial.forumotion.com/h9-multithemev3></script>)and insert it in the site name via: General > Forum/config & save there.

now preview your forum in it's new glory cheers

I've checked, it'll work in all 4 versions too luv




Thanks,
Darren.
Darren1
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 566
Language : English

Back to top Go down

Multi-themes Empty Re: Multi-themes

Post by Through~The~Lens February 9th 2011, 5:27 pm

Darren - thanks so much for this! I have tried and tried to implement it, but I'm going wrong somewhere. Could you cast your beady eye over this for me and let me know if you can spot what's wrong? When I load up the forum I get an area where there should be a drop down (the mouse cursor changes to a hand), but nothing is displayed there and if I click the screen just refreshes.

Any ideas?

Code:
//STAR Skin Selector by Bourne (montatuforo.net) and  3mOtrOnik (toxigeek.com)
    document.write('<style>body {margin-top:50px !important;} select {color: #fff !important; background-color: #000 !important;}  option {font-family: verdana; font-size: 10px; color: white;} option.sl {color: #fff !important; background-color: #000;} SELECT{ font-family: verdana; font-size: 10px; color: white; </style>');
    document.write('<div style="position: absolute; width: 150px; height: 38px; z-index: 1; left: 5px; top: 10px" id="skinselector"><form><select onchange="changeskin(this.options[this.selectedIndex].value); window.location.reload();"><option class="sl"> Change the Skin </option><option class="sl" value="Defaul"> Bluey</option><option class="sl" value="Black"> Light BB V3</option><option class="sl" value="Purple"> Proglass Red </option><option class="sl" value="Yellow"> Prosilver Grey English</option></select></form></div>');
    var scheme = getCookie('template1');
    if (scheme == 'Defaul') {
    document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://throughthelens.forumotion.co.uk/138935-ltr.css">');
    } else if (scheme == 'Black') {
    document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://throughthelens.forumotion.co.uk/167451-ltr.css">');
    } else if (scheme == 'Purple') {
    document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://throughthelens.forumotion.co.uk/142533-ltr.css">');
    } else if (scheme == 'Yellow') {
    document.write('<LINK REL="stylesheet" TYPE="text/css" http://throughthelens.forumotion.co.uk/100023-ltr.css">');;
    }

    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");
    }
    //END Skin Selector by Bourne (montatuforo.net) and  3mOtrOnik (toxigeek.com)

On the forum config:
Code:
<script type=text/javascript src=http://throughthelens.forumotion.co.uk/h1-themechoice></script>


Many thanks Smile
avatar
Through~The~Lens
New Member

Posts : 2
Reputation : 0
Language : English

Back to top Go down

Multi-themes Empty Re: Multi-themes

Post by Darren1 February 10th 2011, 12:22 am

Hey Trough, not an issue, could I just ask what version do you use?
PHPBB2 or PHPBB3?

Are you using themes from that version (Forgot to add that Razz )

Ive now managed to replicate it, which I don't think I should be able to do, seeing as the code should work ....?
I also don't see any issues with the code, as it's the exact same as mine is, which eliminates alot offissues, but makes me think bounce
Darren1
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 566
Language : English

Back to top Go down

Multi-themes Empty Re: Multi-themes

Post by MasterOfKings February 10th 2011, 12:57 pm

Where is it "meant" to be appearing? Because I'm not seeing it either.

My code is...
Code:
//STAR Skin Selector by Bourne (montatuforo.net) and  3mOtrOnik (toxigeek.com)
    document.write('<style>body {margin-top:50px !important;} select {color: #fff !important; background-color: #000 !important;}  option {font-family: verdana; font-size: 10px; color: white;} option.sl {color: #fff !important; background-color: #000;} SELECT{ font-family: verdana; font-size: 10px; color: white; </style>');
    document.write('<div style="position: absolute; width: 150px; height: 38px; z-index: 1; left: 5px; top: 10px" id="skinselector"><form><select onchange="changeskin(this.options[this.selectedIndex].value); window.location.reload();"><option class="sl"> Change the Skin </option><option class="sl" value="BR"> Black n Red </option><option class="sl" value="WB"> White n Blue </option></select></form></div>');
    var scheme = getCookie('template1');
    if (scheme == 'BR') {
    document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://mgctest.forumotion.com/163871-ltr.css">');
    } else if (scheme == 'WB') {
    document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="hhttp://mgctest.forumotion.com/160907-ltr.css">');
    }

    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");
    }
    //END Skin Selector by Bourne (montatuforo.net) and  3mOtrOnik (toxigeek.com)

When I choose Preview, I get the Drop-down box in the top left hand corner; but on my actual forum, I can't see it.

Can I choose where to put it? If so, how?

-MoK
MasterOfKings
MasterOfKings
Forumember

Male Posts : 89
Reputation : 20
Language : English

Back to top Go down

Multi-themes Empty Re: Multi-themes

Post by Through~The~Lens February 10th 2011, 1:15 pm

Hey Darren,

I'm using PHP3 and all the themes are selected for that version! Thanks for your help Smile
avatar
Through~The~Lens
New Member

Posts : 2
Reputation : 0
Language : English

Back to top Go down

Multi-themes Empty Re: Multi-themes

Post by Darren1 February 11th 2011, 6:30 am

Mok, it's meant to appear above the logo on the left hand corner.
I don't think we can place it anywhere else because otherwise it can't be in between <head> tags
Ive noticed in your provided code, that in the last link, there's 2 H's in front of ttp://yourforumurl/ect
Let us know if that was the issue

Through, I've looked at your index's page source, and I've noticed a mistake in the script that you've put in the site description, ( Razz slight joke Wink ) you left the "m" out on the ".com.uk" (or is it actually meant to me .co.uk , I'm unsure?)

Try them before doing more please Smile


EDIT1:
For precautions sake, im going to try and replicate your skins, so I know where to go to next....if I have the JS skills to do it Twisted Evil

EDIT 2:
Also, another thing I noticed when I copy/pasted your code into my HTML block - There's extra spaces on the left hand side, is that just me? If it's not just me, can you remove that and see if anything changes please?

EDIT 3:
Through, that appears the issue, remove the extra spaces at the edges, and it should be all good Mr. Green

Mok, I think because you removed a 2 of the options there may be abit of a confusion in the code, I'm not 100% sure, so I'm going to need tonight/tomorrow morning to work on it, which could also be why I can't get yours to show, but can get Through's to show & work TT

I'm sorry for the delay in getting this to work, thanks for working with me to get this sorted as well, I appreciate it.
Darren1
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 566
Language : English

Back to top Go down

Multi-themes Empty Re: Multi-themes

Post by MasterOfKings February 11th 2011, 3:40 pm

I fixed the error in the two hs. I'll find another couple of themes for IPB and use the original script (although, I only want two options).

If you can help, I'll greatly appreciate it.

-MoK

EDIT: Still doesn't appear. My new code...
Code:
//STAR Skin Selector by Bourne (montatuforo.net) and  3mOtrOnik (toxigeek.com)
    document.write('<style>body {margin-top:50px !important;} select {color: #fff !important; background-color: #000 !important;}  option {font-family: verdana; font-size: 10px; color: white;} option.sl {color: #fff !important; background-color: #000;} SELECT{ font-family: verdana; font-size: 10px; color: white; </style>');
    document.write('<div style="position: absolute; width: 150px; height: 38px; z-index: 1; left: 5px; top: 10px" id="skinselector"><form><select onchange="changeskin(this.options[this.selectedIndex].value); window.location.reload();"><option class="sl"> Change the Skin </option><option class="sl" value="Defaul"> Default </option><option class="sl" value="Black"> CUSTOM THEME 1</option><option class="sl" value="Purple"> CUSTOM THEME 2</option><option class="sl" value="Yellow"> CUSTOM THEME 3 </option></select></form></div>');
    var scheme = getCookie('template1');
    if (scheme == 'Defaul') {
    document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://mgctest.forumotion.com/163871-ltr.css">');
    } else if (scheme == 'Black') {
    document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="hhttp://mgctest.forumotion.com/160907-ltr.css">');
    } else if (scheme == 'Purple') {
    document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://mgctest.forumotion.com/165070-ltr.css">');
    } else if (scheme == 'Yellow') {
    document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://mgctest.forumotion.com/160464-ltr.css">');;
    }

    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");
    }
    //END Skin Selector by Bourne (montatuforo.net) and  3mOtrOnik (toxigeek.com)
MasterOfKings
MasterOfKings
Forumember

Male Posts : 89
Reputation : 20
Language : English

Back to top Go down

Multi-themes Empty Re: Multi-themes

Post by Darren1 February 12th 2011, 12:46 am

Alright, got it working with the 2 skins you've nominated.
If their not the right ones, just change the numbers Very Happy

You can test it on my test forum http://testorial.forumotion.com

Ive attached the file as I believe there's an issue when you copy & paste it.
Don't know why, but it might be an FM issue
hmm, maybe I can't ...?
Well, filedropper to the rescue Razz

http://www.filedropper.com/mokmulti (2.27 KB)



Darren1
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 566
Language : English

Back to top Go down

Multi-themes Empty Re: Multi-themes

Post by MasterOfKings February 12th 2011, 1:00 pm

It works! Very Happy

Is it possible to put it in the footer? Say, where the 'Select a forum' is (not replace the 'Select a forum' one, but put it on the opposite side of it?).

Now, for the harder part... Can you tell me how to get my own custom CSS to work with it? Do I need to upload the CSS files somewhere (if so, where?), then have the script point to those files?

Thanks!

-MoK
MasterOfKings
MasterOfKings
Forumember

Male Posts : 89
Reputation : 20
Language : English

Back to top Go down

Multi-themes Empty Re: Multi-themes

Post by Darren1 February 13th 2011, 2:35 am

That's great Very Happy

Um, to be honest, my css isn't anywhere near skilled enough to help you with that Razz
But I can try and find a way to put it in the footer, but honestly, I do doubt that it is possible, simply because the code needs to be in between <head> tags, and the footer is outside of it TT
Let me have a fiddle on PunBB first and if I can accomplish it then, then I will try to get it in the footer...then again...no that wont work because css doesn't support "<script...>" TT TT
Darren1
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 566
Language : English

Back to top Go down

Multi-themes Empty Re: Multi-themes

Post by Arbalist February 13th 2011, 4:43 am

Hey Guys,

Great job on the coding... Multi-themes Great

Not to interrupt the brain storm here, but I have a similar question.

I have a forum that has two very different groups of people...medieval historian kind and modern technologist kind...the information submitted is very different and I would like to create an illusion of two forums.

Sorry for the rumble, but here is my idea and a question in one:

As I understand we can set the forum to open up an HTML Page instead of going straight to the forum...so my idea was to do a very plain white background page with two images positioned side by side...(Medieval...Forum Name...Modern) and putting "Enter" under each.

The illusion coming into play with these "enter" buttons linking to the appropriate forum "styles" while keeping the forum structure the same. Multi-themes 66991

Perhaps it sounds lame, but in my case the future of the forum will greatly benefit from something like this.

If you have a minute, please let me know what you think. Multi-themes Hello

Thanks,

Ivo

PS: I have more thoughts, like: Each theme having it's own unique header picture, linking sound files to the different themes,
and hiding the "choose skin" menu to make it accessible only through the
member's profile.... I currently lack the necessary knowledge to get
under the hood myself, but being a bit of an obsessive personality I'm always on a lookout for info. study


PPS: Also I believe I've noticed you mention going straight to the Skinz site to get the style, wouldn't it be easier to simply link to the temporary themes found in the Administration options? ... again I'm just a noob here, so if my techno weeny nonsense requires an explanation of how babies are made...please feel free to ignore this last one. I'll read up on it and perhaps will palm my face without wasting anyone's time. Laughing Laughing Laughing
Arbalist
Arbalist
Forumember

Male Posts : 27
Reputation : 0

Back to top Go down

Multi-themes Empty Re: Multi-themes

Post by MasterOfKings February 13th 2011, 11:59 am

The footer thing is okay, I can live w/o it (although, being able to choose where to put it would be great. Very Happy)

But my main issue, is how to have it relate to custom CSS files, as opposed to pre-defined themes.

Would this be done by uploading the files to the host mentioned in your tutorial, and refer to them there?

-MoK
MasterOfKings
MasterOfKings
Forumember

Male Posts : 89
Reputation : 20
Language : English

Back to top Go down

Multi-themes Empty Re: Multi-themes

Post by Darren1 February 13th 2011, 11:31 pm

Arbelist, please open a new topic, it's not as simple as this topic Wink
but I will help you there, and PM me the link - That way you'll get my attention sooner - I'm just flat chat with other things so far this year ....

Mok, I havent had a chance to look at it yet, I will be in about 30 mins. Ofcause you can add ur own defined CSS, just upload it to any good CSS Host, or any file hoster would be convenient actually - just make sure that it hosts them for a long period of time, so maybe soemthing like rapidshare would be good.
As for the host I nominated in the thread, I don't know if they host CSS Anymore TT
And yes it would work the same way, with the same actions Very Happy
Darren1
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 566
Language : English

Back to top Go down

Multi-themes Empty Re: Multi-themes

Post by MasterOfKings February 14th 2011, 8:08 am

Okay, thanks.

Although, I can't get the custom CSS to work.
In the code, I have...
Code:
if (scheme == 'Dark') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://rapidshare.com/files/447834553/dark_mgc.css">');
} else if (scheme == 'Light') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://rapidshare.com/files/447834554/light_mgc.css">');
}
Both of which are to download links (I didn't register, I just uploaded them and got the links); but when I change an option in Select a Style dropdown box, it refreshes, but the CSS doesn't take effect.

Basically, there's already the CSS from the Dark style in the custom CSS part of the admin panel. The only difference (for now) is that the body font color is different (one is white-ish, and another is black). This was for testing. It doesn't work!

Sad

Help?

-MoK
MasterOfKings
MasterOfKings
Forumember

Male Posts : 89
Reputation : 20
Language : English

Back to top Go down

Multi-themes Empty Re: Multi-themes

Post by Darren1 February 15th 2011, 2:51 am

As I personally don't use custom CSS, I just modify the hitskin and use some css from there, it's the blind leading the blind Razz

how about putting that CSS in a HTML page, and putting that link instead of the rapid share link?
Darren1
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 566
Language : English

Back to top Go down

Multi-themes Empty Re: Multi-themes

Post by MasterOfKings February 15th 2011, 3:08 pm

How do you mean?

I'm familiar with HTML and webpages and whatnot; but you mean put the CSS into the head tags, and nothing in the body tags? Or what?

Please show me an example. Thanks a lot.

-MoK
MasterOfKings
MasterOfKings
Forumember

Male Posts : 89
Reputation : 20
Language : English

Back to top Go down

Multi-themes Empty Re: Multi-themes

Post by MasterOfKings February 22nd 2011, 7:08 am

Bump.
MasterOfKings
MasterOfKings
Forumember

Male Posts : 89
Reputation : 20
Language : English

Back to top Go down

Multi-themes Empty Re: Multi-themes

Post by Darren1 February 23rd 2011, 2:19 am

Sorry about that, Ive had some things to take car of, and been offline for a little while.

Can you try putting the script that you uploaded to rapidshare onto a html page instead, and use that as the links rather than the /1442 or the rapid share link.
Darren1
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 566
Language : English

Back to top Go down

Multi-themes Empty Re: Multi-themes

Post by MasterOfKings February 23rd 2011, 10:09 am

EDIT: I uploaded the CSS to my own site (where the forum is a subdomain), and it works now. Thanks. Smile

-MoK
MasterOfKings
MasterOfKings
Forumember

Male Posts : 89
Reputation : 20
Language : English

Back to top Go down

Multi-themes Empty Re: Multi-themes

Post by Majcepajce February 23rd 2011, 7:58 pm

Thanks this messages are very usefull
avatar
Majcepajce
New Member

Posts : 2
Reputation : 0
Language : Srpski

Back to top Go down

Multi-themes Empty Re: Multi-themes

Post by Darren1 February 24th 2011, 12:52 am

Thats too go hear Smile

Did you upload it into a HTML page, or was it to another site you run?

I'm asking as Ill use this way for the tut, if you don't mind Smile
Darren1
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 566
Language : English

Back to top Go down

Multi-themes Empty Re: Multi-themes

Post by MasterOfKings February 24th 2011, 7:46 am

Basically, my forum uses the subdomain for a site I have; so, for example...
My forum is...
sub.domain.com

Where my site is...
domain.com

I tried hosting the CSS files using a Online File Manager to the sub-domain itself; but it didn't work. No idea why. So I moved them to a directory under my actual site; then it did work.

You just need somewhere where you link directly to the file; so when you go to it's domain, the CSS comes up in the browser. I don't know of any host that does that though; other than a web-host.

-MoK
MasterOfKings
MasterOfKings
Forumember

Male Posts : 89
Reputation : 20
Language : English

Back to top Go down

Page 1 of 2 1, 2  Next

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum