SMF For Free Support Forum
Signup For Free Forum
September 05, 2008, 05:44:18 pm *
Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length
News: Welcome to SMF For Free. The best free SMF Host
 
   Home   Help Search Arcade Gallery Login Register  

SMF For Free Support Forum > SMF For Free Support > SMF For Free Codes (Moderator: Agent Moose) > [Code] Stylesheet swapper for Portal Block
Pages: 1 2 [3] 4
« previous next »
  Print  
Author Topic: [Code] Stylesheet swapper for Portal Block  (Read 2708 times)
0 Members and 1 Guest are viewing this topic.
SharpShot
SMF For Free Hero
*
Offline Offline

Posts: 833


Aetus.net is my home


View Profile WWW
« Reply #30 on: March 25, 2008, 09:57:35 pm »
Camo is the one I sawpped it for...WAIT...am I supposed to swap? Omg I'm confused LOL!
Logged




simply sibyl
Global Moderator
*
Offline Offline

Posts: 8027


I am not a dude!


View Profile WWW
« Reply #31 on: March 25, 2008, 09:58:42 pm »
Might be good to start from scratch.
You dont necessarily need to delete whats there now.

Start at the beginning of the Guide.
Let me know if you do not understand any part of it as you go along.
Follow each step.

Pm me and Ill work thru this with you instead of filling this thread up
Logged
Looking for help?:
General Support FAQ | Guide/Tutorial Index | Stylesheet Index | Codes Index
Myrtle
SMF For Free Hero
*
Offline Offline

Posts: 562


Death Note: My Last


View Profile WWW
« Reply #32 on: March 28, 2008, 01:35:13 am »
This one is awesome Sybil. I'm going to use it after I plan what style sheets to make. hahah. Grin
Logged
GodGurl25
SMF For Free Member
*
Offline Offline

Posts: 38


View Profile WWW
« Reply #33 on: May 12, 2008, 09:40:19 pm »
Question. Will I add

<br>

if I'll add a new stylesheet in the portal block? hm...
 Sad  Undecided
Logged
I have many questions for forums. So I joined here. LOL. Hehe
Trying to make friends.
simply sibyl
Global Moderator
*
Offline Offline

Posts: 8027


I am not a dude!


View Profile WWW
« Reply #34 on: May 12, 2008, 09:49:00 pm »
GodGurl25- yes be sure to put a <br> after the exisiting one before you add the new one  Wink
« Last Edit: May 12, 2008, 10:04:00 pm by simply sibyl » Logged
Looking for help?:
General Support FAQ | Guide/Tutorial Index | Stylesheet Index | Codes Index
Sparkwattclock
SMF For Free Member
*
Offline Offline

Posts: 99


The leader of the GWC here!


View Profile WWW
« Reply #35 on: May 12, 2008, 10:27:34 pm »
Forum Url: http://luckygarbagewhistlecrew.smfforfree4.com
my site's stylesheet swapper doesn't work at all.  I have the buttons though.  Anyway you can diangnose the problem sibyl?
Logged
simply sibyl
Global Moderator
*
Offline Offline

Posts: 8027


I am not a dude!


View Profile WWW
« Reply #36 on: May 12, 2008, 10:29:08 pm »
I'll give it a looksee.. brb
Logged
Looking for help?:
General Support FAQ | Guide/Tutorial Index | Stylesheet Index | Codes Index
simply sibyl
Global Moderator
*
Offline Offline

Posts: 8027


I am not a dude!


View Profile WWW
« Reply #37 on: May 12, 2008, 10:35:56 pm »
 In the header code where the links for the stylesheets css is at:

Code:
<link rel="stylesheet" type="text/css" href="http://www.smfforfree4.com/styles/luckygarbagewhistlecrew /aquaangular.css?fin11" title="aquaangular">

