PG-Designs|Free Webspell Addons and more. Dateien. Webspell Modifikationen.

Besucher: 99 Heute 92 Gestern 2149 Monat 39976 insgesamt 216 registrierte Benutzer 0 Benutzer online 6 Gäste online
2one-designsGamer-Grafixsupreme-webconceptionsAddons-webspellSpellstar
Paused
Featured Content Picture #1 Hier wurde nur eine Anpassung gemacht in der form Xhtml/Css/Valide
Featured Content Picture #2 Hier wurde nur eine Anpassung gemacht in der form Xhtml/Css/Valide
Featured Content Picture #3 Hier wurde nur eine Anpassung gemacht in der form Xhtml/Css/Valide
Featured Content Picture #4 Hier hab ich derzeit nur das Design fertig

Gamer-Grafix

Ovaroo

Aw3some

Clantemplates
Pirates of the Caribbean 4
Moviecat: Filme Aufrufe: 665
TRON
Moviecat: Filme Aufrufe: 574
Transformers 3
Moviecat: Filme Aufrufe: 615
Der Adler der Neunten Legion
Moviecat: Filme Aufrufe: 571
Battle Los Angeles
Moviecat: Filme Aufrufe: 563
Get the Flash Player to see this player.
Du befindest dich derzeit hier:


  Styleswitch mit if
Datum: 17.07.2011 Bewertung: (1 Stimmen)
Aufrufe: (899)
Schwierigkeit: 1 - very easy
Kurzinfo: In diesem Tutorial wird euch gezeige, wie man ganz einfach einen Styleswitch mit if() macht. Der Style bleibt beim Seitenwechsel sogar erhalten!

Was ihr benötigt:

- Werbserver mit PHP
- mind. 2 Stylesheets zum Wechseln

Beschreibung:
Styleswitch mit if


 1. Der Switch

Der Switch an sich ist gar nicht mal so schwer. Wir fangen mal mit der Datei 'index.php' an, die auch anders heißen kann, um in dein Layout reinzupassen.

Code:
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
<?php// Variablen abspeichern  
$cssstyle = $_GET['style'];  
// Style abfragen  
if($cssstyle == 'blue') { // Wenn ?style=blue  
$css = 'blue.css'; // css-Datei = blue.css  
$style = 'blue'; // style = blue für die Links  
}  
elseif ($cssstyle == 'black') { // Wenn ?style=black  
$css = 'black.css'; // css-Datei = black.css  
$style = 'black'; // style = blue für die Links  
}  
else { // Wenn nichts zutraf, also Standard  
$css = 'default.css'; // css-Datei = default.css  
$style = 'default'; // style = default für die Links  
}  
?> 


Diesen Code kannst du gerne per

Code:
1.
<?php include('styleswitch.php'); ?> 


includen, sofern du diesen Codeteil als styleswitch.php anbespeichert hast.

Unter diesen Code kommt jetzt ganz normal dein -Bereich mit einer kleinen Ausnahme:

Code:
1.
2.
3.
4.
<!--Stylesheet einbinden-->  
<!--Du kannst vor das php auch eine Verzeichnisangabe machen, wie "../" oder "/"-->  
<link rel="stylesheet" href="./<?php echo $css; ?>" type="text/css" />  
<!--/Stylesheet einbinden--> 


Dieser Code sorgt dafür, dass beim Parameter "style" der URL auch das STylesheet wechselt.
Jezt mal zum Ãœberblick:

Im ersten Teil haben wir den Parameter "style" in der Variable "cssstyle" gespeichert. Dann haben wir abgefragt, ob der Style blue ist und wenn ja, haben wir in der Variable "$css" den Dateinamen der CSS-Datei abgespeichert.
In der Variable "$style" speicherten wir dann den Stylenamen. Dieser muss exakt der gleiche sein, wie der in dem Teil von if() bzw elseif().

Der zweite Code bindet das Stylesheet ein, indem er den Inhalt der Variable "$css" abfragt, in dem ja der Dateiname unseres Stylesheets,
dass wir per Parameter aufgerufen haben, liegt.

Nun kommen wir zu dem Teil de Links. Beim Ändern der Seite soll ja der Style gleich bleiben. Das erreichen wir durch unsere Variable
"$style". Diese kommt nun zum Einsatz. Ein Link (z.B. in der Navigation) sieht dann so aus:

