Vraag over plaatsen van een afbeelding naast forumlogo

[zoef]

• Adres van je forum: http:// http://www.lotgenotengroep-hetkeerpunt.nl/phpBB3/
  Event. modificaties op je forum:
  Wanneer ontstond het probleem?
  phpBB versie:
  
  
  Heb je onlangs iets veranderd aan je forum?
  Wat is het probleem?

De dikke blauwe hoofdbalk (heeft zoiets een naam?) van m'n forum, waar het forumlogo (cirkel met vlinder) is geplaatst geeft een lege indruk.
Ik zou naast het logo, wel één of meerdere afbeeldingen in willen plaatsen.
Wat moet ik hiervoor precies doen?
Is er ook iets waar ik dan speciale aandacht aan moet geven?

Al vast dank voor reacties

[Pola]

De dikke blauwe hoofdbalk (heeft zoiets een naam?) van m'n forum, waar het forumlogo (cirkel met vlinder) is geplaatst geeft een lege indruk.

We noemen dat meestal de header.

Ik zou naast het logo, wel één of meerdere afbeeldingen in willen plaatsen.
Wat moet ik hiervoor precies doen?
Is er ook iets waar ik dan speciale aandacht aan moet geven?

Bijna alles is mogelijk. Het vraagt alleen om enige kennis van HTML en CSS. Op W3Schools kun je zelf eenvoudig uitproberen wat bepaalde HTML en CSS instructie voor effect hebben.

Het is vooral belangrijk om te weten wat je precies wilt bereiken, hoe het er uit moet gaan zien.
Als je de engelse taal enigszins machtig bent, kun je ook eens op de volgende links kijken voor overall_header wijzigingen in de prosilver stijl van phpBB:

• Knowledge Base - Adding a link in the right corner of the header (proSilver)
• Knowledge Base - Adding a new link and icon to your header
• Knowledge Base - Changing your board logo
• Knowledge Base - Creating a prosilver sub header menu
• [How To] Modify prosilver's header

[zoef]

Hmmmmm, ziet er ingewikkeld uit, maar er is me hier in het begin al een keer gezegd niet de moed te gaan verliezen.

Voor het plaatsen van een afbeelding heb ik dit gevonden:

To add an image:

First open up:
root/styles/prosilver/template/overall_header.html

Find:
Code: Select all<span class="corners-bottom"><span></span></span></div>
</div>

Before add:
Code: Select all<div style="float:right;margin-top: 10px;"><a href="yourdomain.com"/><img src="image url here"></a></div>
Now go to ACP, and head to Styles > Templates > YourStyle - And click Refresh

Ik vermoed dat je dan in Code: Select all<div style="float:right;margin-top: 10px;"><a href="yourdomain.com"/><img src="image url here"></a></div> op de plaatsen waar iets tussen aanhalingstekens staat (image url here en yourdomain.com) iets moet worden ingevuld.

Alleen weet ik dan niet of die afbeelding het logo vervangt wat er nu staat. Dat logo moet wel blijven staan.
Als ik een afbeelding laat zien, die ik geplaatst zou willen hebben, is het dan voor jullie makkelijker om te kunnen zeggen hoe ik dat dan moet doen?

Vr. groet,
Folkert

[Pola]

Als je die code gebruikt, voeg je een afbeelding toe met de url image url here, en als je op de afbeelding klikt dan ga je naar de url yourdomain.com. De afbeelding komt aan de rechterkant van de header te staan.

Als ik een afbeelding laat zien, die ik geplaatst zou willen hebben, is het dan voor jullie makkelijker om te kunnen zeggen hoe ik dat dan moet doen?

Dat is een goede manier. Als je een link naar de afbeelding geeft, en vertelt hoe en waar hij in de header moet komen, dan kunnen we exacte instructies geven.

[zoef]

Als je een link naar de afbeelding geeft, en vertelt hoe en waar hij in de header moet komen, dan kunnen we exacte instructies geven.

De link naar de afbeelding is http://i544.photobucket.com/albums/hh34 ... c7eeac.jpg

De afbeelding moet dan naast het logo van de vlindercirkel komen, mooi verdeeld over de rest van de ruimte op de header.

Ik hoop hiermee voldoende te hebben gezegd om het nu voor jullie mogelijk te maken instructies te kunnen geven over de wijze van plaatsing.

Al vast weer erg bedankt.

Vr. groet,
Folkert

[Pola]

mooi verdeeld over de rest van de ruimte op de header.

Ik weet niet zeker wat je hiermee bedoeld, maar probeer het volgende eens en laat dan weten wat je er van vindt en wat je eventueel nog anders wilt.
Open /styles/prosilver/template/overall_header.html
Zoek

Code: Selecteer alles

				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>

Vervang door

Code: Selecteer alles

				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
				<div style="position: relative; top: 10px;">
				<img src="http://i544.photobucket.com/albums/hh341/Folkert1945/groepmensen2_zps67c7eeac.jpg" width="500" height="66" />
				</div>

Als je de afbeelding upload naar de server waar je forum op staat, moet je de url van de afbeelding aanpassen. Als je de afbeelding upload naar de imageset folder van de stijl, dan kun je het volgende pad naar de afbeelding gebruiken: ./styles/prosilver/imageset/<naam_van_de_afbeelding.jpg.

[zoef]

Ik heb de codes vervangen, zonder iets te hebben ge-upload.
En ik ben eigenlijk best tevreden met het resultaat

Bedankt alweer Pola!!

Vr. groet,
Folkert

[zoef]

Ik haal dit onderwerp weer even aan, omdat ik nu dezelfde vraag heb voor Subsilver2.
Naast het hoofdlogo met die vlinder in de stijl Subsilver2 zou ik dus hetzelfde plaatje willen plaatsen. Het gaat dan ook om dit plaatje:

http://i544.photobucket.com/albums/hh34 ... c7eeac.jpg

Ik heb de beschrijving hierboven weer gelezen, maar de aanwijzingen die voor Prosilver gelden, zijn in Subsilver2 niet terug te vinden.

Kan iemand me zeggen hoe ik dit voor subsilver2 moet doen?

[zoef]

Ik maak wel een nieuw topic over m'n laatste vraag