Du bist nicht angemeldet.

Lieber Besucher, herzlich willkommen bei: WebStyleBoard. Falls dies dein erster Besuch auf dieser Seite ist, lies bitte die Hilfe durch. Dort wird dir die Bedienung dieser Seite näher erläutert. Darüber hinaus solltest du dich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutze das Registrierungsformular, um dich zu registrieren oder informiere dich ausführlich über den Registrierungsvorgang. Falls du dich bereits zu einem früheren Zeitpunkt registriert hast, kannst du dich hier anmelden.

1

Mittwoch, 28. April 2004, 14:12

CSS Auswahl dem User überlassen, Desgin CSS auswählbar

Wie kann man den User ein Auswahlmöglichkeit geben um das Desgin auszuwählen?

dafür nimmt man eine neue Datei: _functions.php

PHP-Quelltext

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?PHP
function CSSauswahl($style){
switch ($style){
    case (1):
      echo '<link href="style1.css" rel="stylesheet" type="text/css" />';
    break;
    case (2):
      echo '<link href="style2.css" rel="stylesheet" type="text/css" />';
    break;
   default:
     echo '<link href="all.css" rel="stylesheet" type="text/css" />';
    break;
}
}
?>


Dann füge man in jeder Datei im Head Bereich folgendes ein:

PHP-Quelltext

1
2
3
4
5
<?PHP
include ('_function.php');
$style $_REQUEST['style'];
CSSauswahl($style);
?>


So jetzt macht man eine Auswahl für die unterschiedlichen CSS-Styles:

Quellcode

1
2
3
<a href="index.php?style=1">Style1</a>
<a href="index.php?style=2">Style2</a>
<a href="index.php">ohne Styleauswahl</a>


oder sowas:

Quellcode

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
//im Head Bereich
<script language="JavaScript" type="text/javascript">
<!--

function jumpMenu(targ,selObj,restore){ 
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}

//-->
</script>
// ende Head Bereich

<form name="style">
  <select name="Styleauswahl" onchange="jumpMenu('parent',this,0)">
     <option value="">Style wählen</option>
	<option value="index.php?style=1">Style1</option>
    <option value="index.php?style=2">Style2</option>
    <option value="index.php">Standart</option>
  </select>
</form>


und dann müssen alle internen Links mit der Style Variable versehen werden:

PHP-Quelltext

1
<a href="index.php?style=<?php echo $style?>">aufruf einer Seite</a>


So das wäre es auch schon.

Jetzt braucht man nur noch seine CSS-Dateien erstellen. Und schon ändert sich auf Wunsch das Aussehen der Seite. :D

Anmerkung: man kann statt Nummern auch Namen vergeben....

Ich hänge mal ein einfaches Bespiel an....

Dieser Beitrag wurde bereits 4 mal editiert, zuletzt von »Neumanns« (29. April 2004, 06:53)