15 svar · 590 visningar · startad av CyberPet
Jag tyckte inte detta passade på "glo på min hemsida typ ba'"... eftersom det inte är en färdig hemsida utan bara en ram.
Jag vill höra åsikter om en grafisk ram jag gjort till min drinklista. Den gamla finns under två adresser (mest för kosmetik):
http://www.drinklistan.nu/ eller http://www.communique.se/petra/drinkar/
Den nya ramen som jag vill att ni ska kika på finns på: http://www.communique.se/petra/drinkar/nytt/index.html
Bilderna är trögladdade för tillfället eftersom jag inte trimmat ner allt till perfektion ännu. Men jag tänkte inte lägga ner mer energi på detta förrän jag fått min dom från er.
Vad tycker ni om formen, färgen, läsbarheten?
Jämför gärna med den gamla listan och kom med synpunkter.
Håller nu på att fundera ut nåt snyggt till förstasidan (inte lika mycket text som nu) och även hur jag ska lägga upp själva recepten osv.
Darrande, nervösa hälsningar,
------------------
/Petra
[Redigerat av CyberPet den 26 jan 2000]
Hej Petra,
Det är lite synd att dina fina knappar är nedtonade i originalläge och bara syns fullt ut när man går över dem.
Jag skulle ha provat hur det ser ut med fullfärg (röd) i standardläge, gul vid mouseOver och grön vid själva klickningen.
Det blir lite mera jobb men drinkar associerar till party för mig, och då är det kanske inte fel att dra på med lite färg - eller?
/sten
/sten
öhh.. det här hör väl inte direkt till din fråga men länkarna till vänster syns inte.. eftersom du inte har nåt br mellan länkarna...
Den översta menyn är däremot mycket snygg.. fast du skulle kunna "nollställa" statusraden efter att man tagit bort musen från länken....
Annars tycker jag att det var mycket snyggt...
//Martin
OK, vi börjar med webmannen...
Jag är lite färgskygg när det gäller knapparna där uppe... men det är ju lite kul med att de blir gula om man rör musen över dem och grön om man trycker på knappen. Hmmm... ska nog prova.
Fast då kommer vi till ett problem som jag inte riktigt behärskar, javascript. Jag vet helt enkelt inte hur man gör denne effekt. Det tog mig nog lång tid att hitta ett bra rolloverskript. Men är du duktigt på sånt vore jag jättetacksam att prova!
M@rtin, uhm... jag förstår nog inte vad du menar med länkarna till vänster. Det ska väl inte behövas nån <br> för att länken ska funka?
Det jag däremot ser är att jag missat nåt med "Konjaksdrinkar" som säkert visar på fel bild eller nåt, så där funkar inte länken.
Och samma sak där, vet inte hur man nollställer, använder som sagt ett script jag fick tag på en av de där läro-sajterna. Så har du lösningen... hemskt mycket tack! ;)
Sen undrar jag ju som tjej om den lilafärgade bakgrunden är för tjejjig? Inte för att nån har klagat på allt rosa som jag har på min nuvarande sida... killar kanske förknippar den rosa färgen med olika drinkar.
Ös på med mer!
------------------
/Petra
Jo... Jag tycker att det ser väldigt bra ut och att färgerna passar mycket bra som de gör (de är inte alls för "tjejiga" som du frågade iaf)!
Det enda som jag reagerade på var just statusradengrejen som Martin påpekade samt att du borde avfokusera knapparna när man klickat på dem... Men det fixar du ju säkert till den skarpa versionen ! ;)
:e :e :e :e till den sidan från BIRE !
------------------
// BIRE
http://bire.cjb.net
bire@telia.com
[Redigerat av Bire den 26 jan 2000]
[Redigerat av Bire den 26 jan 2000]
Om du kollar i Explorer så ser du vad M@rtin menar med dom vänstra knapparna.
Där synns nämligen inte mer än den första bilden och istället för en br så rekommenderar jag att du använder tabellrader.
En för varje knapp kanske :)
Nä, jag ser ingen skillnad mellan Internet Explorer och Netscape när det gäller vänstra raden av länkar. För mig ser de exakt likadana ut i båda läsarna. Det enda som strulat är att den mörkare bilden till Konjaksdrinkar inte laddat in (som jag missat i koden).
Jag har faktiskt lite svårt att förstå att IE skulle vara känsligare än NS när det gäller bilder inom en tabell (för det är vad det är, en cell, en rad). Det brukar ju vara tvärtom, att kodar man för NS så är man säker på att det funkar i IE.
Jag använder Netscape 4.08 och Internet Explorer 4.5 för Mac OS om ni undrar.
För det kan inte vara så att det javascript jag använt inte gillar att den finns inom en tabell? Som sagts tidigare så är jag ingen klippa på javascript utan måste lita på andras kunskaper, sen klipper och klistrar jag.
Kan nån skicka en skärmdump på hur det ser ut hos er (för det är väl i PC och IE det strular antar jag)?
Sen detta med avfokusering eller vad det heter... hur gör man?
------------------
/Petra
Om du gör tabellen så här istället så tror jag det kommer fungera på PC också...
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="alkoholfri.html" target="Main" title="Alkoholfria Drinkar" onmouseover="gotFocus('knapp1'); window.status='Alkoholfria drinkar'; return true" onmouseout="lostFocus('knapp1')"><img height="22" width="117" src="bilder/alkofritt.gif" border="0" alt="Alkoholfria drinkar" name="knapp1"></a></td>
</tr>
<tr>
<td><a href="baler.html" target="Main" title="Båler" onmouseover="gotFocus('knapp2'); window.status='Båler'; return true" onmouseout="lostFocus('knapp2')"><img height="20" width="117" src="bilder/baler.gif" border="0" alt="Båler" name="knapp2"></a></td>
</tr>
<tr>
<td><a href="champagne.html" target="Main" title="Champagnedrinkar" onmouseover="gotFocus('knapp3'); window.status='Champagnedrinkar'; return true" onmouseout="lostFocus('knapp3')"><img height="20" width="117" src="bilder/champagne.gif" border="0" alt="Champagnedrinkar" name="knapp3"></a></td>
</tr>
<tr>
<td><a href="gin.html" target="Main" title="Gindrinkar" onmouseover="gotFocus('knapp4'); window.status='Gindrinkar'; return true" onmouseout="lostFocus('knapp4')"><img height="20" width="117" src="bilder/gin.gif" border="0" alt="Gindrinkar" name="knapp4"></a></td>
</tr>
<tr>
<td><a href="kaffe.html" target="Main" title="Kaffedrinkar" onmouseover="gotFocus('knapp5'); window.status='Kaffedrinkar'; return true" onmouseout="lostFocus('knapp5')"><img height="20" width="117" src="bilder/kaffe.gif" border="0" alt="Kaffedrinkar" name="knapp5"></a></td>
</tr>
<tr>
<td><a href="konjak.html" target="Main" title="Konjaksdrinkar" onmouseover="gotFocus('knapp6'); window.status='Konjaksdrinkar'; return true" onmouseout="lostFocus('knapp6')"><img height="20" width="117" src="bilder/konjak.gif" border="0" alt="Konjaksdrinkar" name="knapp6"></a></td>
</tr>
<tr>
<td><a href="likor.html" target="Main" title="Likrdrinkar" onmouseover="gotFocus('knapp7'); window.status='Likrdrinkar'; return true" onmouseout="lostFocus('knapp7')"><img height="20" width="117" src="bilder/likor.gif" border="0" alt="Likördrinkar" name="knapp7"></a></td>
</tr>
<tr>
<td><a href="lattvin.html" target="Main" title="Lttvinsdrinkar" onmouseover="gotFocus('knapp8'); window.status='Lttvinsdrinkar'; return true" onmouseout="lostFocus('knapp8')"><img height="20" width="117" src="bilder/lattvin.gif" border="0" alt="Lättvinsdrinkar" name="knapp8"></a></td>
</tr>
<tr>
<td><a href="rom.html" target="Main" title="Romdrinkar" onmouseover="gotFocus('knapp9'); window.status='Romdrinkar'; return true" onmouseout="lostFocus('knapp9')"><img height="20" width="117" src="bilder/rom.gif" border="0" alt="Romdrinkar" name="knapp9"></a></td>
</tr>
<tr>
<td><a href="shots.html" target="Main" title="Shots" onmouseover="gotFocus('knapp10'); window.status='Shots'; return true" onmouseout="lostFocus('knapp10')"><img height="20" width="117" src="bilder/shots.gif" border="0" alt="Shots" name="knapp10"></a></td>
</tr>
<tr>
<td><a href="tequila.html" target="Main" title="Tequiladrinkar" onmouseover="gotFocus('knapp11'); window.status='Tequiladrinkar'; return true" onmouseout="lostFocus('knapp11')"><img height="20" width="117" src="bilder/tequila.gif" border="0" alt="Tequiladrinkar" name="knapp11"></a></td>
</tr>
<tr>
<td><a href="vodka.html" target="Main" title="Vodkadrinkar" onmouseover="gotFocus('knapp12'); window.status='Vodkadrinkar'; return true" onmouseout="lostFocus('knapp12')"><img height="20" width="117" src="bilder/vodka.gif" border="0" alt="Vodkadrinkar" name="knapp12"></a></td>
</tr>
<tr>
<td><a href="whisky.html" target="Main" title="Whiskydrinkar" onmouseover="gotFocus('knapp13'); window.status='Whiskydrinkar'; return true" onmouseout="lostFocus('knapp13')"><img height="20" width="117" src="bilder/whisky.gif" border="0" alt="Whiskydrinkar" name="knapp13"></a></td>
</tr>
<tr>
<td><a href="ol.html" target="Main" title="Öldrinkar" onmouseover="gotFocus('knapp14'); window.status='Öldrinkar'; return true" onmouseout="lostFocus('knapp14')"><img height="23" width="117" src="bilder/ol.gif" border="0" alt="Öldrinkar" name="knapp14"></a></td>
</tr>
<tr>
<td><img height="20" width="120" src="bilder/vagor.gif" vspace="10"></td>
</tr>
</table>
M v h
Sune
[Redigerat av Sune den 27 jan 2000]
Ack, dess konstiga PC-burkar ;)
Nåja, då går det ju snabbare med ett <br> som M@rtin föreslog. För så himla mycket kod för att IE i PC ska funka tänker jag då inte lägga ner på det hela :e
Tack Sune!
------------------
/Petra
Sidan ser bra ut, men de sneda texterna under knapparna är svårlästa. Dels för att de är sneda, dels för att kontrasten mot bakgrunden är i smetigaste laget. Man måste liksom läsa hela raden ordentligt, och kan inte se på en gång vad knapparna gör. Särskilt inte om man har några drinkar i kroppen ;)
Annars var det fint, och drinkar är kul och intressant. Jag har en del eget som jag kanske kan bidraga med.
/G
------------------
----------------------------
Gunnar Liljas - webbutvecklare
Leon Reklambyrå AB
Norrköping
Mycket snyggt...
Jag kanske skulle testat att gör rolloverknapparna tvärt om... Altså skarp färg först, och "gråare" med mouse over.
Annars diggar jag färgerna...
/Eskil
Du avfokuserar dina knappar med att göra sisåhär i href taggen:
<a href="sida.html" onClick="this.blur();">
I övrigt så kan jag tillägga att jag är jätte trött samt har lite ont i ena foten, men det går nog över tills i morron !
Bra jobbat Petra ! :e
------------------
// BIRE
http://bire.cjb.net
bire@telia.com
Lite "off topic" kanske men på tal om this.blur()...
I min version av IE så finns inte längre problemet med focusmarkeringen på länkarna.
Har dom tagit bort detta nu?
Kör standardversionen av Win2000 och har inte tänkt på detta förrän Bire förde det på tal.
för at få bort status texten när man dra bort musen så skriver man väl:
<a href="bla.htm" onMouseOut="javascript: self.status=''">
eller nåt i den stilen..
//Martin
Man tackar och niger för hjälpen med javascriptet! :)
Bire, klening där... själv sitter jag i en sjukhussäng och har nyss blivit opererad i halsen (för 8 timmar sen). Det du! ;)
Kramar allihopa,
------------------
/Petra
Vad vore livet utan en dator på rummet Petra ??? :e
Så dom har tatt bort det i Win2000 ??? Men det hjälper ju inte alla som ännu inte har installerat det ännu... ;)
------------------
// BIRE
http://bire.cjb.net
bire@telia.com
