Bibliotek-design, FF/Netsc. - IE/Opera - se side 2

alex100 · 30. mai 2004

Hei.

Har den siste tiden jobbet med et nytt design for denne siden her:

http://www.haram.folkebibl.no

Her er en link til hvordan det nye jeg har jobbet med:

http://213.184.216.249/hf/index.html

Ønsker veldig gjerne konstruktiv kritikk!

I midt-delen skal vere et PHP include-script, som skal loade de nåverende html-sidene på siden slik den er nå. I tillegg skal den søkefunksjonen oppe til høyre bli loadet i include-scriptet også.

Endret 31. mai 2004 av alex100

Lokaltog · 30. mai 2004

:thumbup:

+ Oversiktlig

+ Smooth header

+ DEFINITIVT bedre enn den som er nå

+ Søk-funksjonen glir pent inn i designet

:thumbdown:

- Meny/mouseover-effekt!!! Det er noe av det grusomste jeg har sett! Ikke overline og så underline! Prøv uten noen dekorasjon og fargeendring fra svart->blå, det tror jeg blir bedre..

- Litt kraftig blå bakgrunn

- Fontvalg i header, hvorfor KJEMPESTORE forbokstaver? Tror det hadde vært bedre med en fontstørrelse (kanskje bold?)..

- Litt lite luft mellom header/kanten av body, det samme med menyene

- Litt markante border, prøv en lysere farge..?

alex100 · 30. mai 2004

+ Oversiktlig

+ Smooth header

+ DEFINITIVT bedre enn den som er nå

+ Søk-funksjonen glir pent inn i designet

- Meny/mouseover-effekt!!! Det er noe av det grusomste jeg har sett! Ikke overline og så underline! Prøv uten noen dekorasjon og fargeendring fra svart->blå, det tror jeg blir bedre..

- Litt kraftig blå bakgrunn

- Fontvalg i header, hvorfor KJEMPESTORE forbokstaver? Tror det hadde vært bedre med en fontstørrelse (kanskje bold?)..

- Litt lite luft mellom header/kanten av body, det samme med menyene

- Litt markante border, prøv en lysere farge..?

Takker og bukker.

Mouse-over-saken:

Hva mener du? Jeg har ingen line i det hele tatt i starte, bare underline ved hover. Mulig det er en feil med koden. Har du et bilde av hva du mener?

EDIT: Fant feilen. Fikset på dette nå

Bakgrunn: Fikset på.

Font i banner: Har fikset litt på størrelsen på forbokstavene.

Border-farve: Valgt #474747 i stedet for det som var, #000000.

Luft mellom border: Jobber med det

Endret 30. mai 2004 av alex100

alex100 · 30. mai 2004

Nå er det med mellomrommet mellom border og det-som-er-innom-borderen fikset.

Roberto · 31. mai 2004

Denne siden var _utrolig_ mye bedre enn den forrige, bare så det er sagt! Det er ikke så mye å utsette på den nye men jeg har et par pirkepirke ting:

Under "interne sider" og "eksterne sider" samt "katalogar" er det litt for lite luft mellom linkene. Et par hakk med linjeskift og noe padding til selve boksen hadde vært veldig bra, spesielt for folk med lese- og skrivevansker som kanskje vil låne en bok?

En annen ting jeg la merke til (kanskje det er en bug?) men boksene dine ("interne sider" osv) ikke ligger rett under kanten på header. Kanskje dette er meningen? Uansett, jeg vet ikke hva du syns men jeg syns det hadde sett mer symetrisk ut om boksene gikk rett under kanten. Litt vanskelig å forklare så, se vedl. bildet. Og en liten ting til, det er ikke like mye luft mellom katalog boksen og innholdet som det er mellom interne/eksterne sider og innholdet. Skal det være sånn?

Ellers var siden din super! :w00t:

alex100 · 31. mai 2004

Denne siden var _utrolig_ mye bedre enn den forrige, bare så det er sagt! Det er ikke så mye å utsette på den nye men jeg har et par pirkepirke ting:

Under "interne sider" og "eksterne sider" samt "katalogar" er det litt for lite luft mellom linkene. Et par hakk med linjeskift og noe padding til selve boksen hadde vært veldig bra, spesielt for folk med lese- og skrivevansker som kanskje vil låne en bok?

En annen ting jeg la merke til (kanskje det er en bug?) men boksene dine ("interne sider" osv) ikke ligger rett under kanten på header. Kanskje dette er meningen? Uansett, jeg vet ikke hva du syns men jeg syns det hadde sett mer symetrisk ut om boksene gikk rett under kanten. Litt vanskelig å forklare så, se vedl. bildet. Og en liten ting til, det er ikke like mye luft mellom katalog boksen og innholdet som det er mellom interne/eksterne sider og innholdet. Skal det være sånn?

Ellers var siden din super!

Takker så mye

Fikset litt større line-height mellom menyvanlegene. Jeg lurer på om det går an å lage en liten funksjon der folk kan øke skriftstørrelsen ved å trykke på en link. Er dette mulig å fikse?

Buggen: Ja, dette er en bug. Egentlig skal hele området bak boksene på siden ha samme bakgrunn som resten. Jobber med den nå. Den vises sånn i Firefox og Netscape.

