blogBOX.no - Trenger respons på design/kode.

[Rabbid]

Respons på blogBOX.no

Holder på å lage enda et nytt design til siden min og lurer på hva dere synes og koden/utseendet. Jeg holder også på å øve meg på å skrive mest mulig korrekt kode så om det er noe feil blir jeg glad om dere sier i fra.

Vet at designet kanskje ser litt kjedelig ut, men forbedrer meg ihvertfall litt hver gang.

Har også samlet opp screenshots fra de gamle designene mine, slik at noen av dere kan få noe å le av

*

Endret 8. oktober 2014 av Rabbid

[eigan]

Hey, jeg er logget inn

 

Egentlig likte jeg fargene, og stilen, men dette passet bedre i ett kontroll panel stil, ikke i en blogg.

 

De validator greiene var altfor store, personlig liker jeg ikke ha dem på siden, men hvis du skal ha dem, burde dem være litt "skjult" og ikke så store..

 

Få inn litt mer tekst, ett helt innlegg

Også litt mer på menyen til venstre...

 

Lykke til!

 

EDIT: Fungerer i Opera på Win Xp, og forresten fikk jeg habbo følelse...

Endret 12. mai 2007 av Einar

[Rabbid]

Hey, jeg er logget inn

 

Egentlig likte jeg fargene, og stilen, men dette passet bedre i ett kontroll panel stil, ikke i en blogg.

 

De validator greiene var altfor store, personlig liker jeg ikke ha dem på siden, men hvis du skal ha dem, burde dem være litt "skjult" og ikke så store..

 

Få inn litt mer tekst, ett helt innlegg

Også litt mer på menyen til venstre...

 

Lykke til!

8596140[/snapback]

 

Validator tingene satte jeg inn for moro skyld, og skal på ingen måte være på den ferdige siden, slikt er bare stygt. Fargene er hentet fra paletten til ikontemaet jeg bruker (Tango Project).

 

Siden er ikke helt ferdig ennå, og egentlig 0% av egentlig innhold er lastet inn i eksempelet.

 

Er akkurat nå mest ute etter hjelp til å få siden til å funke i IE6.

Endret 12. mai 2007 av -XaHc-

[Vindstille]

.... og igjen bruker folk xhtml syntax og xhtml doctype, selv om koden er html. Er html-koden html (tolket som html) vennligst bruk htmldoctypen og html syntax. Ellers kan siden din plutselig bli uleselig vis noen prøver å lagrer den. (Mer info: sjekk FAQ-en (sticky))

[Rabbid]

.... og igjen bruker folk xhtml syntax og xhtml doctype, selv om koden er html. Er html-koden html (tolket som html) vennligst bruk htmldoctypen og html syntax. Ellers kan siden din plutselig bli uleselig vis noen prøver å lagrer den. (Mer info: sjekk FAQ-en (sticky))

8597370[/snapback]

Må si meg fullstendig enig med deg...

 

Skrev ikke koden med tanke på XHTML, bare kjørte den igjennom w3-validatoren for moro skyld og fikk ut svært få feil. Rettet på feilene og la til doctype, bare fordi jeg syntes det var kult å ha fått det til så rimelig godt på nesten første forsøk.

 

Har nå endret litt på siden og som Einar sa så la jeg til noe på venstre-menyen og litt mer tekst.

Endret 12. mai 2007 av -XaHc-

[Amento]

Den grå linja med Last.fm pg Profil brytes! huff

Headeren må skiftes og menyteksten er litt for utydelig.

 

Men ellers et stilig design, imo

[Rabbid]

Den grå linja med Last.fm pg Profil brytes! huff

 

Nå skjønner jeg ikke helt hva du mener her.. Kan du ta screenshot eller noe slikt?

[Moonshine]

Stive kontraster (fff, 000), uninteressante farger (mørk grå, fyldig og mørk blå), lite luft (vertikalt spesielt), usemantisk kode.

 

Ellers er du godt på vei!

[Rabbid]

Har forandret litt på siden nå, forhåpentligvis til det bedre

[Vindstille]

.... og igjen bruker folk xhtml syntax og xhtml doctype, selv om koden er html. Er html-koden html (tolket som html) vennligst bruk htmldoctypen og html syntax. Ellers kan siden din plutselig bli uleselig vis noen prøver å lagrer den. (Mer info: sjekk FAQ-en (sticky))

8597370[/snapback]

Må si meg fullstendig enig med deg...

 

