Menu vs logo + wijziging template (artikelkleur)

Beste,

Op deze website: www.pocolocoroeseltriatlon.be/ heb ik het logo verwijderd en bovenaan geplaatst. Graag zou ik:

1) Het menu links tegen de kantlijn laten starten (waar het standaard logo stond
2) De achtergrondkleur van (alle) artikels standaard wit krijgen
3) Helemaal bovenaan en helemaal onderaan staat zo'n bruin balkje - deze krijg ik niet weg (via de index.php?tp=1 zie ik niet hoe deze posities heten
4) Kan ik een stuk van de achtergrond (poco loco links) een link geven? Dit maakt echter deel uit van de volledige achtergrond. Er zijn geen modules voor handen waar ik dat logo kan plaatsen en bijgevolg kan ik geen link plaatsen op een afbeelding in een aangepaste html module.

Ik maakte gebruik van de gratis template ' Favorite ' van www.favthemes.com

Dank voor jullie input!!!

grtn,
G.

Als je zoveel layoutvragen hebt, is het wel handig als je site online staat.

Punt 2:
Aan de template.css (of beter: eigen custom.css maken) het volgende toevoegen om de artikel-achtergrond standaard wit te maken:



Punt 3:
Die bruine balkjes staan in de template.css opgenomen als background-image.


op deze manier uit te schakelen, kan niet via de template-instellingen.

Zoals burt zie in template.css maar wanneer de wood_patterne word uitgeschakeld, dan krijg je een grijze balk, als je die ook wilt verwijderen, schakel je de volgende regel ook uit, als volgt:

Wat punt 2 betreft heb ik die regel helemaal onderaan toegevoegd, maar zonder succes

Bij punt 3, moet ik daar al die regels die vermeld worden gewoon verwijderen? Ik plaatste voorlopig alleen */ op het einde van de regels erbij, maar ook zonder succes.

Bedankt voor de hulp!

Nog mogelijkheden voor punt 1 en 4?

Voor punt 2: je kunt dit nog even proberen.


Als ik dit via FireBug toevoeg dan werkt het meteen, zou dus goed moeten gaan.

Voor punt 3: het hele stukje code dat Hichnaj heeft aangegeven even goed kopiëren en over de bestaande code in template.css heen plakken. Moet ook gewoon goed gaan.

Vergeet niet je browser te dwingen de aangepaste .css-bestanden in te lezen via CTRL+SHIFT+R (Firefox) of CTRL+F5 (IE).

Punten 1 en 4 zijn ook op te lossen met de template van Favourite, maar daar zijn wat meer aanpassingen in de code voor nodig.

Even je browser refreshen want je achtergrond van je artikel is nu wit, dus dat klopt wel.
Burt geeft je de juiste wijze voor het inactief maken van een eigenschap: zet /* voor de eigenschap en */ erachter.
Maar je zou ook dit toe kunnen voegen:

En voor je menu zal je de index.php van je template aan moeten passen door: te vervangen door
Ik zou het logo gewoon in 1 afbeelding zetten met de tekstafbeelding en dan verder stylen met css.

Zou er eventueel ook geen mogelijkheid zijn om de achtergrond dynamisch van grootte te veranderen als je het scherm minimaliseert of maximaliseert of op halve grootte plaatst. Eventueel ook aanpasbaar voor mobiel gebruik (responsive?)

Wat punt 4 betreft, is het niet mogelijk om extra module variaties te voorzien links en rechts van het menu/banner zodat ik daar het logo apart kan in plaatsen en het zo altijd vast staat?

Bedankt!

Is dit - afgezien van styling en achtergrond - de opzet voor de header van je pagina?
Logo is in dit geval gewoon aanklikbaar en dus van link te voorzien.

Zo ziet dat er goed uit! Wat wel leuk zou zijn, is dat het menu eigenlijk al onder RoeselTriatlon staat (en dus deels naast het logo PocoLoco.

Stel dat ik het logo van PocoLoco in de achtergrond laat zitten, dan verschuift dat logo mee als ik het scherm vergroot/verklein. Indien een vast logo zal ik dat niet tegenkomen denk ik.

Extra1: is het mogelijk een rode balk te plaatsen achter het menu, eventueel met verandering van kleur als je er over gaat? Als het menu uitgeklapt wordt ook zelfde kleur weergeven.

Extra2: is het mogelijk het artikel niet tot tegen de kantlijn links en rechts te laten komen?

Extra3: wat doen die grijze lijnen op mijn scherm?

Ik hoor het graag én bedankt!
G.

Zo kan het ook:




Het wordt wel een aardige ombouw, alles bij elkaar, hou daar wel rekening mee. Je zult een hoop aanpassingen moeten doen in allerlei bestanden.

Naar mijn idee is het beter om het logo niet in de achtergrond op te nemen, maar als los logo, geplaatst in een module.
Dat heb ik in mijn voorbeeld ook gedaan. Ik denk dat je met een vast logo in de achtergrond nooit goed gaat uitkomen met verschillende resoluties en ook responsive niet.

Extra 2: de eerder toegevoegde code uitbreiden met een padding:



Extra 3: die grijze lijnen komen vanuit de template.css.
Rond regel 100 de lijndikte op 0 instellen:

Zoals jij het weergegeven krijgt, lijkt me zéér ok. Kan je me vertellen wat en hoe? Ik ben uitermate benieuwd

Als ik een eigen custom.css maak (om niet teveel aan het oorspronkelijke bestand te moeten prutsen en altijd nog te kunnen op terug vallen indien nodig, hoe zorg ik ervoor dat hij naar custom.css gaat ipv template.css? Plaats ik custom.css in dezelfde map?