Revision history for Mod038fWikkaSkins


Revision [23312]

Last edited on 2016-05-20 07:38:47 by JavaWoman [Replaces old-style internal links with new pipe-split links.]
Additions:
**[[http://www.wakkawiki.com/AndyStevens | AndyStevens]]**
[[http://www.wakkawiki.com/CssThemes | CssThemes @ WakkaWiki]]
<<Also check WikkaSkinSelector for an easier way of installing [[Docs:WikkaSkins | skins]]<<::c::
This 'hack' is a different way to create themes, using only css and cookies. This method does not require you to make multiple headers and footers like [[http://www.wakkawiki.com/WakkaThemes | WakkaThemes]] does and will help to maintain consistency on your Wakka.
Deletions:
**[[http://www.wakkawiki.com/AndyStevens AndyStevens]]**
[[http://www.wakkawiki.com/CssThemes CssThemes @ WakkaWiki]]
<<Also check WikkaSkinSelector for an easier way of installing [[Docs:WikkaSkins skins]]<<::c::
This 'hack' is a different way to create themes, using only css and cookies. This method does not require you to make multiple headers and footers like [[http://www.wakkawiki.com/WakkaThemes WakkaThemes]] does and will help to maintain consistency on your Wakka.

Revision [19447]

Edited on 2008-01-28 00:16:02 by JavaWoman [Modified links pointing to docs server]
Additions:
<<Also check WikkaSkinSelector for an easier way of installing [[Docs:WikkaSkins skins]]<<::c::
Deletions:
<<Also check WikkaSkinSelector for an easier way of installing [[WikkaSkins skins]]<<::c::

Revision [17838]

Edited on 2007-12-12 13:29:32 by JavaWoman [prevent function references looking as page links]
Additions:
##<link rel="stylesheet" type="text/css" href="<?php echo $this->""GetConfigValue""("base_url") ?>css/wakka.css" />##
##<link rel="stylesheet" type="text/css" href="<?php echo $this->""GetConfigValue""("base_url") ?>css/**<?php echo (!$wikiskin)?'wakka':$wikiskin ?>**.css" />##
head data: ##<link rel="stylesheet" type="text/css" href="<?php echo $this->""GetConfigValue""("base_url") ?>css/<?php echo (!$wikiskin)?'wakka-blue':$wikiskin ?>.css" />##
Deletions:
##<link rel="stylesheet" type="text/css" href="<?php echo $this->GetConfigValue("base_url") ?>css/wakka.css" />##
##<link rel="stylesheet" type="text/css" href="<?php echo $this->GetConfigValue("base_url") ?>css/**<?php echo (!$wikiskin)?'wakka':$wikiskin ?>**.css" />##
head data: ##<link rel="stylesheet" type="text/css" href="<?php echo $this->GetConfigValue("base_url") ?>css/<?php echo (!$wikiskin)?'wakka-blue':$wikiskin ?>.css" />##

Revision [17213]

Edited on 2007-07-07 14:50:10 by JavaWoman [standardized link to WakkaWiki origin (plus credit link)]
Additions:
**[[http://www.wakkawiki.com/AndyStevens AndyStevens]]**
[[http://www.wakkawiki.com/CssThemes CssThemes @ WakkaWiki]]
Deletions:
[[http://www.wakkawiki.com/AndyStevens AndyStevens]]
[[http://www.wakkawiki.com/CssThemes WakkaWiki CssThemes]]

Revision [17155]

Edited on 2007-07-07 05:42:57 by JavaWoman [ links for wakkawiki]
Additions:
==== Wikka Mod 038 ====
Type: Feature Addition
----

===Credit:===
[[http://www.wakkawiki.com/AndyStevens AndyStevens]]
[[http://www.wakkawiki.com/CssThemes WakkaWiki CssThemes]]
----

<<Also check WikkaSkinSelector for an easier way of installing [[WikkaSkins skins]]<<::c::

==== CSS Themes ====
This 'hack' is a different way to create themes, using only css and cookies. This method does not require you to make multiple headers and footers like [[http://www.wakkawiki.com/WakkaThemes WakkaThemes]] does and will help to maintain consistency on your Wakka.
Place all of the css files in your css/ folder.

**First** create a page called 'wikiskin.php' with the following code, replace foo.com with your own domain name, and place the file in your css/ folder. This is the file that when linked to will create the cookies that will be stored on the users computer. ##$wikiskin## is the skin they have chosen.
%%<?php
$wikiskin = $set;
setcookie ('wikiskin', $set, time()+31536000, '/', 'foo.com', '0');
$wikiskin = $set;
header("Location: $HTTP_REFERER");
?>%%

**Then** open up actions/header.php, and change this line (in the head data of the page)

##<link rel="stylesheet" type="text/css" href="<?php echo $this->GetConfigValue("base_url") ?>css/wakka.css" />##
to

##<link rel="stylesheet" type="text/css" href="<?php echo $this->GetConfigValue("base_url") ?>css/**<?php echo (!$wikiskin)?'wakka':$wikiskin ?>**.css" />##

The added code is bolded. This code checks to see if there is a cookie set on the users computer, and if there is it uses that skin, if not it reverts to the default skin, in this case the generic wakka skin.

**Lastly** create a topic called WikkaSkins or whatever you feel like calling it. Then, add the links that will let users change skins, in this format:
##http://www.pathto.com/wakkafolder/css/wikiskin.php?set=fooskin ##
The above link will set the users skin to //fooskin//
Now your done. For an example, visit http://mcshasta.com/w/WikiSkins

The setup on my wakka is as follows.
files in the css/ folder: ##wakka-original.css, wakka-blue.css, wikiskin.php##
head data: ##<link rel="stylesheet" type="text/css" href="<?php echo $this->GetConfigValue("base_url") ?>css/<?php echo (!$wikiskin)?'wakka-blue':$wikiskin ?>.css" />##
link format: ##http://www.mcshasta.com/w/css/wikiskin?set=wakka-original ##

----
Deletions:
==== Wikka Mod 038 ====
Type: Feature Addition
----

===Credit:===
Andy Stevens
http://www.wakkawiki.com/CssThemes
----

<<Also check WikkaSkinSelector for an easier way of installing [[WikkaSkins skins]]<<::c::

==== CSS Themes ====
This 'hack' is a different way to create themes, using only css and cookies. This method does not require you to make multiple headers and footers like WakkaThemes does and will help to maintain consistency on your Wakka.
Place all of the css files in your css/ folder.

**First** create a page called 'wikiskin.php' with the following code, replace foo.com with your own domain name, and place the file in your css/ folder. This is the file that when linked to will create the cookies that will be stored on the users computer. ##$wikiskin## is the skin they have chosen.
%%<?php
$wikiskin = $set;
setcookie ('wikiskin', $set, time()+31536000, '/', 'foo.com', '0');
$wikiskin = $set;
header("Location: $HTTP_REFERER");
?>%%

**Then** open up actions/header.php, and change this line (in the head data of the page)

##<link rel="stylesheet" type="text/css" href="<?php echo $this->GetConfigValue("base_url") ?>css/wakka.css" />##
to

##<link rel="stylesheet" type="text/css" href="<?php echo $this->GetConfigValue("base_url") ?>css/**<?php echo (!$wikiskin)?'wakka':$wikiskin ?>**.css" />##

The added code is bolded. This code checks to see if there is a cookie set on the users computer, and if there is it uses that skin, if not it reverts to the default skin, in this case the generic wakka skin.

**Lastly** create a topic called WikkaSkins or whatever you feel like calling it. Then, add the links that will let users change skins, in this format:
##http://www.pathto.com/wakkafolder/css/wikiskin.php?set=fooskin ##
The above link will set the users skin to //fooskin//
Now your done. For an example, visit http://mcshasta.com/w/WikiSkins

The setup on my wakka is as follows.
files in the css/ folder: ##wakka-original.css, wakka-blue.css, wikiskin.php##
head data: ##<link rel="stylesheet" type="text/css" href="<?php echo $this->GetConfigValue("base_url") ?>css/<?php echo (!$wikiskin)?'wakka-blue':$wikiskin ?>.css" />##
link format: ##http://www.mcshasta.com/w/css/wikiskin?set=wakka-original ##

----

Revision [2302]

Edited on 2004-11-18 09:56:43 by DarTar [Adding category link]
Additions:
<<Also check WikkaSkinSelector for an easier way of installing [[WikkaSkins skins]]<<::c::
CategoryLayout
Deletions:
<<More infos on WikkaSkins<<::c::
----

Revision [2085]

Edited on 2004-11-05 18:36:21 by JavaWoman [2nd try to fix display problem]
Additions:
link format: ##http://www.mcshasta.com/w/css/wikiskin?set=wakka-original ##
----
Deletions:
link format: ##http://www.mcshasta.com/w/css/wikiskin?set=wakka-original ##

Revision [1490]

Edited on 2004-09-30 16:28:41 by DarTar [Added link]
Additions:
==== Wikka Mod 038 ====
Type: Feature Addition
----
===Credit:===
Andy Stevens
http://www.wakkawiki.com/CssThemes
----
<<More infos on WikkaSkins<<::c::

==== CSS Themes ====
This 'hack' is a different way to create themes, using only css and cookies. This method does not require you to make multiple headers and footers like WakkaThemes does and will help to maintain consistency on your Wakka.
Place all of the css files in your css/ folder.

**First** create a page called 'wikiskin.php' with the following code, replace foo.com with your own domain name, and place the file in your css/ folder. This is the file that when linked to will create the cookies that will be stored on the users computer. ##$wikiskin## is the skin they have chosen.
%%<?php
$wikiskin = $set;
setcookie ('wikiskin', $set, time()+31536000, '/', 'foo.com', '0');
$wikiskin = $set;
header("Location: $HTTP_REFERER");
?>%%

**Then** open up actions/header.php, and change this line (in the head data of the page)

##<link rel="stylesheet" type="text/css" href="<?php echo $this->GetConfigValue("base_url") ?>css/wakka.css" />##
to

##<link rel="stylesheet" type="text/css" href="<?php echo $this->GetConfigValue("base_url") ?>css/**<?php echo (!$wikiskin)?'wakka':$wikiskin ?>**.css" />##

The added code is bolded. This code checks to see if there is a cookie set on the users computer, and if there is it uses that skin, if not it reverts to the default skin, in this case the generic wakka skin.

**Lastly** create a topic called WikkaSkins or whatever you feel like calling it. Then, add the links that will let users change skins, in this format:
##http://www.pathto.com/wakkafolder/css/wikiskin.php?set=fooskin ##
The above link will set the users skin to //fooskin//
Now your done. For an example, visit http://mcshasta.com/w/WikiSkins

The setup on my wakka is as follows.
files in the css/ folder: ##wakka-original.css, wakka-blue.css, wikiskin.php##
head data: ##<link rel="stylesheet" type="text/css" href="<?php echo $this->GetConfigValue("base_url") ?>css/<?php echo (!$wikiskin)?'wakka-blue':$wikiskin ?>.css" />##
Deletions:
==== Wikka Mod 038 ====
Type: Feature Addition
----
===Credit:===
Andy Stevens
http://www.wakkawiki.com/CssThemes
----

==== CSS Themes ====
This 'hack' is a different way to create themes, using only css and cookies. This method does not require you to make multiple headers and footers like WakkaThemes does and will help to maintain consistency on your Wakka.
Place all of the css files in your css/ folder.

**First** create a page called 'wikiskin.php' with the following code, replace foo.com with your own domain name, and place the file in your css/ folder. This is the file that when linked to will create the cookies that will be stored on the users computer. ##$wikiskin## is the skin they have chosen.
%%<?php
$wikiskin = $set;
setcookie ('wikiskin', $set, time()+31536000, '/', 'foo.com', '0');
$wikiskin = $set;
header("Location: $HTTP_REFERER");
?>%%

**Then** open up actions/header.php, and change this line (in the head data of the page)

##<link rel="stylesheet" type="text/css" href="<?php echo $this->GetConfigValue("base_url") ?>css/wakka.css" />##
to

##<link rel="stylesheet" type="text/css" href="<?php echo $this->GetConfigValue("base_url") ?>css/**<?php echo (!$wikiskin)?'wakka':$wikiskin ?>**.css" />##

The added code is bolded. This code checks to see if there is a cookie set on the users computer, and if there is it uses that skin, if not it reverts to the default skin, in this case the generic wakka skin.

**Lastly** create a topic called WikkaSkins or whatever you feel like calling it. Then, add the links that will let users change skins, in this format:
##http://www.pathto.com/wakkafolder/css/wikiskin.php?set=fooskin ##
The above link will set the users skin to //fooskin//
Now your done. For an example, visit http://mcshasta.com/w/WikiSkins

The setup on my wakka is as follows.
files in the css/ folder: ##wakka-original.css, wakka-blue.css, wikiskin.php##
head data: ##<link rel="stylesheet" type="text/css" href="<?php echo $this->GetConfigValue("base_url") ?>css/<?php echo (!$wikiskin)?'wakka-blue':$wikiskin ?>.css" />##

Revision [607]

Edited on 2004-06-05 19:52:42 by JsnX [Added link]
Additions:
**Lastly** create a topic called WikkaSkins or whatever you feel like calling it. Then, add the links that will let users change skins, in this format:
Deletions:
**Lastly** create a topic called WikiSkins or whatever you feel like calling it. Then, add the links that will let users change skins, in this format:

Revision [606]

Edited on 2004-06-05 19:52:02 by JsnX [Added link]
Additions:
==== Wikka Mod 038 ====
Type: Feature Addition
----
===Credit:===
Andy Stevens
http://www.wakkawiki.com/CssThemes
----

Revision [605]

The oldest known version of this page was created on 2004-06-05 19:50:54 by JsnX [Added link]
Valid XHTML :: Valid CSS: :: Powered by WikkaWiki