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

[alex100]

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]

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

[alex100]

+ 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]

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

[Roberto]

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!

[alex100]

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]

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.

[alex100]

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]

onclick="setActiveStyleSheet('paul');

må vel endres til

onclick="setActiveStyleSheet('wacky');

Endret 31. mai 2004 av PoleCat

[alex100]

onclick="setActiveStyleSheet('paul');

må vel endres til

onclick="setActiveStyleSheet(wacky');

Funket ikke..

[Klette]

onclick="setActiveStyleSheet('wacky');"

 

kanskje?

[alex100]

onclick="setActiveStyleSheet('wacky');"

 

kanskje?

Det er det som står der

[alex100]

Fant feilen..

 

Denne url'en her var feil

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

Endret 31. mai 2004 av alex100

[halvardm]

Vil bare si at du har vert flink

[huf]

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]

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]

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

 

Prøv det bare...

[pgdx]

Bytte stylesheet med php er ikke noe problem...

[alex100]

Vil bare si at du har vert flink

Ja, ikke sant Takker.

[alex100]

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?