Forum smaller met verticale reclame

[mauser]

Hallo,
Weet iemand hoe je het forum smaller maakt én er dan voor kan zorgen dat je aan weerszijde (verticale) reclame kunt plaatsen? Alvast dank,
Mauser

[Gamemaniak]

Ja, dat is natuurlijk mogelijk door de grote van je forum aan te passen en je forumlijst zo aan te passen:

Code: Selecteer alles

<table>
<tr>
reclame links
<td>
</td>
<td>
forum content
</td>
<td>
reclame rechts
</td>
</tr>
</table>

Ik hoop dat je het zo snapt

[Ger]

Heb hier zelf ook eens mee geëxpirimenteerd. Het forum smaller maken doe je zo.
Voor de reclameblokken zijn de volgende stappen nodig:

OPEN
./styles/prosilver/theme/common.css

FIND

Code: Selecteer alles

#wrap {
	padding: 0 20px;
	min-width: 650px;
}

AFTER, ADD

Code: Selecteer alles

#linkerkolom {
   float: left; 
   width: 100px;
   position: relative;
   left: -100px;
}

FIND

Code: Selecteer alles

#page-body {
	margin: 4px 0;
	clear: both;
}

AFTER, ADD

Code: Selecteer alles

#rechterkolom {
   float: right;
   width: 100px;
   position: relative;
   right: -100px;
}

OPEN
./styles/prosilver/template/overall_header.html

FIND

Code: Selecteer alles

<a name="start_here"></a>

AFTER, ADD

Code: Selecteer alles

<div id="linkerkolom">inhoud linkerkolom</div>

OPEN
./styles/prosilver/overall_footer.html

FIND

Code: Selecteer alles

<div id="page-footer">

BEFORE, ADD

Code: Selecteer alles

<div id="rechterkolom">inhoud rechterkolom</div>

Formaten en exacte plaatsing kun je mee spelen natuurlijk.

Trouwens even onder voorbehoud hoor, ik kan niet meer terugvinden hoe ik het exact heb gedaan.

[mauser]

bedankt voor de reacties.
ik heb even die van jou gebruikt ger want die van game snap ik niet helemaal nee het forum versmallen is gelukt en ziet er wel beter uit zo. als ik doe wat je zegt en bijv de 'inhoud linkerkolom' vervang door http://www.egypteforum.nl/styles/prosil ... hiero1.gif , dan komt die tekst er te staan ipv het plaatje. weet je wat ik dan moet veranderen? alvast dank.

(bovenstaande opgelost... was ff een kwestie van dit toevoegen voor degene die net zo min weten als ik en een beetje aan het aanklooien zijn

Code: Selecteer alles

<div id="linkerkolom"><a href="http://www.egypteforum.nl" target="_blank"><img src="http://www.egypteforum.nl/styles/prosilver/imageset/egyptehiero.gif" width="152" height="617"></a></div>

)

dus nu heb ik het plaatje wat ik wil hebben maar het "leuke" is, die komt op een nieuwe regel zeg maar. ik kan me herinneren dat je een keer aan hebt gegeven dat elke divje een nieuwe enter is en je gaf me toen wat nieuws wat het probleem oploste. dat had toen te maken met de weerboxen bovenaan mijn pagina. weet jij hoe ik nu dan die plaatjes/later evt banners gewoon ernaast krijg? ik heb iig de px op -170 gezet zodat ie er ook echt naast past ipv -100.

[Ger]

Wilde het even bekijken door me te registreren, maar om de een of andere reden kom ik iedere keer weer bij de registratievoorwaarden uit zodra ik mijn gegevens heb ingevuld. Zou ik even een supporttopicje voor maken als ik jou was.

Over dit probleem: die kolommen komen op plaatsen waar ze logischerwijs zouden moeten komen. In principe, zoals het nu aangegeven is, zou het eerst de linkerkolom moeten zijn, daaronder het forum en daaronder weer de rechterkolom. Dat willen we natuurlijk niet, daarom geven we in de CSS dit mee:

Code: Selecteer alles

   position: relative;
   right: -100px;

Hiermee geef je aan de division 100 pixels verplaatst moet worden, relatief gezien vanaf de natuurlijke positie. Als je ze wat hoger of lager wil hebben, dan moet je daar iets van maken als

Code: Selecteer alles

   position: relative;
   right: -100px
   top: 100px;

