Avatar billede cbadk Novice
01. december 2003 - 22:45 Der er 10 kommentarer og
1 løsning

Themes til hjemmeside

Hej EXP.dk

Jeg er meget fasinerert af tv2.dk script, da den vælger farver og opsætning ud fra adressen.!

Kan man lave noget der ligner dette...?

function Theme() {
    this.name="";
    var p="http://lib.minside.dk/";
    this.logoafile=p+"logo.gif";
    this.logobfile=p+"logo.gif";
    this.topflash=p+"top.swf";
    this.topstatic=p+"top.jpg";
    this.bgcolor="740000";
    this.hovercolor="A72600";
    this.bodycolor="FFFFFF";
    this.width=760;
    this.site=window.location.hostname;
    this.set=Theme_set;
    this.setupFiles=Theme_setupFiles;
    this.topwidth2=0;
}
function Theme_set(name) {
    this.name="_"+name;
    this.setupFiles();
    switch (name) {
    case "test0":
        this.bgcolor="003265";
        this.hovercolor="215197";
        break;
    case "test1":
        this.bgcolor="0E672D";
        this.hovercolor="188E3B";
        break;
    case "test2":
        this.bgcolor="478F02";
        this.hovercolor="5CB030";
        break;
    case "test3":
        this.bgcolor="ED8216";
        this.hovercolor="F59836";
        break;

    default:
        this.name=name;
        this.setupFiles();
        this.bgcolor="740000";
        this.hovercolor="A72600";
    }
}
function Theme_setupFiles() {
    var pf=(arguments.length==1?arguments[0]:(this.width==580?"_small":""));
    var p="http://lib.minside.dk/";
    this.logoafile=p+"logo"+this.name+".gif";
    this.topflash=p+"top"+this.name+pf+".swf";
    this.topstatic=p+"top"+this.name+pf+".jpg";
}

cbadk
Avatar billede roenving Novice
02. december 2003 - 01:32 #1
Har du kigget på:

http://www.csszengarden.com/
Avatar billede skovenborg Nybegynder
02. december 2003 - 22:32 #2
hvis du vil kan du også lave det med css (check selvfølgelig roenvings link), fx ved at lave en class på bodyen. Her er et eksempel med to sider - en forside og en download side:
<body class="forside">
<body class="download">

Så kan du i dit stylesheet skrive:
body.forside {background:#f00;}
body.download {background:#00f;}

så bliver baggrundfarven rød på forsiden og blå på download siden. Så kan du selvfølgelig tilføje en masse andet bare det starter med ".klassenavn". Altså fx med et link:
.forside A {color:#fff;}
.download A {color:#000;} --- det giver forskellige linkfarver afhængigt af hvad for en side du bruger. Det er i hvert fald en mulighed og egentlig lettere end at bøvle med en masse javascript.
Avatar billede cbadk Novice
02. december 2003 - 23:17 #3
jeg vil meget gerne have et stykke script der udskriver farve ud fra domænet!

f.eks:
http://computer.minside.dk - så er den grøn
http://games.minside.dk - så er den gul
Avatar billede skovenborg Nybegynder
02. december 2003 - 23:29 #4
der er det jo at du på dine sider indenfor computer kan bruge:
<body class="computer">
og ved games:
<body class="games">

--så kan du lave stylesheetet som:
body.computer {background:green;}
body.games {background:yellow;} (eller hvordan du vil have farverne).
og så kan du ændre lave forskellige styles afhængigt af klassen. Det vil jeg nok mene er en bedre løsning end javascript, selvom jeg godt kan se ideen med det. Det afhænger selvfølgelig også af om du er mest fortroligt med javascript eller css :-)
Avatar billede roenving Novice
03. december 2003 - 01:16 #5
Har du din server til at pege på den samme side fra to forskellige domæner ?-)

-- så kunne man f.eks.

<script type="text/javascript">
function selectDomBackground(){
reg = /[www\.|](\w+)\.minside\.dk/i;
dom = location.hostname.replace(reg,"\$1");
document.body.style.backround = (dom=='computer')?'green':'yellow';
}
</script>

-- og så

<body onload="selectDomBackground()">
Avatar billede cbadk Novice
04. december 2003 - 00:27 #6
case "computer":
        this.bgcolor="003265";
        this.hovercolor="215197";
        break;
    case "ludo":
        this.bgcolor="0E672D";
        this.hovercolor="188E3B";
        break;
    case "rudolf":

og

this.topflash=p+"top"+this.name+pf+".swf";

kan man så "implatere" dette i scriptet, roenving har lavet?  Det vil jo være dejligt :)

cbadk
Avatar billede roenving Novice
04. december 2003 - 03:52 #7
hovercolor og bgcolor er jo properties, som jeg umiddelbart forbinder med proprietære kombinationer af serverside-scripting og styresystemer og browsere ...

-- måske tager jeg fejl ?-)
Avatar billede cbadk Novice
13. december 2003 - 05:33 #8
Avatar billede cbadk Novice
17. december 2003 - 06:01 #9
Hej :)

Jeg har nu fundet ud af det!

Jeg bruger denne kode...med lidt hjælp fra "roenving"

function theme_setup()
{
    switch (location.hostname) {
        case 'skumfiduser.minside.dk':
        theme_color="blue"
        theme_logo="http://billeder.minside.dk/logo/skumfiduer.gif"
        theme_title="Velkommen til Skumfiduser.Minside.dk"
        return;
        break;
           
        case 'computer.minside.dk':
        theme_color="gray"
            break;
    }
}
theme_setup()

document.write(min_variabel)

God script ;)

nå men igen tak for hjælpen og tips

PS hvis i gerne vil have nogle point så svar endeligt :->

Med venlig Hilsen
Claus Andersen
Avatar billede roenving Novice
17. december 2003 - 09:54 #10
Jamen, så velbekomme '-)

-- men du skal jo ikke dele allesammen ud !-)
Avatar billede cbadk Novice
26. december 2003 - 21:54 #11
Lukket pga, ingen svarede. :-§
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