<link rel="alternate stylesheet" type="text/css" href="http://www.smfforfree4.com/styles/luckygarbagewhistlecrew /ultimateorange.css?fin11" title="ultimateorange">

<link rel="alternate stylesheet" type="text/css" href="http://www.smfforfree4.com/styles/luckygarbagewhistlecrew /gwcstylesheet.css?fin11" title="gwc">

See the space after luckygarbagewhistlecrew in each one of them?   Get rid of that space in all 3 of them.   

Then try it again and lemme know. 


Logged
Looking for help?:
General Support FAQ | Guide/Tutorial Index | Stylesheet Index | Codes Index
Sparkwattclock
SMF For Free Member
*
Offline Offline

Posts: 99


The leader of the GWC here!


View Profile WWW
« Reply #38 on: May 12, 2008, 10:42:28 pm »
Quote from: simply sibyl on May 12, 2008, 10:35:56 pm
In the header code where the links for the stylesheets css is at:

Code:
<link rel="stylesheet" type="text/css" href="http://www.smfforfree4.com/styles/luckygarbagewhistlecrew /aquaangular.css?fin11" title="aquaangular">

<link rel="alternate stylesheet" type="text/css" href="http://www.smfforfree4.com/styles/luckygarbagewhistlecrew /ultimateorange.css?fin11" title="ultimateorange">

<link rel="alternate stylesheet" type="text/css" href="http://www.smfforfree4.com/styles/luckygarbagewhistlecrew /gwcstylesheet.css?fin11" title="gwc">

See the space after luckygarbagewhistlecrew in each one of them?   Get rid of that space in all 3 of them.   

Then try it again and lemme know. 




Thanks sibyl! You were quick , lol super sibyl.
Logged
simply sibyl
Global Moderator
*
Offline Offline

Posts: 8027


I am not a dude!


View Profile WWW
« Reply #39 on: May 12, 2008, 10:52:20 pm »
Quote from: Sparkwattclock on May 12, 2008, 10:42:28 pm
Thanks sibyl! You were quick , lol super sibyl.

lol you are welcome.  I see it is working but you are getting some of the images from the default stylesheet in your others so I grabbed this for ya to help with that:


If you find that a stylesheet is picking up graphics from the stylesheet you have set as your forum's default:

If your default stylesheet has images for the background, the catbg, the titlebg, the tabs, and for any other area, and your Alternate Stylesheets do not, you will need to tell those areas in the Alternative stylesheets you use that it is important they do not have a background image.

For each area that you need to do this in add the code to the place in the url for that section where the background image code would normally be. 

Code:
background-image: none !important;

For instance if you use an image for the forums background on the default style and your alternate style has no background do:

Code:
/* The main body of the entire forum. */
body
{
    background-image: none !important;
    background-color: #E5E5E8;
    margin: 0px;
    padding: 12px 30px 4px 30px;

}
Logged
Looking for help?:
General Support FAQ | Guide/Tutorial Index | Stylesheet Index | Codes Index
MoHa
SMF For Free Member
*
Offline Offline

Posts: 73


View Profile
« Reply #40 on: May 26, 2008, 04:38:52 pm »
Anybody able to help me with this?
Logged
Isaiahs Grandma Is awesome! Thank you so much for your help!!!
MoHa
SMF For Free Member
*
Offline Offline

Posts: 73


View Profile
« Reply #41 on: May 26, 2008, 04:48:25 pm »
I followed this step by step, very carefully and slowly. These are what i changed things too for codes:

I copied the names exactly from how i did them when i did the style sheets. It is not working.

In headers:

Code:
<!-- Stylesheet Swapper For Portal Block  -->
<link rel="stylesheet" type="text/css" href="http://www.smfforfree4.com/styles/MoHa/lightblue.css?fin11" title="blue">

<link rel="alternate stylesheet" type="text/css" href="http://www.smfforfree4.com/styles/moha/lightsilver.css?fin11" title="silver">
<link rel="alternate stylesheet" type="text/css" href="http://www.smfforfree4.com/styles/moha/lightgreen.css?fin11" title="green">
<link rel="alternate stylesheet" type="text/css" href="http://www.smfforfree4.com/styles/moha/lightnavy.css?fin11" title="navy">
<link rel="alternate stylesheet" type="text/css" href="http://www.smfforfree4.com/styles/moha/lightgolden.css?fin11" title="golden">
<link rel="alternate stylesheet" type="text/css" href="http://www.smfforfree4.com/styles/moha/lightbrown.css?fin11" title="brown">
<link rel="alternate stylesheet" type="text/css" href="http://www.smfforfree4.com/styles/moha/lightlilac.css?fin11" title="lilac">
<link rel="alternate stylesheet" type="text/css" href="http://www.smfforfree4.com/styles/moha/lightturquoise.css?fin11" title="turquoise">
<link rel="alternate stylesheet" type="text/css" href="http://www.smfforfree4.com/styles/moha/lightviolet.css?fin11" title="violet">
<link rel="alternate stylesheet" type="text/css" href="http://www.smfforfree4.com/styles/moha/lightrose.css?fin11" title="rose">
<link rel="alternate stylesheet" type="text/css" href="http://www.smfforfree4.com/styles/moha/lightolive.css?fin11" title="olive">
<link rel="alternate stylesheet" type="text/css" href="http://www.smfforfree4.com/styles/moha/lightred.css?fin11" title="red">

<!-- Script for Stylesheet Swapper DO NOT EDIT  -->
<script type='text/javascript'>
function changeStyle(title) {
var lnks = document.getElementsByTagName('link');
for (var i = lnks.length - 1; i >= 0; i--) {
if (lnks[i].getAttribute('rel').indexOf('style')> -1 && lnks[i].getAttribute('title')) {
lnks[i].disabled = true;
if (lnks[i].getAttribute('title') == title) lnks[i].disabled = false;
}}}


function switchit() {
if (readCookie('style')) { title=readCookie('style'); changeStyle(title); var radios = document.getElementById ('styleswitcher');
if (radios) {
 var inputs = radios.getElementsByTagName ('input');
 if (inputs) {
   for (var i = 0; i < inputs.length; ++i) {
     if (inputs[i].type == 'radio' && inputs[i].name == 'style')
       inputs[i].checked = inputs[i].value == (title)
   }
 }
} } }


// function topchangeStyle(title) {
// var lnks = document.getElementsByTagName('link');
// for (var i = lnks.length - 1; i >= 0; i--) {
// if (lnks[i].getAttribute('rel').indexOf('style')> -1 && lnks[i].getAttribute('title')) {
// lnks[i].disabled = true;
// if (lnks[i].getAttribute('title') == title) lnks[i].disabled = false;
// }}}




function setActiveStyleSheet(title) {
  var i, a, main;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
      a.disabled = true;
      if(a.getAttribute("title") == title) a.disabled = false;
    }
  }
}

function getActiveStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
  }
  return null;
}

function getPreferredStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1
       && a.getAttribute("rel").indexOf("alt") == -1
       && a.getAttribute("title")
       ) return a.getAttribute("title");
  }
  return null;
}

function createCookie(name,value,days) {
  if (days) {
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
  }
  else expires = "";
  document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');
  for(var i=0;i < ca.length;i++) {
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  }
  return null;
}

window.onload = function(e) {
  var cookie = readCookie("style");
  var title = cookie ? cookie : getPreferredStyleSheet();
  setActiveStyleSheet(title);
}

window.onunload = function(e) {
  var title = getActiveStyleSheet();
  createCookie("style", title, 365);
}

var cookie = readCookie("style");
var title = cookie ? cookie : getPreferredStyleSheet();
setActiveStyleSheet(title);
</script>

In footer:
Code:
<body onload="switchit()">

In portal block:

