Gå til innhold

Grønn på hjemmeside..

nAD

Anbefalte innlegg

nAD

nAD

Skrevet
Skrevet

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 !

Videoannonse

Videoannonse
Annonse
Sigmoideus

Sigmoideus

Skrevet
Skrevet
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:

pgdx

pgdx

Skrevet
Skrevet

Å 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

nAD

nAD

Skrevet
  • Forfatter
Skrevet

Hey, tok en liten oppdatering med css. Funka jo :D

 

Joda, kommer seg.. Litt.. *trykke trykke*

Sigmoideus

Sigmoideus

Skrevet
Skrevet

Nå ble teksten uleselig nå, ai ai ai...

 

Tror jeg ville satset på noen lysere fargen, og husk det viktigste, du må ha kontraster slik at det blir leselig...

nAD

nAD

Skrevet
  • Forfatter
Skrevet (endret)

Leselig nå? Hm, som sagt. Liker mørke farger, mer behagelig for mine øyner, og lese noe i svart bakgrunn med lysere/mørkere skrift..

Endret av nAD
nAD

nAD

Skrevet
  • Forfatter
Skrevet

"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..

Pug

Pug

Skrevet
Skrevet
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

pgdx

pgdx

Skrevet
Skrevet

Du kan jo bare begynne med å dele de opp i flere små bilder. F.eks header for seg, menyegreie for seg og tekstfeltgreie for seg. Deretter legger du de som bakgrunnsbilder for div id="header" osv.

Marvil

Marvil

Skrevet
Skrevet
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..?

pgdx

pgdx

Skrevet
Skrevet

Hvis du bare skriver tre tegn som farge, tolker nettleseren det som to av hvert tall.

 

#abc = #aabbcc

 

ergo #fff = #ffffff

 

Altså, #rgb

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å
Gå til emneliste

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...