Mogelijkheden hoofdpagina doorklik vensters

[scootmobiel]

• Modificatie & Versie:pro formell
  Directe link naar de modificatie:
  Adres van je forum: http://www.hetscootmobielforum.nl
  phpBB versie:3.0.12
  Heb je onlangs een andere modificatie of stijl geïnstalleerd?nee
  
  Wat is het probleem?

Om zoveel mogelijk in de huisstijl van mijn webwinkel te blijven wil ik wellicht het volgende realiseren.
Dat het mogelijk is om een aparte startpagina op je forum te maken is me bekend.
Nu is mijn vraag of het ook mogelijk is om op een startpagina synchroon aparte vensters met afbeeldingen te plaatsen die doorverwijzen naar de betreffende forum categorie. Hetzelfde als in de webwinkel op de hoofdpagina gebeurd. http://www.scootmobielbenodgdheden.nl

Hoe pak ik dit aan ?
Met een duwtje en wat adviezen in de goede richting kom ik meestal wel een eind.


Alvast bedankt.

[Ger]

De basis is gewoon dit: http://wiki.phpbb.nl/3.x/Extra_pagina
Daarna maak je voor iedere categorie een afbeelding aan. Die kun je dynamisch koppelen via de database of -eenvoudiger maar minder flexibel- gewoon hard definiëren in je extra pagina. Alternatief is dat je de afbeeldingen in een centrale directory plaatst en dan als naam {forum_id}.jpg oid geeft zodat je het alsnog enigszins dynamisch houdt.

Verder is het een kwestie van een loop maken over alle forums die de gebruiker mag zien met forum_type 0 (categorie) en daar block_vars voor opbouwen en naar de template sturen. Hoe dat in zijn werk gaat lees je hier.

[scootmobiel]

Ik kom er niet helemaal aan uit.
Ben nog niet helemaal thuis in html.
De pagina aanmaken en een venster plaatsen met een betreffende link, lukt.
Zie: http://www.hetscootmobielforum.nl/homepage.php
Echter krijg ik de vensters niet naast elkaar.

Ik gebruik de volgende code

<!-- INCLUDE overall_header.html -->
<a href="http://www.hetscootmobielforum.nl/viewforum.php?f=1"> img src="https://static.webshopapp.com/shops/013 ... enster.png" border="0" /></a><br><a href="http://www.hetscootmobielforum.nl/viewforum.php?f=1"> <img src="https://static.webshopapp.com/shops/013 ... enster.png" border="0" /></a>


<!-- INCLUDE overall_footer.html -->

De volgende punten zou ik graag uitgelegd hebben.

1.Het stukje van de loop is mij niet duidelijk, is de manier die ik nu hanteer niet correct ?
2.Ik zou graag 4 vensters boven en 4 vensters onder plaatsen, maar krijg de vensters niet naast elkaar,welke code dien ik te gebruiken ?
3.Als de boel straks eenmaal staat, hoe zorg ik dat de homepage dan als eerste pagina verschijnt ?
4. Achtergrond kleur van de homepage pagina zou ik graag aanpassen, hoe doe ik dit ?


Alvast bedankt voor het meedenken.

[Theriddler]

2) http://www.w3schools.com/html/html_layout.asp
3) wijzig .htaccess bestand en plaats helemaal onderin

Code: Selecteer alles

DirectoryIndex naamvoorpagina.html index.php index.html index.htm

vervang naamvoorpagina.html met de naam welke je als voorpagina wilt hebben.

4) bijvoorbeeld

Code: Selecteer alles

<STYLE TYPE="text/css">
<!--
#page-body { color: #FFFF00 !important; background-color: #000000 !important; }
-->
</STYLE>

Ik heb helaas even geen tijd dit verder voor je uit te werken maar je kunt beter werken met div containers en wat hulp van css om alles op de juiste plaats te krijgen

[scootmobiel]

Ik ben wat bezig geweest met de div tag maar krijg het niet naast elkaar.
De mogelijkheid left,right center zijn er welliswaar maar de vensters worden steeds weergegeven op een nieuwe regel i.p.v. naast elkaar.
Verdere uitleg omtrent de css op diverse website's geeft mij niet echt een duidelijk antwoord.
wat moet ik hieraan toevoegen/veranderen ?

<!-- INCLUDE overall_header.html -->

<DIV ALIGN="center">

</a><br><a href="http://www.hetscootmobielforum.nl/viewforum.php?f=1"> <img src="https://static.webshopapp.com/shops/013 ... enster.png" border="0" /></a></a><br><a href="http://www.hetscootmobielforum.nl/viewforum.php?f=1"> <img src="https://static.webshopapp.com/shops/013 ... enster.png" border="0" /></a><br><a href="http://www.hetscootmobielforum.nl/viewforum.php?f=1"> <img src="https://static.webshopapp.com/shops/013 ... enster.png" border="0" /></a><br><a href="http://www.hetscootmobielforum.nl/viewforum.php?f=1"> <img src="https://static.webshopapp.com/shops/013 ... enster.png" border="0" /></a>

