Jump to content
Sign in to follow this  
nAD

Grønn på hjemmeside..

Recommended Posts

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 !

Share this post


Link to post
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:

Share this post


Link to post

Å 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

Share this post


Link to post

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

Share this post


Link to post

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

Edited by nAD

Share this post


Link to post

@Trådstarter; Jeg får 404 Error..?

 

@Toolshead; Nice, leste gjennom den CSS greia, og skjønte faktisk litt..:w00t: Gleder meg til helgen.. :thumbup:

Share this post


Link to post

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

Share this post


Link to post
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

Share this post


Link to post
@Toolshead; Nice, leste gjennom den CSS greia, og skjønte faktisk litt..:w00t: Gleder meg til helgen.. :thumbup:

Den er fin, Marvil! :D

Share this post


Link to post

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.

Share this post


Link to post
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..?

Share this post


Link to post

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

 

#abc = #aabbcc

 

ergo #fff = #ffffff

 

Altså, #rgb

Share this post


Link to post

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...