Code:
1.
<a href="dateiname.php?style=<?php echo $style; ?>">Text</a>


Statt "dateiname.php" setzt ihr den Link zur Datei ein, auf die ihr verlinken wollt und auf der der erste und zweite Code gespeichert ist.

Das war's dann auch schon.

Ein Tipp meinerseits:
Den -Code in einer Datei abspeichern und includen. Diese Datei muss dann so aussehen:

Code:
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
<?php  
// Variablen abspeichern  
$cssstyle = $_GET['style'];    
// Style abfragen  
if($cssstyle == 'blue') { // Wenn ?style=blue  
$css = 'blue.css'; // css-Datei = blue.css  
$style = 'blue'; // style = blue für die Links  
}  
elseif ($cssstyle == 'black') { // Wenn ?style=black  
$css = 'black.css'; // css-Datei = black.css  
$style = 'black'; // style = blue für die Links  
}  
else { // Wenn nichts zutraf, also Standard  
$css = 'default.css'; // css-Datei = default.css  
$style = 'default'; // style = default für die Links  
}  
?>  
<html>  
<head>  
<!--Stylesheet einbinden-->  
<!--Du kannst vor das php auch eine Verzeichnisangabe machen, wie "../" oder "/"-->  
<link rel="stylesheet" href="./<?php echo $css; ?>" type="text/css" />  
<!--/Stylesheet einbinden-->  
<!--Weitere Angaben im <head> außer <title>!--> 


Dann müsst ihr auf euren Unterseiten am Anfang nur noch dies einfügen:

Code:
1.
2.
3.
<?php include('style.php'); ?>  
<title>Euer Titel</title>  
</head> 


Dann kommt ganz normal euer -Bereich.
Du musst registriert und eingeloggt sein um das Tutorial zu bewerten!
  Dein Kommentar
Name:
E-Mail:
Homepage:
Sicherheitscode eingeben   

