Gå til innhold

Jakob

Medlemmer
 Vis profil  Se deres aktivitet

  • Innlegg

    640

  • Ble med

  • Besøkte siden sist

 Innholdstype 

Innlegg skrevet av Jakob

  6. Konvertere et bilde lagd i PS over til en side

    i Programmering og webutvikling

    Skrevet · Endret av Jakob

    Ok, nå har jeg klart en del her. Blir nok ganske rotete kode, men:

     

    .body {
background-color: #E1E1E1;
margin:0px auto;
text-align:center;
 }
.head {
margin:0px auto;
background-image:url(images/images/head.gif);
width:706px;
height:164px;
}
.meny {
margin:0px auto;
width:706px;
height:52px;
}
.head2 {
margin: 0px auto auto auto;
background-image:url(images/images/head2.gif);
width:202;
height:52;
}
.meny1 {
margin: 0px auto auto auto;
background-image:url(images/images/hjem.gif);
width:99;
height:52;
}
a.meny1:hover {background-image:url(images/images/hjem_rollover.gif) }
.meny2 {
margin: 0px auto auto auto;
background-image:url(images/images/media.gif);
width:112;
height:52;
}
a.meny2:hover {background-image:url(images/images/media_rollover.gif) }
.meny3 {
margin: 0px auto auto auto;
background-image:url(images/images/bandet.gif);
width:124;
height:52;
}
a.meny3:hover {background-image:url(images/images/bandet_rollover.gif) }
.meny4 {
margin: 0px auto auto auto;
background-image:url(images/images/kontakt.gif);
width:130;
height:52;
}
a.meny4:hover {background-image:url(images/images/kontakt_rollover.gif) }
.right {
margin: 0px auto auto auto;
background-image:url(images/images/right.gif);
width:39;
height:52;
}
.title {
margin: 0px auto;
background-image:url(images/images/title.gif);
width:706px;
height:65px;
text-align:center;
background-repeat: no-repeat;
}
.content {
margin: 0px auto;
padding:40px 60px 0px 60px;
background-image:url(images/images/bg.gif);
width:706px;
color:yellow;
background-repeat: repeat-y;
}

     

    Det funker bra. Eneste problemet jeg har til nå er at der hvor teksten skal stå, kan ikke bakgrunnsbildet gjentas (fordi det er litt lysere øverst til venstre), og da må jeg enten lage bakgrunnsbildet gigalangt, eller så faller teksten utafor (vanskelig å forklare).

  10. Konvertere et bilde lagd i PS over til en side

    i Programmering og webutvikling

    Skrevet · Endret av Jakob

    Hei. Jeg sliter litt med å forstå CSS, og dens oppbygging.

     

    Ja, jeg forstår akkurat hvordan man legger til property'er o.l., og hvordan de fungerer og hva de gjør. Men jeg sliter med å få det til å se riktig ut i Dreamweaver. Dette er noen av problemene mine:

     

    -Hele greia skal være midtstilt, uansett hva slags oppløsning man bruker. Jeg klarer ikke å få det til, det blir alltid en liten margin på hver side av browseren.

     

    -Vil bruke alle menybilder, etc som bakgrunnsbilder i elementene (Som jeg ser de fleste på forumet her gjør), men får da problem med størrelser og plasseringer. Jeg vet ikke riktig hvordan jeg skal få til å plassere alle elementene (header, menyknapper, bakgrunn bak tekst og footer) riktig.

     

    -Selv om jeg bruker position:absolute og margin og position til 0 pixler, blir det en slags "border" der hvor jeg ikke vil ha den....

     

    -Sliter med at man ikke kan "se" alle elementene i Dreamweaver samtidig, de forsvinner ettersom man velger et annet et.

     

    Jeg har lest gjennom hele w3schools tutorial'et, og der sto det stortsett hva alle selectorne, propertyene og valuene gjorde, men INGETING om hvordan man bruker det riktig til riktige formål.

     

    Det jeg har klart til nå, er å få opp en svart boks 10px fra toppen og venstresida, og få bakgrunnen til å bli den fargen jeg vil... :cry:

     

    Fisk (trenger ikke kommentarer på designet enda, mangler jo alt contentet).

     

    På forhånd takk :thumbs:

  19. Design

    i Programmering og webutvikling

    Skrevet

    Nå er vel jeg og litt på tynn is, men du kan dra ned noen guider der hvor du skal ha objektene (View>neew guide), og lage noen shapes (de finner du i verktøykassa) som du kan leke deg litt med. Bruker du snap to guides (view>snap to>guides), vil ting du lager automatisk legge seg inntil guidene.

     

    Lag formene først (husk å lage dem i forksjellige layers, lag nytt layer ved ctrl+shift+n), så kan du legge på farger, effekter etc.

     

    Ellers er det masse tutorials hvis du tar en søk på google, på f.eks. "Interface PS tutorial"

  22. Tilbakemld. på siden

    i Programmering og webutvikling

    Skrevet · Endret av Jakob

    Nå har jeg begynt å redesigne siden, og har et førsteutkast her.

     

    Dette er _bare_ et første utkast, så vil egentlig bare ha litt kritikk om jeg er på rett vei eller totalt på avveie. Har bare "schmelt" på det i midten, og skal nok endre den diffuse blåfargen, og skal legge på link-knapper til venstre. Er ikke engang sikker på om jeg kommer til å bruke denne ideen. Håper ihvertfall det var bedre enn min forrige side...

     

    :roll:

×
×
  • Opprett ny...