Dan komt die division 100 pixels lager dan het normaalgesproken zou komen. Speel er maar eens mee, dan wordt het je vanzelf duidelijk denk ik (en da's altijd beter dan het zomaar voorgekauwd krijgen. )

[mauser]

helemaal mee eens... ik ben even wezen proberen met van alles en ik krijg uiteindelijk idd dat plaatje wel waar ik wil hebben maar, nu gaat heel mijn forum ook mee dus als ik dat plaatje bijv 500px naar beneden wil hebben, dan komt dat heel netjes naast mijn forum te staan maar heel mijn forum is dan ook gedaald... ofwel, je ziet mijn site logo, een banner in/uitloggen enzo... dan een hele tijd niks en dan begint mijn forum wat moet ik daar aan veranderen omdat gewoon te behouden?

en dat registreren is vaag zeg. bagger ik zal es kijken als ik me registreer of ik dat ook heb. dat kost natuurlijk leden

[Ger]

Registreren is inmiddels na aardig wat pogingen gelukt, maar er lijkt iets niet goed te gaan met sessies/cookies als ik het zo bekijk.

Blijkt echter dat je daar niets gedaan hebt.
Je bent zeker op een testforum bezig? Heb je daar een linkje van ofzo?

[mauser]

nope, xou niet eens weten hoe dat moet maar idd, soms heb ik dat dus ook. als ik even onder een andere naam wil inloggen dan moet het soms ook twee keer en als ik dan m'n eigen naam weer gebruik met automatisch inloggen moet dat soms ook twee keer maar moet ik daar dan iets legen ofzo?

[mauser]

zijn er misschien andere termen ipv "relative" nodig oid? ik krijg ze maar niet goed. wel netjes naast elkaar maar die ruimte is veel te groot. je moet nu een meter naar beneden scrollen wil je (wel netjes met plaatje ernaast ) mijn forum zien

[Ger]

Zonder dat ik het met eigen ogen zie, kan ik weinig. En op egypteforum zie ik helemaal niets van banners aan de zijkant. Heb je een linkje?

[mauser]

nee klopt omdat dat geen gezicht is ik zal als ik thuis ben ff een screenshot maken.

[mauser]

goed. heb even een plaatje neergezet (en direct weer weggehaald ) maar zo ziet het er dan uit.


je hebt dus de sitelogo---> forumoverzicht e.d. en dan een hele tijd niks en dán het forum pas. (die banner die je ziet is dus niet de sitelogo, die zie je hier dus niet want die staat nog meer naar boven) even niet op de locatie van het rechterplaatje letten want die staat uiteraard niet goed maar dat is even om aan te geven wat er precies gebeurt anders zie je helemaal niks. in de common.css staat dus dit

Code: Selecteer alles

#rechterkolom {
   float: right;
   width: 100px;
   position: relative;
   right: -100px;
   top: 400px

met die 400 speel ik dan om em naar beneden te krijgen en in de overall header plaats ik dan

Code: Selecteer alles

<div id="rechterkolom"><a href="http://www.egypteforum.nl" target="_blank"><img src="http://www.egypteforum.nl/styles/prosilver/imageset/egyptehiero.gif" width="152" height="617"></a></div>

any idea?

[Ger]

Je hebt hem vanaf de top 400px naar beneden gezet. Haal die eens weg?
Zul je misschien denken waarom dat bij de rechterkant weg moet terwijl ik je vertelde dat het bij de linkerkant erbij moest: dit komt omdat je eigenlijk deze volgorde hebt:
1. header met logo enz
2. linkerkolom
3. forumbody
4. rechterkolom
5. footer

Aangezien je 2, 3 en 4 naast elkaar wil hebben, moet je 2 omlaag halen en 4 omhoog. Door die 400px weg te halen zal het waarschijnlijk nog niet helemaal goed staan, maar je moet er gewoon even mee spelen totdat het zo staat zoals je het wil hebben.

Overigens: je div is maar 100px breed, je afbeelding 152. Dat gaat in IE goed, maar volgens mij in Opera en Firefox niet. De div moet genoeg ruimte bieden voor wat je erin zet.

[mauser]

de div breedte heb ik aangepast. wat het andere betreft haalt het helaas niks uit. het blijft hetzelfde probleem. ik probeerde em juist rechts te zetten omdat links dit probleem ook gaf en ik d8 dat dat misschien kwam omdat mijn forum schijnbaar niet goed gecentreerd staat en daarom links te weinig ruimte had. maar ik moet die 400 er juist bij zetten, ook rechts, want anders krijg ik mijn afbeelding niet naar beneden. dan krijg je dus eerst nr. 1---> dan een van de kolommen---> en dan pas het forumbody. heeft dit te maken met dat een div altijd een nieuwe enter krijgt? want de ruimte tussen nr1 en een van de plaatjes is precies zo groot als een van de plaatjes. sneppie

[Ger]

Het klopt dat divs standaard op een nieuwe "regel" beginnen. Beter gezegd, standaard komen alle divs onder elkaar, maar met behulp van CSS zet je hem neer waar je wilt.
Verder zou ik hiervoor eens in de opbouw van ProSilver moeten duiken. Heb me daar nooit zo mee bezig gehouden. Ook is jouw template inmiddels zodanig verbouwd, dat het sowieso een beetje een zoektocht wordt (zie ook eerdere opmerking in ander topic om een keertje vanaf scratch weer alles op te bouwen).

Misschien wel "lullig" dingetje waar het aan kan liggen: is de CSS wel goed afgeloten? Ik zie in je stukje code van #rechterkolom geen ; op het eind en geen }.

[mauser]

yep die staat er wel alleen had ik niet gecopieerd. ja ik weet wat je zei over dat zooitje bij me. ik zal eens kijken of ik het aandurf om alles er opnieuw op te zetten. ik heb alleen de twee templates naast elkaar gelegd en natuurlijk zie je wel verschil maar over het algemeen ziet het er hetzelfde uit keb die wundergrounds iig weggehaald. ook wat meer rust op de site