Archief - OTHER: Senza Pari

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
J

Jellepunk

Legacy Member
Hoi,
De laatste maanden heb ik gewerkt aan de site van Senza Pari.
De site is voor een winkel gespecialiseerd in goudwerk en uurwerken.
De kleuren komen uit de winkel en moesten in de site verwerkt worden.

Er is geen oude site dus kan je niet vergelijken.

http://senzapari.be/ is de link

Contact formulier is snel in elkaar gebotst en werkt niet omdat ik nog geen email adressen heb gekregen maar het concept is er wel. De link van bij de winkels naar het contact. geen email adres is geen link naar de contact pagina natuurlijk)

Comment op de code, layout, functionaliteit, ...
Alles is welkom
b

borisson_

Legacy Member
ik vind niet echt dat de splash een meerwaarde bied, vind de site voor de rest wel mooi.
erg duidelijk en goed leesbaar,
kvind het gebruik van die winkel ook wel mooi : )
X

Xavez

Legacy Member
Sowieso een paar opmerkingen:

algemeen
- Op je menulinks nog outline: none; zetten :).
- Het groen van de links past toch niet helemaal in het kleurenschema denk ik. Andere tint nemen :).

pagina's
- home: meer margin op uw gefloate afbeelding
- info: hetzelfde
- winkels: een icoontje bij het telefoonnummer, dus ook een icoontje bij het postadres! ;)
- merken: uw scriptje wa sneller zetten! Ik moet nu 1 seconde en 69 honderdsten wachten voordat ik het logo te zien krijg/terug verborgen is. Dat is te lang! :)
- contact: dropdown-box bij aan: bevat nog een optie "...". Ofwel ben je vergeten die op "selected" te zetten, ofwel moet dat ding gewoon weg! :).

Voor de rest nog wat leegjes qua foto's. Voor een kledingwinkel mag het heus wat meer zijn, maar dit is in elk geval een propere, mooie en overzichtelijke website :). Mooi.
J

Jellepunk

Legacy Member
Xavez zei:
Sowieso een paar opmerkingen:

algemeen
- Op je menulinks nog outline: none; zetten :).
- Het groen van de links past toch niet helemaal in het kleurenschema denk ik. Andere tint nemen :).

pagina's
- home: meer margin op uw gefloate afbeelding
- info: hetzelfde
- winkels: een icoontje bij het telefoonnummer, dus ook een icoontje bij het postadres! ;)
- merken: uw scriptje wa sneller zetten! Ik moet nu 1 seconde en 69 honderdsten wachten voordat ik het logo te zien krijg/terug verborgen is. Dat is te lang! :)
- contact: dropdown-box bij aan: bevat nog een optie "...". Ofwel ben je vergeten die op "selected" te zetten, ofwel moet dat ding gewoon weg! :).

Voor de rest nog wat leegjes qua foto's. Voor een kledingwinkel mag het heus wat meer zijn, maar dit is in elk geval een propere, mooie en overzichtelijke website :). Mooi.
Klik om te vergroten...

Bij contact staat gewoon iets omdat ik nog geen email adressen heb gekregen, dat is gewoon opvulling, had ik dat bij mijn inleiding niet vermeld ;).
Bij merken, mijn beweging wat sneller zetten of mijn foto van het merk wat sneller zetten want hier gebruik ik (voor de eerste maal ooit) ajax en weet niet hoe ik dat kan sneller maken.
voor je rest kan ik wel in je commentaar komen en je gelijk geven

borisson_ zei:
ik vind niet echt dat de splash een meerwaarde bied, vind de site voor de rest wel mooi.
erg duidelijk en goed leesbaar,
kvind het gebruik van die winkel ook wel mooi : )
Klik om te vergroten...

de splash werd gevraagd door de klant maar ik kan er eventueel nog een soort van slogan onder plaatsen zodat ook metteen duidelijk wordt dat het om een goud/juwelen/horloge zaak gaat, want die opmerking heb ik ook al op een ander fotum gekregen.

Alvast bedankt, laat de rest maar komen!
X

Xavez

Legacy Member
Jellepunk zei:
Bij merken, mijn beweging wat sneller zetten of mijn foto van het merk wat sneller zetten want hier gebruik ik (voor de eerste maal ooit) ajax en weet niet hoe ik dat kan sneller maken.
Klik om te vergroten...
In je javascript wat met de variabelen fiddlen. Ik denk dat ge uw variabele b moet aanpassen :). - Not sure do, my javascript's a bit rusty :).

Code: 
// open de info bar
// @location merken
var b		=	0;
Daar dus.
S

Smoerf

Legacy Member
Ik snap niet waarom je ajax gebruikt om je merken te laden...

Gewoon een simpele js array met daarin je images van je merken zou al meer dan genoeg zijn.