</DIV>

<!-- INCLUDE overall_footer.html -->

[Ger]

De <br> is niet zinvol, dat is een linebreak ("enter"). Die kun je dus weghalen.
Verder zou ik als ik jou was de afbeeldingen als CSS eigenschap float: left; meegeven (via een class of via het style= attribuut). Op die manier zet je ze naast elkaar voor zover dat binnen de pagina past (wanneer het niet pas wordt automatisch op de volgende "regel" verdergegaan). Daarna kun je wat spelen met margins om er wat ruimte tussen te houden.

[Theriddler]

voorbeeld:

Code: Selecteer alles

<!-- INCLUDE overall_header.html -->

<STYLE TYPE="text/css">
#page-body { color: #FFFF00 !important; background-color: #000000 !important; }
img { margin: 0 0 5px 5px; border:0px; }
</STYLE>

<div style="text-align:center;width:100%;float:left;border:0px;">
<a href="http://www.hetscootmobielforum.nl/viewforum.php?f=1"><img src="https://static.webshopapp.com/shops/013643/files/007345611/test-venster.png" /></a><a href="http://www.hetscootmobielforum.nl/viewforum.php?f=1"><img src="https://static.webshopapp.com/shops/013643/files/007345611/test-venster.png" /></a><a href="http://www.hetscootmobielforum.nl/viewforum.php?f=1"><img src="https://static.webshopapp.com/shops/013643/files/007345611/test-venster.png" /></a><a href="http://www.hetscootmobielforum.nl/viewforum.php?f=1"><img src="https://static.webshopapp.com/shops/013643/files/007345611/test-venster.png" /></a>
</div>

<!-- INCLUDE overall_footer.html -->

[scootmobiel]

Ik ben al aardig wat verder maar krijg de venster-categorieën niet (apart van de header ) los uit elkaar.
Zodra ik met de margin ga spelen gaat de header ook weer mee.
Header staat op dit moment goed.
Is het mogelijk om aan het blok met de venster-categorieën een losse margin functie toe te voegen, zonder dat dit van invloed is op de header ?
Ik wil het begin van de venster-categorieën gelijk krijgen met de header en dan tussen de aparte vensters een ruimte.
Ik weet dat ik alles gelijk kan krijgen door met de marge te spelen maar moet daarna dan ook weer de complete breedte van het forum venster smaller maken om de boel een beetje netjes te houden.
Mijn voorkeur gaat erna uit om de breedte van het venster waarbinnen de categorieën / header etc vallen zo te behouden.
Iemand een suggestie ?

Mvg

Denny

Code: Selecteer alles

<!-- INCLUDE overall_header.html -->

<STYLE TYPE="text/css">
#page-body { color: #cccccc !important; background-color: #cccccc !important; }
img { margin: 0 0 1px 1px; border:0px; }
</STYLE>

<div style="text-align:center;width:100%;float:center;border:10px;">
<a href="http://www.hetscootmobielforum.nl/ucp.php?mode=register&sid=484f74a7290d908734b7b885ba96a492"><img src="https://static.webshopapp.com/shops/013643/files/007637152/header-netjes.png" /></a><div style="text-align:left;width:100%;float:left;border:1px;"><h2>Categorieën </h2></div><br><br><br>
<a href="http://www.hetscootmobielforum.nl/viewforum.php?f=1"><img src="https://static.webshopapp.com/shops/013643/files/007633251/algemeen-scootmobiel-goed200.png" /></a><a href="http://www.hetscootmobielforum.nl/viewforum.php?f=21"><img src="https://static.webshopapp.com/shops/013643/files/007633288/scootmobiel-club-goed200.png" /></a><a href="http://www.hetscootmobielforum.nl/viewforum.php?f=22"><img src="https://static.webshopapp.com/shops/013643/files/007633291/cursus-goed-aangepast200.png" /></a><a href="http://www.hetscootmobielforum.nl/viewforum.php?f=14"><img src="https://static.webshopapp.com/shops/013643/files/007633298/ervaringen-goed200.png" /></a><a href="http://www.hetscootmobielforum.nl/viewforum.php?f=13"><img src="https://static.webshopapp.com/shops/013643/files/007633328/marktplaats-goed200.png" /></a><a href="http://www.hetscootmobielforum.nl/viewforum.php?f=18"><img src="https://static.webshopapp.com/shops/013643/files/007633359/routes-goed200.png" /></a><a href="http://www.hetscootmobielforum.nl/viewforum.php?f=24"><img src="https://static.webshopapp.com/shops/013643/files/007633365/technisch-goed200.png" /></a><img src=" https://static.webshopapp.com/shops/013643/files/007633367/koffiecorner-goed200.png" /></a>
</div>

<!-- INCLUDE overall_footer.html -->

[scootmobiel]

niemand ?