Code:
<style type="text/css">
fieldset { border: none !important; }
</style>

<table align=center width="210px" cellspacing="5">
<td align=left valign="top">
<form action="#" id="styleswitcher" class="styleswitcher"><small>

<input type="radio" name="style" value="lightblue" onclick='changeStyle(this.value); parent.frames["top"].changeStyle(this.value)'> Blue
<input type="radio" name="style" value="lightsilver" onclick='changeStyle(this.value); parent.frames["top"].changeStyle(this.value)'> Silver
<input type="radio" name="style" value="lightgreen" onclick='changeStyle(this.value); parent.frames["top"].changeStyle(this.value)'> Green
<input type="radio" name="style" value="lightnavy" onclick='changeStyle(this.value); parent.frames["top"].changeStyle(this.value)'> Navy
<input type="radio" name="style" value="lightgolden" onclick='changeStyle(this.value); parent.frames["top"].changeStyle(this.value)'> Golden
<input type="radio" name="style" value="lightbrown" onclick='changeStyle(this.value); parent.frames["top"].changeStyle(this.value)'> Brown
<input type="radio" name="style" value="lightlilac" onclick='changeStyle(this.value); parent.frames["top"].changeStyle(this.value)'> Lilac
<input type="radio" name="style" value="lightturquoise" onclick='changeStyle(this.value); parent.frames["top"].changeStyle(this.value)'> Turquoise
<input type="radio" name="style" value="lightviolet" onclick='changeStyle(this.value); parent.frames["top"].changeStyle(this.value)'> Violet
<input type="radio" name="style" value="lightrose" onclick='changeStyle(this.value); parent.frames["top"].changeStyle(this.value)'> Rose
<input type="radio" name="style" value="lightolive" onclick='changeStyle(this.value); parent.frames["top"].changeStyle(this.value)'> Olive
<input type="radio" name="style" value="lightred" onclick='changeStyle(this.value); parent.frames["top"].changeStyle(this.value)'> Red

Where did i go wrong?
Logged
Isaiahs Grandma Is awesome! Thank you so much for your help!!!
LaundryLady
Global Moderator
*
Offline Offline

Posts: 3026



View Profile WWW
« Reply #42 on: May 26, 2008, 07:04:31 pm »
The first line:  You have MoHa, prob should be moha like the rest of them for the section in the headers.
Logged
MoHa
SMF For Free Member
*
Offline Offline

Posts: 73


View Profile
« Reply #43 on: May 26, 2008, 07:08:30 pm »
Forum Url: http://moha.smfforfree4.com
Duh me, thank you. Fixed that and still no luck, would capitals here:


<input type="radio" name="style" value="lightblue" onclick='changeStyle(this.value); parent.frames["top"].changeStyle(this.value)'> Blue

in the portal html affect it?
Logged
Isaiahs Grandma Is awesome! Thank you so much for your help!!!
LaundryLady
Global Moderator
*
Offline Offline

Posts: 3026



View Profile WWW
« Reply #44 on: May 26, 2008, 08:49:12 pm »
I know Sibyl and I went nuts the first time I tried it.

The lines in the portal block look like this

Code:
<input type="radio" name="style" value="lightblue" onclick='changeStyle(this.value); parent.frames["top"].changeStyle(this.value)'> Blue

I think this is what it should look like.  I went over to Sibyls site and took a look at her codes as she has them.

Code:
<input type="radio" name="style" value="blue" onclick='changeStyle(this.value); parent.frames["top"].changeStyle(this.value)'> Blue

Change them over and see how it works. 
« Last Edit: May 26, 2008, 09:21:31 pm by LaundryLady » Logged


Pages: 1 2 [3] 4
  Print  
« previous next »
 
Jump to:  

Powered by SMF 1.1.5 | SMF © 2006-2008, Simple Machines LLC
ServerBeach Coupon
Page created in 0.273 seconds with 17 queries.