Btw, je merken sneller laten opengaan:
Code: 
// open de info bar
// @location merken
var b		=	0;
var isOpen	=	false;
	function open_info()
	{
		if (b < 60)
		{
[color=red]			b+=5;[/color]
			var box = document.getElementById('merkInfo');
			box.style.height = b + "px";
			setTimeout("open_info()", 1);
		}else{
			b = 60;
			isOpen	=	true;
			document.getElementById('merkInfo').style.display = "block";
		}
	}

Dan heb je 12 stappen ipv 60...
S

Smoerf

Legacy Member
hm, als je geen xml data parsed is het zoiezo al AJAH ipv AJAX.

Nu doe je onclick een http request die de image én het kruisje om te sluiten returned:

http://senzapari.be/pagina/merkenAjax.php?merkId=12
Code: 
<a href="http://www.adidas.com" title="Homepage Adidas" class="merkLink" onclick="window.open('http://www.adidas.com');return false"><img src="/img/merken/adidas.jpg" alt="Adidas Logo" /></a><div id="sluit"><a href="javascript:sluit_info();" title="Sluit merkoverzicht" onclick="sluit_info();"><img src="/img/layout/sluit.gif" alt="sluiten"/></a></div>

Maar omdat ieder prentje toch in dezelfde div moet en dat kruisje er toch altijd bij staat om de boel terug te sluiten kan je evengoed een onload functie schrijven die een http request doet en dit terugkrijgt als http result:

Code: 
adidas.jpg,adidas logo,http://www.adidas.com
merk2.jpg,merk omschrijvingt,http://www.merk.be


Dan kan je mbv javascript heel de boel splitten en in een array pushen zodat je maar 1 keer een ajax request moet doen en bijgevolg 1 query uitvoert om de boel in te laden (dus alle images, links én tooltips).
J

Jellepunk

Legacy Member
Smoerf zei:
hm, als je geen xml data parsed is het zoiezo al AJAH ipv AJAX.

Nu doe je onclick een http request die de image én het kruisje om te sluiten returned:

http://senzapari.be/pagina/merkenAjax.php?merkId=12
Code: 
<a href="http://www.adidas.com" title="Homepage Adidas" class="merkLink" onclick="window.open('http://www.adidas.com');return false"><img src="/img/merken/adidas.jpg" alt="Adidas Logo" /></a><div id="sluit"><a href="javascript:sluit_info();" title="Sluit merkoverzicht" onclick="sluit_info();"><img src="/img/layout/sluit.gif" alt="sluiten"/></a></div>
Maar omdat ieder prentje toch in dezelfde div moet en dat kruisje er toch altijd bij staat om de boel terug te sluiten kan je evengoed een onload functie schrijven die een http request doet en dit terugkrijgt als http result:

Code: 
adidas.jpg,adidas logo,http://www.adidas.com
merk2.jpg,merk omschrijvingt,http://www.merk.be
Dan kan je mbv javascript heel de boel splitten en in een array pushen zodat je maar 1 keer een ajax request moet doen en bijgevolg 1 query uitvoert om de boel in te laden (dus alle images, links én tooltips).
Klik om te vergroten...

jup kan ik idd doen. Bedankt voor het advies. maar zal mijn pagina dan niet wat langer laden dan bedoeld?
S

Smoerf

Legacy Member
Nope, je hoeft maar 1 request te doen, maar je kan altijd een soort lader maken ofzo

Je zet standaar in je div waarin je merken komen "Even geduld, de merken worden geladen..." (of eventueel een image)

En dan haal je je data op en parse je die naar je merkendiv

Er van uitgegaan dat dit je data is in je php pagina
Code: 
adidas.jpg,adidas,http://www.adidas.com
merk.jpg,testmerk,http://www.merk.com

Dan doe je op regel 37 het volgende:
parseData(XMLHTTPObject.responseText);

en script je een functie in de trand van dit:
http://joggink.be/snippets/js/jellePunk/
J

Jellepunk

Legacy Member
uhu, merci voor de vele hulp!

anders nog opmerkingen over het desgin of usabillity?
H

Huey

Legacy Member
Design is te simpel..
Ik begrijp dat je de kleuren van de winkel moet gebruiken maar ik zou opteren voor een donkergrijze / lichtzwarte achtergrond en het oranje gedeelte meer in kleinere details laten uitkomen (zoals pijltjes, het logo..)
Voor de rest knap werk :)
o

orez

Legacy Member
die logo's zijn echt lelijk gemaakt op de merken pagina ...

Gewoon van de site printscreen genomen ofzo?
Er is 1 site for all your logo need: www.brandsoftheworld.com , haal je ze daar af, en sla ze allemaal op met ne witte achtergrond hé... tzal al op veel meer trekken imo.
m

mari

Legacy Member
Da groen vloekt me de rest van de site, en ik zie da opt eerste zicht precies ni als een huiskleur van die winkel, dus mybe aanpasse naar iets dat er beter bij past? Da oranje op da wit zorgt al voor genoeg contrast dus da mag gerust een neutraal kleurtje krijgen ze, bv dat grijs van "pari".
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan