Zelf stijl maken of bestaande aanpassen

[merijn]

Hallo mede phpbb-ers

Ik ben helemaal nieuw op het gebied van internet site's maken en maak dus nu ook voor het eerst een forum bij de site. Ik doe dit voor werk en wil daarom graag een stijl die aansluit bij de stijl van de algemen site van het bedrijf.

Kan iemand me vertellen hoe en waar ik moet beginnen?

MVG,

Merijn

[Ger]

Als je helemaal nieuw bent op dit vlak, gaat het een beetje ver om zelf proberen een stijl te maken. Zelfs voor een prof gaat hier véél tijd in zitten. De beste optie is vaak (ook voor een prof) om uit te gaan van een goede basis, bijvoorbeeld de standaard ProSilver stijl. Die kun je qua kleuren eenvoudig aanpassen via ColorizeIt. Als je dan de kleuren van je huisstijl pakt, dan kom je al een heel eind. Je kunt het logo dan vervangen door het logo van je bedrijf, en dan heb je vaak al een mooi resultaat. ColorizeIt heeft ook meerdere stijlen om als basis vanuit te gaan.

Verder kun je ook kijken in de styles database naar een stijl die bij je past. Dat is vaak een kwestie van downloaden en installeren. Let dan wel op dat je een stijl pakt voor de laatste versie (3.0.8) en liefst in het Nederlands waarschijnlijk.

[merijn]

En hoe verander ik het logo dan? gewoon een kwestie van het plaatje vervangen en het dezelfde naam geven als het gebruikte logo bijvoorbeeld?
En colorize it kom ik ook niet ver mee, als ik een kleur aanpas neemt ie andere kleuren en vlakken ook mee en is niks meer leesbaar. Ik wil eigenlijk alle kleuren aan kunnen passen van tekst tot achtergrond totde onderwerp vakken en de knoppen

[merijn]

Ik ben tot zover tevreden, heb alleen nog 3 kleine dingetje. Als iemand me daarmee op weg zou willen helpen...

www.wifocarr.nl/downloads/naamloos.bmp

Die links wil ik graag weg hebben of veranderd, Onderwerpen en berichten overlapt mekaar en de categorienaam is nog zwart en als ik die wit maak dan gaat de tekst op de witte achtergrond mee en dat meot dus niet, wil alleen dan die tekst in die kop veranderen.

Alvast bedankt

[Ger]

Het probleem van overlappende tekst kun je oplossen door op deze pagina de aanpassingen in styles/prosilver/theme/content.css te doen (2e blokje aanpassingen).

De links die rechts bovenin staan kun je waarschijnlijk aanpassen in het bestand styles/jouwstijl/template/overall_header.html. Hoe dat er precies uitziet kan ik zo zonder linkje niet zeggen. Ik zou even zoeken naar "your link", dan kom je het waarschijnlijk vanzelf tegen. Het stukje "Welkom op het wiforum" heeft in de HTML waarschijnlijk een eigen class die je kunt aanpassen in colours.css. Hoe die class heet kan ik zo zonder linkje niet zeggen, maar daar kom je achter als je in Chrome de bron van de pagina opvraagd en zoekt naar die tekst.

[merijn]

Ik krijg het alle drie niet voor elkaar haha. Heb ook geen idee wat ik doe althans niet genoeg. Als het alleen simpel html zou zijn zou ik me wel redden maar hier snap ik niet veel van. Ik heb de dingen allemaal wel kunnen vinden maar als ik dan wat verander gebeurt er heel wat anders steeds, met die links en de kleur van welkom... kreeg het voor elkaar dat het hele forum niet meer te zien was.
Ik heb geen idee wat ik fout doe...

[merijn]

Iemand die mij hier verder mee kan helpen? Of wat meer uitleg kan geven? Ik ben een leek en heb de goede bestanden en wel gevonden maar bij het aanpassen gaat er steeds iets fout zo erg dat het hele forum niet meer weergegeven wordt.

www.wifocarr.nl/downloads/naamloos.bmp


Alvast bedankt,

Groeten Merijn

[Ger]

Dan doe je de aanpassing waarschijnlijk verkeerd. Het beste kun je de aanpassingen doen in een daarvoor gemaakt code-editor zoals Notepad++, UltraEdit of Crimson Editor. Gebruik in geen geval het standaard Windows Kladblok, dat staat bijna garant voor fouten doordat het verkeerd wordt opgeslagen.

[merijn]

Ok thnx zoals ik al zei ben ik echt een leek en weet dus ook niet welke programmas ik moet gebruiken. Maar goed aldoende leert men. Ik zal is ff knoeien.

THNX voor de snelle reactie

[merijn]

<div class="forabg">
<div class="inner"><span class="corners-top"><span></span></span>
<ul class="topiclist">
<li class="header">
<dl class="icon">
<dt><a href="./viewforum.php?f=19">Welkom op het WiForum</a></dt>
<dd class="topics">Onderwerpen</dd>
<dd class="posts">Berichten</dd>
<dd class="lastpost"><span>Laatste bericht</span></dd>

Ik zie hier een aantal x "class" staan. Kan iemand mij vertellen welke ik moet hebben?

Mvg

[Ger]

Het gaat om het element dt. Uit mijn hoofd moet je in content.css of colours.css zoeken naar .topiclist dt {.