Archief - algoritme : banner voor verschillende resoluties

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.
w

wasser

Legacy Member
hoi,

Als je een banner boven je website zet. Wat wordt dan meestal gebruikt om het probleem van verschillende resoluties op te lossen? Want als je bv een banner ontwerpt van 1024*100 ofzoiets dan zullen mensen met 800*600 resolutie moeten scrollen om hem helemaal te zien.

Wat is de meest gebruikte oplossing hiervoor? Banner maken op 800*100 ofzo? Of 2 banners maken eentje van 1024 en eentje van 800 ofzo? Maar hoe zet je dat dan?

alvast bedankt
C

CyBeRRaT

Legacy Member
via javascript kan je bepalen welke resolutie de gebruiker heeft en dan zou je zo de banner kunnen bepalen. maar echt ideaal lijkt mij dit niet. normaal gezien maak je heel je site voor de resolutie 800*600. vergeet wel niet dat er nog een scrollbalk is!! maak voor de zekerheid je benner MAX 760 breed!
s

servi

Legacy Member
moderator noot :
je topic bevat geen prefix, een verkeerd prefix of heeft een onduidelijke titel.
Gelieve een duidelijke titel met een bijhorend correct prefix te gebruiken.
Voor meer informatie over prefixen kan je terecht op regels en prefixen !!!.
Je topic is aangepast, gelieve in het vervolg er op te letten.
w

wasser

Legacy Member
sorry voor de vergeten prefix...

mja men hele site past zichzelf eigenlijk aan, aan de verschillende resoluties. Alee het tekst gedeelte en de links enzovoort, heel de layout past zich aan als ge op verschillende resoluties de site bekijkt. Of als je de browser vekleint enzo de site verkleint goed mee. ((x)html en css. Maar omdat ik het wat saai vond, had ik nen banner gemaakt om het geheel wat op te fleuren.

Maar toen kwam ik dus met dat probleem (banner gemaakt in photoshop) dat die banner dus niet meer verkleinde (logisch:)).

Dus ik kan de banner op 760*100 maken maar dan vind ik het niet meer zo geslaagd als je de site bekijkt op 1024*100. Gaat zo een script alles vertragen ofzo?
Z

Zero Grav

Legacy Member
uhm sorry hoor maar ik zei net toch wel "header" als'k mij niet vergis.
een banner is een afbeelding over je eigen site die je op een andere site plaatst om reclame te maken.

Een header is een afbeelding om bovenaan op uw site te zetten.
w

wasser

Legacy Member
awel ja nen header dus :)

ma diene header is dus ne gewone foto eigenlijk
a

aXl_

Legacy Member
Je maakt je header in photoshop
Je drukt onderaan op de knop 'switch to imageready' alwaar je je header sliced.
*dit houdt in in stukjes verdelen. Je maakt een slice die het linkse deel van je header omvat, een slice in het midden die maar 1 px breed is en die een neutraal deel van je header omvat (een deel dat mag uitgerokken worden). De rechtse slice is de rest.

Je klikt op file/save optimized as
Je zoekt de gif files op in de map 'images'. Die images geef je dan op je site weer als volgt:

Code: 
<table width='100%' border='0' cellspacing='0'>
 <tr>
  <td><img src='images/header_01.gif' alt='' /></td>
  <td class='header_spacer' width='100%'>&nbsp;<!--dit gedeelte wordt uitgerokken--></td>
  <td><img src='images/header_03.gif' alt='' /></td>
 </tr>
</table>

hier hoort wel de volgende class bij in css:

.header_spacer{
background-image: URL('images/header_02.gif');
}

Je header wordt nu weergegeven op je pagina. Is minstens zo breed als dat je em gemaakt hebt. Indien het venster vergroot wordt dan wordt dat middelste deel (de slice van 1 px breed) uitgerokken voor alle ruimte die er overschiet.
D

DarkBone

Legacy Member
Toch even opmerken dat niet alle headers zich daartoe lenen, ik zeg dit vooral omdat hij zegt dat het een foto is. In dat geval zal die methode niet echt bruikbaar zijn vrees ik, en zal hij gewoon een vaste breedte moeten hanteren, of de header aanpassen.
w

wasser

Legacy Member
mja met foto bedoelde ik eigenlijk da ik het had omgezet in ne jpg. Ma tis wel duidelijk iets dak zelf gemaakt heb in photoshop. Gewoon nen achtergrondkleur en daar dan wa effecten op. Dus als da systeem werkt van die middenste pixel zou het wel kunnen lukken denk ik.

Ik moet nu spijtig genoeg op familiebezoek ma morgen meteen is uitproberen!!!

alvast bedankt!!!!!
w

wasser

Legacy Member
hoi,

ik ben da slicen is aant proberen ma da wil nie echt lukken, ik kan namelijk ImageReady niet opendoen. Geeft error bij het opstarten. Ik heb het in 3 stukken verdeeld maar als ik het opsla is het nog steeds 1 foto (en geen 3).
w

wasser

Legacy Member
never mind ik denk dat het gelukt is (het slicen toch)

maar het effect is idd wel raar, er zitten 2 kleine witte balkskes in waar de 'scheur' gemaakt is. En er komen rare herhalingen in voor :(
b

b0rt

Legacy Member
kzou toch kiezen voor een vaste banner
der zijn namelijk veel mensen die alleen in vensterkes werken (dus ni vergroot), en dan blijft het scrollen he...
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