Extra afbeelding rechts in de header!

[OmkePom]

Adres van je forum: http://www.film-test.nl
Event. modificaties op je forum: Meerdere waaronder Ajax Chat en Reimg
Wanneer ontstond het probleem? nvt
phpBB versie: phpBB 3.11 Style aangepaste ProFormell

Wat is het probleem? Wil een extra afbeelding rechts in de header!

Eigenlijk is wat ik wil heel simpel alleen, krijg het maar niet voor elkaar!

Ik probeer in mijn overall_header rechts nog een afbeelding te krijgen, maar wat ik ook probeer mijn afbeelding (SITE_LOGO_IMG) wordt hoe dan ook naar beneden gedrukt of verplaatst!
Ook moet hij de positie van {SITE_DESCRIPTION} met rust laten!

Origineel zit de zoekfunctie rechts in de overall_header van mijn stijl, deze heb ik al tijden geleden verplaatst maar hier wil ik dus een afbeelding hebben!

Wie weet hoe ik dit voor elkaar krijg zonder dat de rest verstoord raakt?

BVD

[Theriddler]

misschien zoiets?

Code: Selecteer alles

<img src="{ROOT_PATH}/images/afbeelding.png" width="293" height="190" alt="" style="position:absolute; left:1018px; top:-24px;z-index:1;" />

wellicht moet je nog wel de left en top alsook de breedte en hoogte van de afbeelding aanpassen.
Op deze manier heb ik op ons forum de sint mijter weergegeven.

[OmkePom]

Werkt wel maar niet zoals ik eigenlijk wilde!

De bedoeling is dat de afbeelding op elk beeldformaat net als het Logo vanaf de rechterkant op gelijke positie zit. 1018px geeft alleen een breedbeeld weer.
(ben er vergeten bij te vermelden dat hij midden in de Banner komt net als het Logo)

?

[Theriddler]

Werkt wel maar niet zoals ik eigenlijk wilde!

De bedoeling is dat de afbeelding op elk beeldformaat net als het Logo vanaf de rechterkant op gelijke positie zit. 1018px geeft alleen een breedbeeld weer.
(ben er vergeten bij te vermelden dat hij midden in de Banner komt net als het Logo)

?

verander left:1018px; naar left:50%;

oftewel:

Code: Selecteer alles

<img width="32" height="32" style="position: absolute; z-index: 1; left: 50%; top: 80px;" alt="" src="http://www.film-test.nl/images/Chrome.gif">

en om welke afbeelding gaat het precies

[OmkePom]

Ja werkt perfect, alleen wil vanuit ACP de Afbeelding kunnen regelen door "Advertise Management"
dus is geen standaard afbeelding kan ook tekst zijn of combinatie van beide, afhankelijk van wat ik regel in ACP!

{ADS_44} moet het worden ipv van Chrome.gif dus!



THIS me gelukt. Div gebruikt ipv Img en toen wilde het wel!!!

THX alweer voor het zetje in de rug!

[Theriddler]

kijk super dat het gelukt is ik zou alleen nog wel even de

Code: Selecteer alles

height: 200px; en de width: 200px; 

veranderen naar

Code: Selecteer alles

width:53px; height:70px;

Je kunt bijv met de addon van firefox (firebug genaamd) direct bijv elementen virtueel beinvloeden om zodoende te kijken wat het doet, is het naar de zin dan plaats je de wijzigingen in het bestand zelf of in dit geval in acp.

[OmkePom]

Oke het formaat had ik al aangepast

Aileen nu heb ik nog een vraagje. Ik weet hoe je de Banner kan vervangen gewoon een andere zelfgemaakte banner header_bg.png noemen en deze uploaden naar het goede mapje.
Alleen dit is een PNG bestand. Ik wil graag een GIF bestand gebruiken, waar moet ik dit regelen?

bvd

[Theriddler]

open colours.css

Zoek:

Code: Selecteer alles

.headerbar {
	background: #FFFFFF url("{T_THEME_PATH}/images/header_bg.png") no-repeat 50% 0;

en verander het naar bijv:

Code: Selecteer alles

.headerbar {
	background: #FFFFFF url("{T_THEME_PATH}/images/header_bg.gif") no-repeat 50% 0;

[OmkePom]

Oke THX dat is ook gelukt.

Maar weet je toevallig ook waarom een Banner-afbeelding standaard een PNG is en niet een GIF?

Een GIF is toch veel handiger?

[Theriddler]

Maar weet je toevallig ook waarom een Banner-afbeelding standaard een PNG is en niet een GIF?

Een GIF is toch veel handiger?

Ik denk dat dat is omdat een png alpha transparantie heeft en een gif niet, even een stukje opgezocht

Code: Selecteer alles

PNG

PNG staat voor Portable Network Graphics. PNG bevat een belangrijke optie, die het een veelgebruikt bestandsformaat maakt: alpha-transparantie. In tegenstelling tot normale transparantie (zoals bijvoorbeeld bij het GIF-formaat) kan alpha-transparantie ook gedeeltelijk transparant zijn. Dit is dus zeer geschikt voor schaduwen en dergelijke. Het PNG-formaat wordt hierdoor veel gebruikt voor grafische elementen (zoals iconen) die gedeeltelijk transparante elementen bevatten.

PNG ondersteunt net als JPEG compressie. JPEG maakt echter gebruik van lossy compressie, waar PNG gebruik maakt van lossless compressie. Dit betekent dat er geen kwaliteitsverlies optreedt bij het compresseren. Het nadeel van lossless compressie is echter dat afbeeldingen slechts beperkt kleiner gemaakt kunnen worden. Daarom is PNG minder geschikt voor foto's: deze blijven dan vaak erg veel ruimte innemen.

Conclusie

Een keuze maken tussen PNG en GIF is soms lastig. Voor iconen en grafische elementen die geen gebruik hoeven te maken van alpha-transparantie is GIF het overwegen waard. Gebruik je wel alpha-transparantie voor je grafische element, dan is PNG een betere keus. Voor de meeste foto's kun je het beste JPEG gebruiken, door de ondersteuning van lossy compressie.

Bron:
http://www.casinoswijzer.nl/artikel/des ... ijking.php

[OmkePom]

WOW thx ook weer duidelijk