Velge bilder med CSS

[adg]

Hei.

Jeg lager en hjemmeside og skulle gjerne kunne velge 'farge' på selve sida.

Jeg har et bakgrunnsbilde i logoen som skal kunne byttes samtidig med et bilde i en annen ramme (også satt som bakgrunn).

 

Finnes det en enkel CSS-kode jeg kan bruke?

(Sida er bare html)

 

 

adg

[PHPdude]

Litt i tvil om hva du mente, men "alternate stylesheet" kan være en løsning.

I HTML koden din har sikker noe sånt:

<link href="style.css" media="screen" rel="stylesheet" type="text/css"/>

Legg til denne rett etter:

<link href="alternativ_stil.css" rel="alternate stylesheet" title="Default" media="screen" type="text/css" title="Alternativ stil"/>

Da kan man fra nettleseren velge Vis >> Stil >> Alternativ stil (eller noe sånt)

 

For å "huske" valget av stilark fra side til side kan du bruke javascript og cookies.

Endret 5. desember 2006 av PHPdude

[qualbeen]

eventuelt må du ha forskjellig css-kode for hver side.

 

du kan jo benytte deg av at css-kode skrevet i <style>-tagger tolkes "sterkere" enn de som er i stilarket ditt.

 

altså:

alle sider inkluderer samme stilark (<link rel="stylescheet" src="mitt_stilark.css"> eller hvordan det nå skrives) i head-delen.

 

så skriver du

<style>
#navn_på_div{
 background: #FARGE url("pict01.jpg") no-repeat;
}
</style>

 

hvilke verdier som skal stå i style-greiene kan bestemmes ved f.eks. php eller et annet programmeringsspråk.

 

edit: etter å ha tenkt meg litt om, ser jeg at du kanskje spør om en slags form for "stil-velger". altså at brukerne kan velge en stil de liker, som huskes på alle sider man besøker?

 

edit2: for å besvare min første 'edit': et forumsøk kan hjelpe, selv kom jeg over denne tråden: https://www.diskusjon.no/index.php?showtopi...&hl=+stilvelger

titt gjerne på http://www.456bereastreet.com/archive/2006...sheet_switcher/

 

og aller helst hadde jeg lyst til å linke til en flott artikkel på unrealized, men der får jeg bare "500 - internal server error"... (den flotte artikkelen)

 

edit:3 fiksa noen linker

Endret 5. desember 2006 av qualbeen

[adg]

Hei igjen.

Var sånn stil-velger jeg mente ja

 

Skal gå gjennom linkene.

 

takk for svar!

[adg]

hm...

Finner hvordan man bytter bakgrunn, men er det en enkel kode for å bytte ut 3 bilder? (evnt. ramme-bakgrunner)

[qualbeen]

kode for å sette bakgrunnsbilde har jeg skrevet i mitt forrige innlegg.

 

har du satt bildet i html'delen, er det værre

 

html: <img src="bilde.png" alt="alternativ bildetekst" />

css: .klassenavn{

background-image: url("bilde.png");

}

[adg]

Er i html-delen ja. Sorry, mente tabell/celle, ikke ramme...

[qualbeen]

Isåfall må du endre html-koden alt ettersom hvilken stil man har valgt. Dette kan sikkert løses ved hjelp av php og en cookie som forteller hvilken stil brukeren har valgt.

 

Jeg vil anbefale deg å bruke css i stedenfor tabeller til å designe sida, da blir det lettere å få til stilvelger m.m. Bytter du til css kan du server samme html-kode til alle brukerne, du bare bytter stilark alt ettersom hva brukeren har valgt.

 

Jeg er klar over at det er en del arbeid å skrive om en hel nettside fra tabeller til div's og class' med css, men jeg mener det er verdt strevet! Jeg antar du lager en personlig hjemmeside som det ikke haster med å få publisert, så hvis du føler for det kan du ta noen tutorialer som handler om css, og hvordan man kan lage en nettside uten bruk av en eneste tabell! htmldog er en fin side f.eks.

[PHPdude]

Isåfall må du endre html-koden alt ettersom hvilken stil man har valgt. Dette kan sikkert løses ved hjelp av php og en cookie som forteller hvilken stil brukeren har valgt.

 

Jeg vil anbefale deg å bruke css i stedenfor tabeller til å designe sida, da blir det lettere å få til stilvelger m.m. Bytter du til css kan du server samme html-kode til alle brukerne, du bare bytter stilark alt ettersom hva brukeren har valgt.

 

Jeg er klar over at det er en del arbeid å skrive om en hel nettside fra tabeller til div's og class' med css, men jeg mener det er verdt strevet! Jeg antar du lager en personlig hjemmeside som det ikke haster med å få publisert, så hvis du føler for det kan du ta noen tutorialer som handler om css, og hvordan man kan lage en nettside uten bruk av en eneste tabell! htmldog er en fin side f.eks.

7437445[/snapback]

 

Det skal være helt unødvendig å endre HTML-kode for å forandre designet, HTML skal KUN brukes til å sette inn innhold på siden, ALT av design skal i CSS-fila. <img> skal brukes til å sette inn bilder som er en del av innholdet. Bildegalleri, logo, etc. Bakgrunnsbilder og all annen grafikk på siden legges inn i CSS.

 

Mulig dette blir å lære for å skjønne disse tingene, men det er verdt hvert sekund!

 

qualbeen: Man skriver ikke om fra "tabeller til div's og class'", man skriver om fra tabellsuppe til kode som er sematisk korrekt. Altså at koden beskriver innholdet på en god måte. En side med bare "div's og class'" er like ille som tabellsuppe.

<div> taggen har ingen informasjon i seg selv og bør brukes brukes så sjeldent som mulig, Den eneste bruken den har så vidt jeg har skjønt er vis man skal definere en seksjon på siden. Feks. <div id="header">, <div id="content"> <div id="footer">

En god test på om koden er riktig eller ikke er å bruke det valget Firefox og andre gode nettlesere gir deg med å skru av all CSS, da bør fortsatt siden vises på en helt fin måte og like oversiktlig som med CSS, selv om den ikke ville vunnet noen designpris.

Endret 6. desember 2006 av PHPdude