Pagina 1 van 2

ronde hoeken van header

Geplaatst: 12 jan 2015, 13:59
door foss
  • Nog in aanbouw http://phpbb.freehostingking.com/
    Event. modificaties op je forum:
    Wanneer ontstond het probleem?
    phpBB versie:3.0.12


    Heb je onlangs iets veranderd aan je forum?
    Hallo, ik heb mijn header wat langer gemaakt met de volgende code :

    Code: Selecteer alles

    .headerbar {
    	background: #ebebeb none repeat-x 0 0;
    	color: #FFFFFF;
    	margin-bottom: 4px;
    	padding: 0 5px;
    	height: 150px;
    }
    Maar nu zijn de onderste ronde hoeken niet op de juiste plaats ze zijn ongeveerbovenin.
    Hoe kan ik dit oplossen ?

Re: ronde hoeken van header

Geplaatst: 12 jan 2015, 14:27
door El torro
normaal staat daar toch een "background image" ?
denk dat je die gewoon wat langer moet maken.

Re: ronde hoeken van header

Geplaatst: 12 jan 2015, 14:41
door foss
Okiedokie toppie heel erg bedankt voor uw reactie !!!
Wat stom dat ik daar niet zelf aan dacht :(

Re: ronde hoeken van header

Geplaatst: 12 jan 2015, 15:11
door foss
Ik heb het geprobeert om de header_bg 150 hoog te maken maar krijg het zelfde effect.
Ronde onder hoeken blijven bijna bovenin.

Re: ronde hoeken van header

Geplaatst: 12 jan 2015, 15:28
door Theriddler
heb je misschien een link naar je forum zodat we even mee kunnen kijken?

Re: ronde hoeken van header

Geplaatst: 12 jan 2015, 16:03
door foss
http://phpbb.freehostingking.com/
Dit is de website.
Zoals u ziet zijn de ronde hoeken van onder bijna bovenin :(

Re: ronde hoeken van header

Geplaatst: 12 jan 2015, 18:16
door Theriddler
dit is niet de beste oplossing maar om het probleem nu te elimineren:

Open: overall_header.html

Zoek:

Code: Selecteer alles

<div class="headerbar">
			<div class="inner"><span class="corners-top"><span></span></span>
Vervang met:

Code: Selecteer alles

<div class="headerbar">
			<div class="inner">
Zoek:

Code: Selecteer alles

<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>

			<span class="corners-bottom"><span></span></span></div>
Vervang met:

Code: Selecteer alles

<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>
</div>
Open: colours.css

Zoek:

Code: Selecteer alles

.headerbar {
	background-color: #12A3EB;
	background-image: url("{T_THEME_PATH}/images/bg_header.gif");
	color: #FFFFFF;
}
Vervang met:

Code: Selecteer alles

.headerbar {
	background-color: #12A3EB;
	background-image: url("{T_THEME_PATH}/images/bg_header.gif");
	color: #FFFFFF;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

Re: ronde hoeken van header

Geplaatst: 12 jan 2015, 18:29
door foss
Hoi, ik heb het veranderd en alles vernieuwd maar blijft het zelfde.

Re: ronde hoeken van header

Geplaatst: 12 jan 2015, 18:42
door Theriddler
foss schreef:Hoi, ik heb het veranderd en alles vernieuwd maar blijft het zelfde.
Wat is er precies vernieuwd?

Stijl template vernieuwen:
ACP >> Stijlen >> jou stijl >> Vernieuw

Thema (css) vernieuwen:
ACP >> Stijlen >> Thema's >> jou stijl >> Vernieuw

Hierna de cache van het forum legen alsook de browser cache legen middels CTRL + F5

Daarnaast hoe heb je de bestanden bewerkt. Je kunt beter niet bewerken via admin paneel aangezien gemaakte wijzigingen dan verloren zullen gaan. Beste is om notepad++ te gebruiken (zie onderschrift) en daarin de bestanden te bewerken, hierna de bewerkte bestanden terug uploaden naar de juiste locatie via ftp (met filezilla) en daarna bovenstaande stappen uit te voeren.

Re: ronde hoeken van header

Geplaatst: 12 jan 2015, 18:50
door foss
Dit is precies wat ik heb gedaan.
Ik edit de files met notepad++ en upload ze met filezilla.
Ik vernieuw ze daarna alle 2 en doe ook cntr f5 voor me brouwser.

Re: ronde hoeken van header

Geplaatst: 12 jan 2015, 19:00
door Theriddler
nu zijn idd de wijzigingen zichtbaar, je bent alleen 1 wijziging uit de te nemen stappen vergeten zo te zien:

eg

Code: Selecteer alles

<span class="corners-bottom"><span></span></span>
moet nog weg ;)

Re: ronde hoeken van header

Geplaatst: 12 jan 2015, 19:08
door foss
Toppie hij is nu goed !!!
Nog ff 1 vraagje waarom is dit niet de beste oplossing ?

Re: ronde hoeken van header

Geplaatst: 12 jan 2015, 19:18
door Theriddler
foss schreef:Toppie hij is nu goed !!!
Nog ff 1 vraagje waarom is dit niet de beste oplossing ?
omdat normaal de onderste hoeken automatisch zakken naarmate de hoogte van de afbeelding en dit in elke browser zichtbaar is.
Nu kan dit geen kwaad en heb je nu gewoon permanente hoekjes om het logo (banner) heen met css code wat de meeste browsers gewoon laten zien.
Vaak genoeg gebeurd het dat die ronde hoekjes niet lekker werken in een banner dus dan maar weg uit de originele code. (tenminste zo doe ik het altijd) ;)

Re: ronde hoeken van header

Geplaatst: 12 jan 2015, 19:23
door foss
Okiedokie toppie heel erg bedankt !!!
Je hebt geen idee hoe blij ik ben.
Op naar de volgende probleem :)

Re: ronde hoeken van header

Geplaatst: 12 jan 2015, 19:28
door El torro
Vraagje, waarom begin je bij een nieuw forum niet met de laatste versie? = 3.1.2

Re: ronde hoeken van header

Geplaatst: 12 jan 2015, 19:38
door foss
Kan ik dit dan ook toepassen ?
Dat wou ik eingelijk ook doen maar durf het niet zo straks krijg ik dit niet meer voor elkaar.
Ik ga het gewoon proberen op hoop van zegen :)

Re: ronde hoeken van header

Geplaatst: 12 jan 2015, 19:59
door El torro
met 3.1.2 is het de bedoeling dat je de code zelf niet meer aanpast, maar alles via extensies doet.

bv deze https://www.phpbb.com/community/viewtop ... #p13809211

Re: ronde hoeken van header

Geplaatst: 12 jan 2015, 21:08
door foss
Okiedokie dank u wel ... ik zat al te kijken waar je de stijlen moest vernieuwen hahaha.
Oei als ik het zo zie is dat echt iets voor super gevorderde ... daar val ik helaas buiten :(
Ik heb het gedownload en weer geupload maar nu ziet het er helemaal niet uit :(
Ga maar weer terug naar 3.0.12

Re: ronde hoeken van header

Geplaatst: 12 jan 2015, 22:26
door El torro
Als er nu iets gemakkelijk is en een enorme verbetering tov 3.0 dan zijn het de extensies wel :lol:

Re: ronde hoeken van header

Geplaatst: 13 jan 2015, 10:24
door foss
Is er ergens ook een nl handleiding te vinden hoe je dit kan doen ?