PoleCat · 31. mai 2004

Jeg lurer på om det går an å lage en liten funksjon der folk kan øke skriftstørrelsen ved å trykke på en link. Er dette mulig å fikse?

Selvfølgelig. :thumbup:

alex100 · 31. mai 2004

Har støtt på et problem med den alternative stylesheet saken:

I starten på html-filen har jeg lagt til dette her:

<style type="text/css">
 @import url("style.css");
</style>
<link rel="stylesheet" type="text/css" href="fsizepref.css" title="bog standard" />
<link rel="alternate stylesheet" type="text/css" href="fsizealt.css" title="wacky" />

<script type="text/javascript" 
src="/scripts/styleswitcher.js"></script>

Men det jeg ikke er sikker på om jeg skal edite neon av de "title" sakene i styleswitcher.js-filen:

function setActiveStyleSheet(title) {
 var i, a, main;
 for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
   if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
     a.disabled = true;
     if(a.getAttribute("title") == title) a.disabled = false;
   }
 }
}

function getActiveStyleSheet() {
 var i, a;
 for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
   if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
 }
 return null;
}

function getPreferredStyleSheet() {
 var i, a;
 for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
   if(a.getAttribute("rel").indexOf("style") != -1
      && a.getAttribute("rel").indexOf("alt") == -1
      && a.getAttribute("title")
      ) return a.getAttribute("title");
 }
 return null;
}

function createCookie(name,value,days) {
 if (days) {
   var date = new Date();
   date.setTime(date.getTime()+(days*24*60*60*1000));
   var expires = "; expires="+date.toGMTString();
 }
 else expires = "";
 document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
 var nameEQ = name + "=";
 var ca = document.cookie.split(';');
 for(var i=0;i < ca.length;i++) {
   var c = ca[i];
   while (c.charAt(0)==' ') c = c.substring(1,c.length);
   if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
 }
 return null;
}

window.onload = function(e) {
 var cookie = readCookie("style");
 var title = cookie ? cookie : getPreferredStyleSheet();
 setActiveStyleSheet(title);
}

window.onunload = function(e) {
 var title = getActiveStyleSheet();
 createCookie("style", title, 365);
}

var cookie = readCookie("style");
var title = cookie ? cookie : getPreferredStyleSheet();
setActiveStyleSheet(title);

Også har jeg lagt til to lenker for å skifte på de:

<a href="#" onclick="setActiveStyleSheet('default'); return false;">change style to default</a>

og

<a href="#" 
onclick="setActiveStyleSheet('paul'); return false;">change style to alt</a>

Problemet er seff at det ikke funker..

EDIT: Link til siden: http://213.184.216.249/hf/index.html

Endret 31. mai 2004 av alex100

PoleCat · 31. mai 2004

onclick="setActiveStyleSheet('paul');

må vel endres til

onclick="setActiveStyleSheet('wacky');

Endret 31. mai 2004 av PoleCat

alex100 · 31. mai 2004

onclick="setActiveStyleSheet('paul');

må vel endres til

onclick="setActiveStyleSheet(wacky');

Funket ikke..

Klette · 31. mai 2004

onclick="setActiveStyleSheet('wacky');"

kanskje?

alex100 · 31. mai 2004

onclick="setActiveStyleSheet('wacky');"

kanskje?

Det er det som står der

alex100 · 31. mai 2004

Fant feilen..

Denne url'en her var feil :blush:

<script type="text/javascript" 
src="style/styleswitcher.js"></script>

Endret 31. mai 2004 av alex100

halvardm · 31. mai 2004

Vil bare si at du har vert flink :thumbup:

huf · 31. mai 2004

Hviken browser bruker du alex100? I firefox så er ikke bigdiv'en med i det hele tatt..noe som jeg regner med ikke skal være sånn.

Bilde fra firefox.

I opera ser den bra ut.

Endret 31. mai 2004 av huf

alex100 · 31. mai 2004

Hviken browser bruker du alex100? I firefox så er ikke bigdiv'en med i det hele tatt..noe som jeg regner med ikke skal være sånn.

Bilde fra firefox.

I opera ser den bra ut.

Ej e klar over ditta. D e sånn i Netscape og Firefox. Ekkje sikker på ka så e problemet for å ver ærlig

pgdx · 31. mai 2004

Prøv på en bakgrunnsfarge på hover i menyen, da... Og dropp underline

Prøv det bare...

pgdx · 31. mai 2004

Bytte stylesheet med php er ikke noe problem...

alex100 · 31. mai 2004

Vil bare si at du har vert flink

Ja, ikke sant Takker.

alex100 · 31. mai 2004

Prøv på en bakgrunnsfarge på hover i menyen, da... Og dropp underline

Prøv det bare...

Jeg prøver å legge til background:#farve; til under :hover, men det er bare teksten som blir gitt en bakgrunnsfarve. Hvordan får jeg hele linjen (som ligger i en egen div alle sammen) til å skifte bakgrunnsfarve?

Bibliotek-design, FF/Netsc. - IE/Opera - se side 2

Anbefalte innlegg

Lenke til kommentar

Videoannonse

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Populær nå

Hvem er aktive 0 medlemmer