Layout LIMIT.FM
Ik was vereerd om voor LIMIT.FM, een nieuw internetradiostation een site te bouwen. Ze willen de grootste van Nederland worden zeggen ze, maar ok het gaat ff om de layout...
Succes ziet er goed uit, "Nu op LIMIT.FM" zou ik iets duidelijke maken even als een link/afbeelding naar de daadwerkelijke stream!
Verder niets op aan te merken.
In Safari ziet hij precies hetzelfde eruit als in Firefox, dus ik neem aan dat hij het ook goed doet in Safari :) Enige aanmerking is dat ik bij de tabbladen 'nieuws' & 'archief' niet kan zien welke nu actief is. En er zit bij dat vak nog een voor mij onverklaarbare witte lijn links.
EDIT: en voor opera hoef je volgensmij maar 1 kleine aanpassing te maken ;) ziet er mooi uit.. en in IE7 doet hij het ook precies hetzelfde :P ziet er mooi uit, lekker speels, maar draait nog niet helemaal goed in Opera.
@Axel: Hmm, geen flauw idee hoe ik dat moet oplossen.....als ik de waarden aanpas gaat het waarschijnlijk in IE of FF weer mis!? @Ponzi: Qua kleurstelling wel ja.... maar de klant wilde dat graag.. :D
Het probleempje zoals hierboven besproken is denk ik omdat je met een tabel werkt (ik heb geen idee want waarom je het doet met een float:right: en de goede margins kom je er ook...)
Als je toch met de tabel wilt blijven werken moet je je text style ook toepassen op het table element...
edit zoveel:
In IE7 is achter het nieuws ook nog wat raars te zien aan de linkerkant. daar zie je in het kantlijntje de rondingen nog 2 keer doorlopen... ik vind het een leuke layout maar ik vind dat helemaal onderaan de banner niet in de stijl van de site past. En ik zou bovenaan die tekst ook anders doen. Ik zou denk ik het in dezelfde vakje doen alleen dan met een zwart lijntje. Zie je dat het apart is en het valt net iets minder op dan de overige witte vakjes...
Sluit ik me helemaal bij aan... Voor de rest houden zo. Kijk maar eens in je HTML broncode:
even over het eerste gedeelte:
De twee losstaande dingen (banner en de tekst bovenaan) had ik liever ook in zo'n mooi vakje gehad. Allen dan zou ik gaan voor een zwart vakje, hierdoor geef je onbewust aan dat het niet belangrijker is dan de rest... (wit is dominanter dan zwart) Ik zie toch echt dit in je broncode staan:
- Rechtsonderaan bij die tabbladen van Archief en Nieuws slecht afgewerkt zie foto hieronder:
- Achtergrond is erg saai alleen blauw. Doe daar nog niets mee maak een gradiant of iets dergelijk vanaf boven en laat de rest 1 kleur zijn.
- Het Menu is ook erg saai, aangezien je ruimte genoeg hebt kan je daar eventueel nog mooie buttons maken. Kan iig stukken beter dan het nu is imo.
Dat was het wel zon beetje voor nu :P Vind hem beetje saai overkomen.
@thijs: Saai!? Wat wilde je er dan nog aan veranderen? :s, achtergrond is prima zo, verder kan ik idd nog naar het menu kijken, maar zoals al gezegd: de site is voor een klant
@WillemJan: Klopt, die layout heb ik veranderd voor ze....
@Jason: Valt wel mee hoor.... en de klant is koning nietwaar? @Marien: Hey dat is gewoon een tabel om een afbeelding naast de tekst te zetten.... de site zelf is opgezet in divs
Ik vind de achtergrond niet saai, maar je kan hem misschien nog leuker maken omdat het toch niet zo'n strakke site hoeft te zijn. Kijk bijvoorbeeld eens naar 3fm.nl of geenstijl.nl. Het voegt wel weer net wat toe.
Ook ik zou de tabbladen zo maken dat je kan zien of je bij archief of nieuws bent. Ik zelf persoonlijk zou die 2 items ook wisselen met elkaar.
Ik vind het menu zo niet mooi, alleen maar onderstreepte links. Daar zou je ook meer mee kunnen doen. Leuke opzet.
mooie website, lekker speels. Ik heb eigenlijk geen op of aanmerkingen :)
Succes
@BGP: Er komen vier afbeeldingen op met links naar de streams natuurlijk.
Ziet er leuk uit. Ik zou alleen die tabbladen op Home ook met JavaScript doen, zodat je geen refresh nodig hebt. Als je dan geen JS (aan) hebt, kun je altijd nog de link erachter gebruiken.
Verder niets op aan te merken.
In Safari ziet hij precies hetzelfde eruit als in Firefox, dus ik neem aan dat hij het ook goed doet in Safari :)
EDIT: en voor opera hoef je volgensmij maar 1 kleine aanpassing te maken ;)
Gewijzigd op 01/01/1970 01:00:00 door Leroy Boerefijn
@All: bedankt voor de tips!
Ziet er wel leuk uit, maar trekt enorm hard op jouw vorige website. Ben eventjes de link vergeten, maar er stonden allerlei citaten op ;-) .
@Axel: Hmm, geen flauw idee hoe ik dat moet oplossen.....als ik de waarden aanpas gaat het waarschijnlijk in IE of FF weer mis!?
Het probleempje zoals hierboven besproken is denk ik omdat je met een tabel werkt (ik heb geen idee want waarom je het doet met een float:right: en de goede margins kom je er ook...)
Als je toch met de tabel wilt blijven werken moet je je text style ook toepassen op het table element...
edit zoveel:
In IE7 is achter het nieuws ook nog wat raars te zien aan de linkerkant. daar zie je in het kantlijntje de rondingen nog 2 keer doorlopen...
Gewijzigd op 01/01/1970 01:00:00 door Marien xD
BPG schreef op 22.03.2007 20:57:
ziet er goed uit, "Nu op LIMIT.FM" zou ik iets duidelijke maken even als een link/afbeelding naar de daadwerkelijke stream!
Succes
Succes
Sluit ik me helemaal bij aan... Voor de rest houden zo.
@Marien: Ik heb de site in divs en css opgebouwd dus ik weet niet waar je die tabellen vandaan haalt!? En het eerste stuk van je verhaal vat ik niet zo, misschien moet je dat ff iets verduidelijken ;)
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
<div class="nieuws">
<table border="0">
<tr>
<td width="200"><b>Kelly Clarkson Meet&Greet</b><br /> Donec ornare. Vestibulum sollicitudin. Quisque quam velit, pulvinar eget, pretium vel, sagittis nec, sem. Integer felis ligula, consectetuer et, volutpat non, feugiat a, velit. Fusce faucibus felis vel justo. Pellentesque id ligula eu ante condimentum scelerisque. Fusce sit amet dui sit amet lacus malesuada pharetra. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed ipsum lorem, pulvinar et. </td>
<td width="170"><img src="014.jpg" alt="Kelly Clarkson"> </td>
</tr>
</table>
</div>
<table border="0">
<tr>
<td width="200"><b>Kelly Clarkson Meet&Greet</b><br /> Donec ornare. Vestibulum sollicitudin. Quisque quam velit, pulvinar eget, pretium vel, sagittis nec, sem. Integer felis ligula, consectetuer et, volutpat non, feugiat a, velit. Fusce faucibus felis vel justo. Pellentesque id ligula eu ante condimentum scelerisque. Fusce sit amet dui sit amet lacus malesuada pharetra. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed ipsum lorem, pulvinar et. </td>
<td width="170"><img src="014.jpg" alt="Kelly Clarkson"> </td>
</tr>
</table>
</div>
even over het eerste gedeelte:
De twee losstaande dingen (banner en de tekst bovenaan) had ik liever ook in zo'n mooi vakje gehad. Allen dan zou ik gaan voor een zwart vakje, hierdoor geef je onbewust aan dat het niet belangrijker is dan de rest... (wit is dominanter dan zwart)
- Rechtsonderaan bij die tabbladen van Archief en Nieuws slecht afgewerkt zie foto hieronder:
- Achtergrond is erg saai alleen blauw. Doe daar nog niets mee maak een gradiant of iets dergelijk vanaf boven en laat de rest 1 kleur zijn.
- Het Menu is ook erg saai, aangezien je ruimte genoeg hebt kan je daar eventueel nog mooie buttons maken. Kan iig stukken beter dan het nu is imo.
Dat was het wel zon beetje voor nu :P
Arendjan, ik check die site die in je naampje staat (www.zegdatniet.nl) en die 2 (zegdatniet.nl en deagle.nl/limit) lijken wel verdomd veel op elkaar!
@thijs: Saai!? Wat wilde je er dan nog aan veranderen? :s, achtergrond is prima zo, verder kan ik idd nog naar het menu kijken, maar zoals al gezegd: de site is voor een klant
@WillemJan: Klopt, die layout heb ik veranderd voor ze....
@Jason: Valt wel mee hoor.... en de klant is koning nietwaar?
Ik vind de achtergrond niet saai, maar je kan hem misschien nog leuker maken omdat het toch niet zo'n strakke site hoeft te zijn. Kijk bijvoorbeeld eens naar 3fm.nl of geenstijl.nl. Het voegt wel weer net wat toe.
Ook ik zou de tabbladen zo maken dat je kan zien of je bij archief of nieuws bent. Ik zelf persoonlijk zou die 2 items ook wisselen met elkaar.
Ik vind het menu zo niet mooi, alleen maar onderstreepte links. Daar zou je ook meer mee kunnen doen.