Gå til innhold

Grønn på hjemmeside..


Anbefalte innlegg

Hallo, dette er min første side. Eller andre da, men den var så fæl, og det var så lenge siden at det vil jeg ikke snakke om.

 

http://www.sn-contech.com/new/

 

Den er LANGT fra ferdig(Så ikke slakt meg enda, heller "show me how :yes: "). Så det jeg lurer på:

 

-Hvordan oppsett burde jeg ha? (meny, farge, skrift type etc)

 

-Bruker et invboard forum, vil at dette skal matche fargevalget mitt (forandre på CSS, noe som jeg også er like blank som blaco (hvit))

 

Når det gjelder CSS. Hvordan i #¤&¤&?

 

 

:dontgetit::blush::cool::scared::no::cry::dribble:

H J E L P !

Lenke til kommentar
Videoannonse
Annonse
Hallo, dette er min første side. Eller andre da, men den var så fæl, og det var så lenge siden at det vil jeg ikke snakke om.

Den vil vi se :yes:

 

Den nye siden din var vel litt tynn til at man kan danne seg et bilde av den. Den mangler i hvert fall grafikk, nå er det bare en hel masse tekst der.

 

Når det gjelder farger, så slår vel nesten alltid blått an, dog det begynner å bli oppbrukt, så hvorfor ikke prøvde deg litt frem selv?

 

Denne er også til stor hjelp. Faktisk så burde den egentlig ha kommet opp som pop-up når nye webdesignere kommer innom... :thumbup:

Lenke til kommentar

Å gi deg tips om hvordan du skal gjøre alt det andre, vil jeg ikke. Men jeg skal gi deg en liten basic tutorial om hvordan CSS fungerer :)

 

Du begynner med html-filen du lager som du kaller index.html.

 

Den skal se slik ut:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>CSS-test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="test.css" type="text/css">
</head>
<body>
<div id="tekstfelt">
<h1>Dette er tekstfeltet</h1>
<p>Masse dritt og mye annet <a href="#">og en lenke</a></p>
<p class="obs">Dette er i en egen klasse, og blir satt.. mhm..</p>
</div>
</body>
</html>

Deretter, må du lage en css-fil som du kaller test.css, og den ser slik ut:

body {
color: #ccc;
background-color: #333;
font-size: xx-small;
font-family: verdana, sans-serif;
}
a {
color: #fff;
text-decoration: none;
}
a:hover {
color: #ff3;
text-decoration: underline;
}
h1 {
text-decoration: underline;
align: center;
font-size: small;
}
#teksfelt {
width: 300px;
padding: 5px;
background-color: #300;
border: 1px dashed #ccc;
}
.obs {
font-size: x-small;
}

 

Lag de to filene, legg de i samme mappe, og les og forstå.

 

 

Et par tips:

 

i html-filen, har jeg satt <link>-taggen til å definere hvor og hva css-greiene er, nemlig stylesheet og test.css.

jeg laget en <div> med id tekstfelt. ID er unik, og skrives i css med # foran.

Jeg laget også en paragraf med class obs. Class er ikke unik. De skrives i css med "." foran.

 

Prøv deg frem, og ikke minst, les på http://www.w3schools.com/css

Lenke til kommentar

"Likar isje denne tigaren, han e tankelesar"

Jupp, jeg er ikke av den tolmodige typem.

As in den inspirasjon siden du ga meg, så var nok Sigmoideus først ute.

 

Men det positive, jeg lærer jo litt da.. :ermm:

Men skal hive opp en oppdatering snart så får dere si hva dere mener..

Lenke til kommentar
Sletta siden, og begynt på nytt..

 

http://www.sn-contech.com

 

Akkurat fått installert Adobe Photoshop 7.0, noen der ute som kan hjelpe en grønskollings (jepp, i PS også) med å lage sitt eget design?

Om du vil lære å bruke PhotoShop til webdesign anbefaler jeg at du ser litt rundt på diverse tutorials... Jeg leste en god del tutorials, også brukte jeg noen av metodene som stod i forskjellige disse og laget en side. Trengtes flere forsøk før jeg ble fornøyd da

 

Først bør du lære det som er helt basic, og da kan du jo bruke hjelpefilen i PS, men det finnes også masser av tutorials som går gjennom grunnleggende teknikker i PS.

 

Anbefaler f.eks.

good-tutorials.com

Lenke til kommentar
Deretter, må du lage en css-fil som du kaller test.css, og den ser slik ut:
body {
color: #ccc;
background-color: #333;
font-size: xx-small;
font-family: verdana, sans-serif;
}
a {
color: #fff;
text-decoration: none;
}
a:hover {
color: #ff3;
text-decoration: underline;
}
h1 {
text-decoration: underline;
align: center;
font-size: small;
}
#teksfelt {
width: 300px;
padding: 5px;
background-color: #300;
border: 1px dashed #ccc;
}
.obs {
font-size: x-small;
}

Hvorfor er fargekoden bare 3tall..?

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...