Pagina 1 van 1
Vraag over plaatsen van een afbeelding naast forumlogo
Geplaatst: 08 feb 2013, 16:14
door zoef
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
Re: Vraag over plaatsen van een afbeelding naast forumlogo
Geplaatst: 09 feb 2013, 15:14
door Pola
zoef schreef: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.
zoef schreef: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:
Re: Vraag over plaatsen van een afbeelding naast forumlogo
Geplaatst: 09 feb 2013, 19:58
door 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
Re: Vraag over plaatsen van een afbeelding naast forumlogo
Geplaatst: 10 feb 2013, 00:06
door 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.
zoef schreef: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.
Re: Vraag over plaatsen van een afbeelding naast forumlogo
Geplaatst: 10 feb 2013, 14:16
door zoef
Pola schreef: 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
Re: Vraag over plaatsen van een afbeelding naast forumlogo
Geplaatst: 10 feb 2013, 23:26
door Pola
zoef schreef: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.
Re: Vraag over plaatsen van een afbeelding naast forumlogo
Geplaatst: 11 feb 2013, 10:44
door 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
Re: Vraag over plaatsen van een afbeelding naast forumlogo
Geplaatst: 09 apr 2013, 14:31
door 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?
Re: Vraag over plaatsen van een afbeelding naast forumlogo
Geplaatst: 11 apr 2013, 11:40
door zoef
Ik maak wel een nieuw topic over m'n laatste vraag
