Sponsor balk html code of java script

Status
Niet open voor verdere reacties.
C

creepher

Gebruiker
Lid geworden
3 feb 2011
Berichten
96
Hallo

Ik wil graag een doorlopende balk boven in de site hebben,
waar ik de foto's van de sponsors in kan zetten met tekst erboven
en dat de foto's van rechts naar links blijven lopen.
Het zijn allemaal jpg files, ik heb de website met Studio Webdesign 5 Pro
gemaakt.
Ik ben nog echt een leek wat betreft website's maken dus maak het niet te moeilijk voor mij aub zodat ik het wel nog begrijp.
Hopelijk kan mij iemandt helpen bijvoorbaad dank ik al iedereen.

Groetjes Creepher:thumb:
 
Bedoel je een soort van diashow met de advertenties?
 
Bedoel je mischien iets als een marquee?


[marquee]kijk, zo![/marquee]
 
Hoi hoi

Zoals That Guy laat zien maar kan dat ook met jpg foto's en tekst tegelijkertijd.

Mvgr Creepher
 
Dus zoiets? www.developerscorner.nl/csshunter/tests/test-filmstrook.htm
Zie de broncode voor hoe het gedaan is.

Dat zal vermoedelijk niet 1-2-3 in Studio Webdesign 5 Pro gaan, want je moet weer in de code-weergave aan de slag (> Kladblok!).

Met vriendelijke groet,
CSShunter

[edit]Ho, ik reageerde op nr. #3 en zie dat er in de tussentijd een riedeltje kruisposten tussen zitten. :)
Het kan in principe ook met containertjes (elk met foto + onderschrift) die je achter elkaar aan laat hollen.[/edit]
 
Laatst bewerkt:
Hoi CSShunter

Dat is nu precies wat ik bedoel hoe moet ik zoiets nu maken.
en moeten de jpg files dan ook alle maal dezelfde maat hebben

Mvgr Creepher
 
Hoi creepher ,
In het voorbeeld maakt de breedte van een plaatje niet uit: er is één grote, gecombineerde jpg-strook gebruikt, waar ze allemaal in zitten.
Het makkelijkste is, om de teksten ook in die strook op te nemen: er boven of er onder in het plaatje zelf.

Maar moeten die sponsors ook elk op hun eigen plaatje aan te klikken zijn om naar hun site te gaan? Dan gaat het niet met één strook; dan moeten er losse elementen komen. Die moeten wel even hoog zijn, anders staat het zo lelijk, maar ze hoeven niet even breed te zijn. - Verder moet het dan een ander javascript worden!

Met vriendelijke groet,
CSShunter
 
Hoi CSShunter

Ik zou willen vragen kijk eens op onze site http//www.phvds73.nl
onder sponsors daar staan de jpg foto's
en ja het zou zeker leuk zijn als je op hun plaatje klikt om dan op hun website uit te komen
zou jij zo'n script kunnen of beter gezegd willen maken als ik jou de foto's alle maal bezorg.

Mvgr Creepher
uit Limburg
 
Hoi Creepher,
Ik zat eens te overwegen:
  • Bij een bewegende banner-strook denk ik altijd: "Ah, het beweegt, dat is zeker de reclame", en dan kijk ik nooit naar wat er op staat, want ik zit niet te wachten op reclame.
  • Of ik kijk met frisse tegenzin, want ik heb een hekel aan bewegende dingen op mijn scherm: die leiden af van wat er aan tekst op staat die ik wil lezen.
  • En ik denk dat er meer mensen zijn, die zo omgaan met bewegende reclamestroken...
Maar is het eigenlijk wel nodig om er een bewegende strook van te maken? De 5 sponsors passen er in de breedte mooi naast elkaar op. Dan kan het net zo goed een niet bewegende strook zijn: veel rustiger!
De strook kan natuurlijk ook helemaal onderaan komen te staan, of nog ergens anders. Wat dacht je daarvan?

Met vriendelijke groet,
CSShunter
 
Hoi
Dat ziet er ook goed uit, ik neem aan dat dit niet al te moeilijk
Is om te maken.

Groetjes creepher
 
ik neem aan dat dit niet al te moeilijk is om te maken.
Klik om te vergroten...
Klopt, het is al gemaakt! ;)

  • Gebruikte plaatjes downloaden.
  • In de broncode zie je dat de html heel eenvoudig is:
    HTML: 
    <ul id="strook">
	<li><a href="#"><img src="images/vanmeel.png" width="172" height="100" alt="" /></a></li>
	<li><a href="#"><img src="images/derikx.png" width="172" height="100" alt="" /></a></li>
	<li><a href="#"><img src="images/kwinten.png" width="172" height="100" alt="" /></a></li>
	<li><a href="#"><img src="images/lemmers.png" width="172" height="100" alt="" /></a></li>
	<li class="last"><a href="#"><img src="images/rijwielcentrum.png" width="172" height="100" alt="" /></a></li>
</ul>
  • Even kopieren en inplakken op de goede plek in jouw code.
  • Ook de css-styles voor de #strook uit de <head> even overnemen.
  • Pagina en plaatjes uploaden.
  • Klaar en kijken maar! :)
Met vriendelijke groet,
CSShunter
 
Het lukt me niet

Hoi CSShunter

Helaas lukt het mij niet en het zijn nu 6 sponsoren geworden.
mijn kennis is toch nog niet zo ver denk ik met Studio Webdesign 5 Pro
is het eigenlijk makkelijk om een site te maken maar helaas ook beperkt
als je geen echte kennis er van hebt.
Maar toch bedankt voor je moeite

Mvgr Creepher:thumb:
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan