Avatar billede Slettet bruger
01. august 2006 - 23:44 Der er 4 kommentarer

Style 2 link

Dav..:)

Jeg har engang været inde på en side hvor man kunne trykke på et link også blev ALT stylen på siden grønt. Hvordan kan man gøre det?
Avatar billede Slettet bruger
02. august 2006 - 00:16 #1
Mener du et link, som nærmest skifter "skin" på siden?

Det kan laves med enten JavaScript eller med noget serverside scripting. Der er altså tale om at der køres et script, som laver om på den CSS, som bestemmer hvordan siden skal se ud, og ikke som sådan tale om en CSS-kode for farveskift på hele siden.
Avatar billede Slettet bruger
02. august 2006 - 13:04 #2
Skrifter skin...

Men den skal skifte vejen til style koden.

fx.
Normal - Grøn
Så hvis man tykker på grøn bliver alt grønt.. Altså farver bliver grønt et tema..
Avatar billede Slettet bruger
02. august 2006 - 17:32 #3
Her er et forslag som PHP. Det består af tre klumper.

Den første skal være som det øverste på siden, før noget som helst HTML. Den klargør koden til styring af stylesheets.

<?php

session_start();

// Her kommer selve definitionen af styles
$styleliste=array();
$styleliste['normal'] = 'style.css';
$styleliste['green'] = 'green.css';

// Her kommer en liste med deres navne:
$stylename=array();
$stylename['normal'] = 'Normal';
$stylename['green'] = 'Grøn';


if(!empty($_GET['style']) && isset($styleliste[$_GET['style']]))
{
  $_SESSION['style'] = $_GET['style'];
}

if(!isset(styleliste[$_SESSION['style']]))
{
  $_SESSION['style'] = 'normal';
}
?>


Den anden skal placeres et sted indenfor <head> elementet. Den laver selve stylesheet-referencerne. Bemærk, at hvis folk bruger en browser med indbygget style-switcher (f.eks Firefox) så er den også understøttet.

<?php
foreach($styleliste as $stylecode => $stylefile)
{
  echo '<link rel="';
  echo ($_SESSION['style'] == $stylecode) ? 'stylesheet' : 'alternate stylesheet';
  echo '" type="text/css" href="' . $stylefile . '" title="' . $stylename[$stylecode];
  echo '">'; // Husk en slut-/ her, hvis du bruger XHTML
}
?>

Den tredje blok laver de links, man kan klikke på for at skifte stil. Hvis de skal se anderledes ud, skal man bare lave om på stylesheetet.

<?php
echo '<ul id="stylelist">';
foreach($styleliste as $stylecode => $stylefile)
{
  echo '<li>';
  if($_SESSION['style'] == $stylecode)
  {
    echo $stylename[$stylecode];
  }
  else
  {
    echo '<a href="?style=' . $stylecode . '>' . $stylename[$stylecode] . '</a>';
  }
  echo '</li>';
}
echo '</ul>';
?>
Avatar billede Slettet bruger
03. august 2006 - 10:40 #4
Mit webhotel understøtter ikke php.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester