Cautious.dk
Blev oprettet d. 08. maj 2006 med hosting hos webdomain.dk. Størrelsen er på 2000 MB og står til en værdi af 19 kr. pr. mdr.
Til daglig er cautious.dk min personlige blog og legeplads hvor tanker deles, ideer skrives ned, underfundigheder ser dagens lys og kreativiteten brænder. Bloggen her er min personlige mening og vinkel til tingene, hvor der ikke tages hensyn til om befolkningen er enige, men blot deles ud af hvad der er på hjerte.
Har du brug for det, kan du kontakte mig på mail og msn via eeyorenyk[a]live.dk eller i bloggens kommentarsystem.

Navigation
Bloggen
Boganmeldelser
Tutorials
Ønskeseddel
Linkage

Bestem en blog
Nu kan du også være med til at bestemme hvad der skal blogges om. Stil et spørgsmål eller skriv et emne ned, som du godt kunne tænke dig at se i bloggen. Tryk kun én gang på send-knappen og jeg vil kigge på dit forslag. Jeg lover at kigge på alle forslag og vil bruge så mange som overhovedet muligt.
Send forslag

Favoritter
www.breakingfree.dk/annenikoline
www.breakingfree.dk
www.cetoiseau.wordpress.com
www.fluffydreamsforeveryone.dk
www.gizmos-blog.com
www.goldenfairy.dk
www.mathildesblog.com
www.miamalene.dk
www.pagaya.dk
www.rikkesimone.com
www.shakerzone.dk
www.tell.pagaya.dk
www.wacky.dk

Kategorier
Anmeldelser
Arbejdslivet
Billeder
Bogreolen
Cautious
Derfor!
Diverse
Film & TV
Kreativitet
Konsolspil
Livets gang
Mad & drikke
Musik
Ord & citater

Favoritter
Maj 2010 (27)
Juni 2010 (34)
Juli 2010 (40)
August 2010 (37)

Give aways

Statistik


Copyright
Medmindre andet er angivet, så er alle billeder og al tekst her på siden er lavet af mig personligt. Derfor er det også forbudt at tage noget til brug for én selv, medmindre andet er angivet direkte eller man har søgt tilladelse! Overhold venligst denne simple regel - Du gør nettet til et meget federe sted at være, for os alle!

Style din side med Style.css
Hvis du opsætter din side med PHP Include, skal du naturligvis også kunne style din hjemmeside med baggrundsfarve, skriftfarve, etc. som du nu måtte ønske. Det gøres via et dokument, som du gemmer under navnet style.css
I dette dokument propper du simpelthen samtlige stylingkoder ind og så vil det virke på alle sider. Dette gør at du for at ændre fx baggrundsfarven, kun skal ændre den ét sted for at det fungerer optimalt.
Der er rigtig, rigtig, rigtig mange koder og stylingformler du kan sætte ind for at style din hjemmeside og at gå igennem dem alle ville fylde mere end der måtte være plads til her, så derfor har jeg udplukket de absolut bedste og vigtigste og mest brugbare… Resten må du så selv finde frem til, andre steder.
Husk at hver gang du vil style et område, skal du starte med at angive hvilket ét, samt afslutte det efterfølgende. Hvis du fx vil style alt i din body (Det vil sige alt normalt indhold) skal du starte med at skrive body { og så skrive samtlige koder du ønsker, inden du afslutter med en }


Baggrunde
background-color: #ffffff; Denne kode angiver baggrundsfarven på din hjemmeside. #ffffff erstattes af den farvekode du ønsker at bruge.
background-image: www.dinside.dk/billed.jpg; Hvis du ønsker et billede som baggrund, skal du bruge denne kode og erstatte www.dinside.dk/billed.jpg af den præcise URL til dit billede.
background-repeat: repeat; Denne ekstra kode gør at du kan få gentaget dit baggrundsbillede som du ønsker det.
repeat-x vil få billedet til at gentage sig vandret.
repeat-y vil få billedet til at gentage sig lodret
repeat vil få billedet til at gentage sig lodret vil få billedet til at gentage sig begge veje


Tekst
font-family: verdana, sans-serif; Dette angiver hvilken font/skrifttype du vil bruge på din hjemmeside. Eksemplet bruger verdana, men du kan også blot skifte det ud med fx arial, times new roman eller tahoma. Bare husk at din font skal være rimelig nem at læse, for at gøre den brugervenlig.
font-size: 10px; Dette er størrelsen på din skrift. Normal skrift vil typisk være ca. 10-12, men til fx overskrifter kan du gøre den så stor som du ønsker det.
font-weight: bold; Denne kode kan du bruge hvis du ønsker at gøre skriften fed. Ved at bruge denne kode vil du gøre al skrift indenfor dét område til en fed skrift. Er smart på fx overskrifter.
font-style: italic; Italic er det ord man bruger om en kursiveret, altså en skrå skrift. Vil du bruge skråskrift på din hjemmeside, kan du bruge denne kode og få den frem.
text-decoration: none; Din text-decoration er dér hvor du kan ”dekorere din tekst, med fx en understregning.
line-throug Får en linje tværs gennem teksten.
overline Får en linje over teksten.
underline Får en linje under teksten.
none Gør ingenting.
text-transform: uppercase; Denne kode vil transformere din tekst til at fx at blive med store bogstaver.
capitalize Skriver hvert bogstav i et ord med stort.
uppercase Skriver alle bogstaver med stort.
lowercase Skriver alle bogstaver med småt.
none Gør ingenting.


Links
For at gøre dette kapitel meget nemmere for dig derude, har jeg opstillet det på en lidt anden måde – Du kan nemlig kopiere links-delen direkte ind i dit style.css-dokument og få det til at virke. Der er ikke særlig meget i denne kode som du skal ændre, udover farven på dine links og det er faktisk også det eneste jeg vil gennemgå i denne omgang. Resten kan du selv sidde og lege med, hvis du vil have ændret dine links yderligere…

a:link {text-decoration : none; color : #000000; cursor : ne-resize; }
a:visited { text-decoration : none; color : #000000; cursor : ne-resize; }
a:active { text-decoration : none; color : #000000; cursor : ne-resize; }
a:hover { text-decoration : none; color : #000000; cursor : ne-resize; }



Scrollbar
Du kan også style din scrollbar via din style-fil og igen vil jeg give dig den direkte kode til stylingen, så du blot kan kopiere den ind og ændre farverne på den.

scrollbar-face-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-highlight-color: #000000;


Face er selve "overfarven" i din scrollbar. Fx dét område hvor pilene sidder øverst og nederst.
Arrrow er farven på de små pile der viser op og ned.
Track er det område hvor man kan trække op og ned, for at scrolle på siden.
Shadow er skygge 1 omkring scrolleren.
Darkshadow er skygge 2 omkring scrolleren.
3Dlight er lys 1 omkring scrolleren.
Highlight er lys 1 omkring scrolleren.