Skrev ikke koden med tanke på XHTML, bare kjørte den igjennom w3-validatoren for moro skyld og fikk ut svært få feil. Rettet på feilene og la til doctype, bare fordi jeg syntes det var kult å ha fått det til så rimelig godt på nesten første forsøk.

 

Har nå endret litt på siden og som Einar sa så la jeg til noe på venstre-menyen og litt mer tekst.

8597454[/snapback]

Tror du missforstår litt. Du sender XHTML siden med text/html, altså blir den tolket som html, ikke xhtml. Dette er valid, fordi det går greit sålenge css og javascriptet fungerer når siden blir rendret både som HTML og XHTML. Dette er derimot noe de færreste gjør, eller gidder å passe på. Derfor anbefaler jeg deg ikke å bruke XHTML, med mindre du faktisk har behov for funksjonene XHTML gir og vet hva du holder på med.

 

Igjen. Sjekk FAQ-en for mer info.

Endret 16. mai 2007 av JonT

[Rabbid]

BUMPER posten litt, har oppdatert siden og trenger ny respons.

 

Har problemer med å få logoen til å ligge lavere ned (snakkebobla med boks inni) og til å få siden til å se finere ut ved lavere skjermoppløsninger.

Endret 18. mai 2007 av -XaHc-

[Runar0]

Ser mykje betre ut. Prøv med litt margin på profil bildet, teksten ser ut som den er klint oppi bildet.

Endret 18. mai 2007 av Shadows0

[Rabbid]

Ser mykje betre ut. Prøv med litt margin på profil bildet, teksten ser ut som den er klint oppi bildet.

8643946[/snapback]

 

Var fullt klar over det, gadd bare ikke gjøre noe med det før senere .

 

Nå er det fikset . Skal rydde litt opp i koden i morgen.

 

EDIT: Noen som kan hjelpe meg med å få logoen et par piksler lenger ned?

Endret 18. mai 2007 av -XaHc-

[Runar0]

Prøvde med

<img id="logo" alt="blogBOX" src="logo.gif" style="margin-top: 5px;"/>

i FireBug og det ser ut til å fungere fint

[Rabbid]

BUMP.

 

Har oppdatert designet og vil nå ha vurdering på nytt .

 

Sitter litt fast i designet mitt, og trenger litt feedback slik at jeg kan komme meg videre.

[Jakob K]

Kodemessig (som du spurte om oppi her) burde vel «dataene» i den gråe boksen til venstre vært en definisjonsliste. Altså:

<dl>
<dt>Navn</dt>
<dd>Hans Rødtang</dd>
[osv]
</dl>

Også styler du dem til å stå inline vha. CSS.

 

Forøvrig burdel vel de tomme LI-elementene i UL.profile vært unngått, og de ikonene før «Legg til som kontakt» osv, kan vel argumenteres for at skulle vært gjort via CSS:

ul.profile li.kontakt {
 list-style-image:  url('kontakt.png');
}

Det samme gjelder brukerpanelmenyen til høre.

 

Datoen og antallet kommentarer i «innleggene» kan vel også gjøres på samme måte:

<h2>Lorem Ipsum</h2>
<ul class="postmeta">
<li class="dato">21. Juni 1998</li>
<li class="kommentarer">24</li>
</ul>

 

Ellers har siden ingen H1. Det er vanlig å sette sidens tittel i en H1, gjerne øverst i body, og så gjemme denne til fordel for en header. Det er også en del DIVs generelt sett, som kanskje kunne vært unngått?

 

Edit: Det er også kjekt å sette en lenke øverst i dokumentet for å hoppe til innholdet, for eksempelvis mobilbrukere som ellers måtte scrollet et stykke.

Endret 28. mai 2007 av AfroDude

[Rabbid]

 

Takker! Skal se hva jeg får til

 

EDIT: Ja, jeg vet de tomme li-elemente ikke er helt riktig å ha med, men finner ingen annen måte å lage mellorom.

Endret 28. mai 2007 av IQ

[Steinmann]

IQ: Hva med margin?

[Rabbid]

IQ: Hva med margin?

8722393[/snapback]

 

På comment-greia? Det er gjort her på lokalmaskina, har bare ikke lastet opp.

 

Eller mener du mellomrom mellom LI? Jo, det kan jo fikses på den måten.

Endret 28. mai 2007 av IQ

[Steinmann]

Det kan ikke fikses på den måten, det skal.