Bold Underline Italic Strike All uppercase All lowercase Text spacing separate Email Link Image list Quote Code Toggle separate PHP hide anchor
[EMAIL=you@yoursite.com]My email address[/EMAIL]
[EMAIL]you@yoursite.com[/EMAIL]
[URL=http://yoursite.com]My website[/URL]
[URL]http://yoursite.com[/URL]
[IMG]http://yoursite.com/image.jpg[IMG]
[spc=x]x=pixels[/spc]
Hide text from non clan members
[anchor=text]
ABCDEFG
abcdefg
[LIST=a][*]point 1[/*][*]point 2[/*][/LIST]
[LIST=1][*]point 1[/*][*]point 2[/*][/LIST]
[QUOTE=Nickname]Quote[/QUOTE]
[QUOTE]Quote[/QUOTE]
[TOGGLE=Read more]Full Text[/TOGGLE]
[flash@w=[width]@h=[height]]LINK[/flash]
Align left Align center Align right Align justify Subscript Superscript Float left Float right Add HR separate Table Row Collumn separate Youtube Myvideo Google videos Wipido Xfire
float:left & float:right
[table][tr][td]text[/td][/tr][/table]
[youtube]youtubeID[/youtube]
[vimeo]vimeoID[/vimeo]
[myvideo]myvideoID[/myvideo]
[googlevideo]googlevideoID[/googlevideo]
[wipido]wipidoID[/wipido]

Optionen: • HTML ist AUS • BBCode ist AN • Smilies sind AN

  • Gravatar Tutorial
    Gravatar Tutorial
    Letzter Beitrag: adminx2
    Forum: Tutorials
    (2 Antworten)
    Dienstag 14. Februar 18:20
    18:20
  • sc_latest_happenings_v1.1...
    sc_latest_happenings_v1.1 (picture - avatar)
    Letzter Beitrag: jucezt
    Forum: Fragen und Antworten
    (0 Antworten)
    Sonntag 22. Januar 05:44
    05:44
  • sc_latest_happenings_v1.1
    sc_latest_happenings_v1.1
    Letzter Beitrag: ROBO
    Forum: Fragen und Antworten
    (3 Antworten)
    Mittwoch 18. Mai 18:25
    18:25
  • file screen addon ausgabe...
    file screen addon ausgabe von no screenshot
    Letzter Beitrag: Dark_Nolan
    Forum: Fragen und Antworten
    (2 Antworten)
    Samstag 24. Dezember 12:26
    12:26
  • Facebook button etc.
    Facebook button etc.
    Letzter Beitrag: Dark_Nolan
    Forum: Fragen und Antworten
    (14 Antworten)
    Donnerstag 05. Mai 18:46
    18:46
  • Pagenews
    Pagenews
    Letzter Beitrag: Pascal
    Forum: Fragen und Antworten
    (1 Antwort)
    Mittwoch 16. November 01:06
    01:06
  • forum help
    forum help
    Letzter Beitrag: Pascal
    Forum: Fragen und Antworten
    (1 Antwort)
    Samstag 22. Oktober 02:25
    02:25
  • sc_movie 03
    sc_movie 03
    Letzter Beitrag: joelkarn
    Forum: Fragen und Antworten
    (7 Antworten)
    Samstag 18. Juni 16:27
    16:27
  • Movie addon
    Movie addon
    Letzter Beitrag: adminx2
    Forum: Fragen und Antworten
    (2 Antworten)
    Freitag 22. Juli 18:18
    18:18
  • tutorial addon
    tutorial addon
    Letzter Beitrag: joelkarn
    Forum: Fragen und Antworten
    (10 Antworten)
    Mittwoch 06. Juli 13:08
    13:08
  • button facebook like and ...
    button facebook like and twitter share on news?
    Letzter Beitrag: Pascal
    Forum: Fragen und Antworten
    (1 Antwort)
    Montag 04. Juli 16:53
    16:53
  • Shoutbox AJAX with notlog...
    Shoutbox AJAX with notloggedin
    Letzter Beitrag: Pascal
    Forum: Fragen und Antworten
    (1 Antwort)
    Dienstag 28. Juni 16:46
    16:46
  • addons Featured content s...
    addons Featured content slider
    Letzter Beitrag: FeRNaNdo_KZ
    Forum: Fragen und Antworten
    (5 Antworten)
    Freitag 17. Juni 20:47
    20:47
  • sc_articles with an imag...
    sc_articles with an image
    Letzter Beitrag: Pascal
    Forum: Tutorials
    (5 Antworten)
    Mittwoch 01. Juni 19:09
    19:09
  • links on shoutbox
    links on shoutbox
    Letzter Beitrag: FeRNaNdo_KZ
    Forum: Fragen und Antworten
    (2 Antworten)
    Sonntag 05. Juni 23:26
    23:26
  • Problem mit Tutorial Addo...
    Problem mit Tutorial Addon
    Letzter Beitrag: Pascal
    Forum: Fragen und Antworten
    (5 Antworten)
    Montag 16. Mai 23:22
    23:22
  • 4SALE GAMING - NEUES DESI...
    4SALE GAMING - NEUES DESIGN!!!
    Letzter Beitrag: Pascal
    Forum: Showroom[Fortgeschritten]
    (3 Antworten)
    Montag 23. Mai 18:28
    18:28
  • ws_modRwrt_v.1.0.0_razoor...
    ws_modRwrt_v.1.0.0_razoor problem mit statischen seiten
    Letzter Beitrag: belstgut
    Forum: Fragen und Antworten
    (2 Antworten)
    Mittwoch 18. Mai 17:59
    17:59
  • sc_whoisonline mit userpi...
    sc_whoisonline mit userpic Problem
    Letzter Beitrag: Pascal
    Forum: Fragen und Antworten
    (3 Antworten)
    Montag 16. Mai 17:28
    17:28
  • shoutbox_userpic_avatar S...
    shoutbox_userpic_avatar Schriftfarbe ändern.
    Letzter Beitrag: Pascal
    Forum: Fragen und Antworten
    (3 Antworten)
    Sonntag 01. Mai 15:42
    15:42
News
Article
Gallery
Forum
Guestbook
Events
Sponsors
Link Me
Links
LinkUs
dein Link
dein Link
dein Link
Contact
Imprint
dein Link
dein Link
dein Link
Contact
Imprint
Suchmaschinenoptimierung mit Ranking-Hits Pagerank Baron