Multi-themes
+3
Arbalist
Darren1
MasterOfKings
7 posters
Page 1 of 2
Page 1 of 2 • 1, 2
Multi-themes
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.
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- Forumember
- Posts : 89
Reputation : 20
Language : English
Re: Multi-themes
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
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 )
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!
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
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 )
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- Helper
- Posts : 11853
Reputation : 566
Language : English
Re: Multi-themes
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
Let me know asap.
Thanks!
-MoK
MasterOfKings- Forumember
- Posts : 89
Reputation : 20
Language : English
Re: Multi-themes
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 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
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 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
Darren1- Helper
- Posts : 11853
Reputation : 566
Language : English
Re: Multi-themes
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
Sorry for being a pain, but you haven't made that one bit clear.
Thanks a lot!
-MoK
MasterOfKings- Forumember
- Posts : 89
Reputation : 20
Language : English
Re: Multi-themes
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
I've now had a notice of out-dated-ness added to the tutorial so we all know. Thanks to sanket again
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
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
Sorry about the delay, I couldn't get online yesterday - Yet another day on the phone with the ISP ...
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
I've now had a notice of out-dated-ness added to the tutorial so we all know. Thanks to sanket again
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
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
Sorry about the delay, I couldn't get online yesterday - Yet another day on the phone with the ISP ...
Last edited by Darren1 on February 9th 2011, 1:37 am; edited 1 time in total
Darren1- Helper
- Posts : 11853
Reputation : 566
Language : English
Another mortal here looking forward to this release!!!
Keep up the great work Darren1, my forum is also counting on you.
Ivo
Ivo
Arbalist- Forumember
- Posts : 27
Reputation : 0
Re: Multi-themes
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
The new script:
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
I've checked, it'll work in all 4 versions too
Thanks,
Darren.
Alright, there's a few changes to the tutorial, which is my next job, but you guys first
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
I've checked, it'll work in all 4 versions too
Thanks,
Darren.
Darren1- Helper
- Posts : 11853
Reputation : 566
Language : English
Re: Multi-themes
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?
On the forum config:
Many thanks
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
Through~The~Lens- New Member
- Posts : 2
Reputation : 0
Language : English
Re: Multi-themes
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 )
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
PHPBB2 or PHPBB3?
Are you using themes from that version (Forgot to add that )
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
Darren1- Helper
- Posts : 11853
Reputation : 566
Language : English
Re: Multi-themes
Where is it "meant" to be appearing? Because I'm not seeing it either.
My code is...
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
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- Forumember
- Posts : 89
Reputation : 20
Language : English
Re: Multi-themes
Hey Darren,
I'm using PHP3 and all the themes are selected for that version! Thanks for your help
I'm using PHP3 and all the themes are selected for that version! Thanks for your help
Through~The~Lens- New Member
- Posts : 2
Reputation : 0
Language : English
Re: Multi-themes
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, ( slight joke ) 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
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
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
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
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.
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, ( slight joke ) 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
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
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
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
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- Helper
- Posts : 11853
Reputation : 566
Language : English
Re: Multi-themes
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...
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- Forumember
- Posts : 89
Reputation : 20
Language : English
Re: Multi-themes
Alright, got it working with the 2 skins you've nominated.
If their not the right ones, just change the numbers
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
http://www.filedropper.com/mokmulti (2.27 KB)
If their not the right ones, just change the numbers
You can test it on my test forum http://testorial.forumotion.com
Don't know why, but it might be an FM issue
hmm, maybe I can't ...?
Well, filedropper to the rescue
http://www.filedropper.com/mokmulti (2.27 KB)
Darren1- Helper
- Posts : 11853
Reputation : 566
Language : English
Re: Multi-themes
It works!
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
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- Forumember
- Posts : 89
Reputation : 20
Language : English
Re: Multi-themes
That's great
Um, to be honest, my css isn't anywhere near skilled enough to help you with that
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
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...>"
Um, to be honest, my css isn't anywhere near skilled enough to help you with that
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
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...>"
Darren1- Helper
- Posts : 11853
Reputation : 566
Language : English
Re: Multi-themes
Hey Guys,
Great job on the coding...
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.
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.
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.
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.
Great job on the coding...
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.
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.
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.
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.
Arbalist- Forumember
- Posts : 27
Reputation : 0
Re: Multi-themes
The footer thing is okay, I can live w/o it (although, being able to choose where to put it would be great. )
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
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- Forumember
- Posts : 89
Reputation : 20
Language : English
Re: Multi-themes
Arbelist, please open a new topic, it's not as simple as this topic
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
And yes it would work the same way, with the same actions
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
And yes it would work the same way, with the same actions
Darren1- Helper
- Posts : 11853
Reputation : 566
Language : English
Re: Multi-themes
Okay, thanks.
Although, I can't get the custom CSS to work.
In the code, I have...
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!
Help?
-MoK
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">');
}
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!
Help?
-MoK
MasterOfKings- Forumember
- Posts : 89
Reputation : 20
Language : English
Re: Multi-themes
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
how about putting that CSS in a HTML page, and putting that link instead of the rapid share link?
how about putting that CSS in a HTML page, and putting that link instead of the rapid share link?
Darren1- Helper
- Posts : 11853
Reputation : 566
Language : English
Re: Multi-themes
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
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- Forumember
- Posts : 89
Reputation : 20
Language : English
Re: Multi-themes
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.
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- Helper
- Posts : 11853
Reputation : 566
Language : English
Re: Multi-themes
EDIT: I uploaded the CSS to my own site (where the forum is a subdomain), and it works now. Thanks.
-MoK
-MoK
MasterOfKings- Forumember
- Posts : 89
Reputation : 20
Language : English
Re: Multi-themes
Thanks this messages are very usefull
Majcepajce- New Member
- Posts : 2
Reputation : 0
Language : Srpski
Re: Multi-themes
Thats too go hear
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
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
Darren1- Helper
- Posts : 11853
Reputation : 566
Language : English
Re: Multi-themes
Basically, my forum uses the subdomain for a site I have; so, for example...
My forum is...
Where my site is...
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
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- Forumember
- Posts : 89
Reputation : 20
Language : English
Page 1 of 2 • 1, 2
Page 1 of 2
Permissions in this forum:
You cannot reply to topics in this forum