ronde hoeken van header

Hulp nodig bij een stijl? Voor zowel XHTML/CSS als grafische vragen uiteraard gerelateerd aan phpBB3.
Forumregels

LEES: Richtlijnen voor Support. Vul de support template in!
phpBB3.0.x
Verschaf iemand geen servertoegang tenzij het niet anders kan. Maak altijd eerst een volledige backup en verander de inloggevens na afloop. Eigen risico.
foss
Berichten: 39
Lid geworden op: 12 jan 2015, 13:52

ronde hoeken van header

Bericht door foss » 12 jan 2015, 13:59

  • 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 ?
Laatst gewijzigd door foss op 16 jan 2015, 10:44, 5 keer totaal gewijzigd.

Gebruikersavatar
El torro
Berichten: 4177
Lid geworden op: 02 sep 2014, 21:28
Locatie: In het zonnige zuiden
Contacteer:

Re: ronde hoeken van header

Bericht door El torro » 12 jan 2015, 14:27

normaal staat daar toch een "background image" ?
denk dat je die gewoon wat langer moet maken.

foss
Berichten: 39
Lid geworden op: 12 jan 2015, 13:52

Re: ronde hoeken van header

Bericht door foss » 12 jan 2015, 14:41

Okiedokie toppie heel erg bedankt voor uw reactie !!!
Wat stom dat ik daar niet zelf aan dacht :(

foss
Berichten: 39
Lid geworden op: 12 jan 2015, 13:52

Re: ronde hoeken van header

Bericht door foss » 12 jan 2015, 15:11

Ik heb het geprobeert om de header_bg 150 hoog te maken maar krijg het zelfde effect.
Ronde onder hoeken blijven bijna bovenin.
Laatst gewijzigd door foss op 12 jan 2015, 16:36, 1 keer totaal gewijzigd.

Gebruikersavatar
Theriddler
Berichten: 1103
Lid geworden op: 20 apr 2012, 07:47
Contacteer:

Re: ronde hoeken van header

Bericht door Theriddler » 12 jan 2015, 15:28

heb je misschien een link naar je forum zodat we even mee kunnen kijken?

foss
Berichten: 39
Lid geworden op: 12 jan 2015, 13:52

Re: ronde hoeken van header

Bericht door foss » 12 jan 2015, 16:03

http://phpbb.freehostingking.com/
Dit is de website.
Zoals u ziet zijn de ronde hoeken van onder bijna bovenin :(

Gebruikersavatar
Theriddler
Berichten: 1103
Lid geworden op: 20 apr 2012, 07:47
Contacteer:

Re: ronde hoeken van header

Bericht door Theriddler » 12 jan 2015, 18:16

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;
}

foss
Berichten: 39
Lid geworden op: 12 jan 2015, 13:52

Re: ronde hoeken van header

Bericht door foss » 12 jan 2015, 18:29

Hoi, ik heb het veranderd en alles vernieuwd maar blijft het zelfde.

Gebruikersavatar
Theriddler
Berichten: 1103
Lid geworden op: 20 apr 2012, 07:47
Contacteer:

Re: ronde hoeken van header

Bericht door Theriddler » 12 jan 2015, 18:42

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.

foss
Berichten: 39
Lid geworden op: 12 jan 2015, 13:52

Re: ronde hoeken van header

Bericht door foss » 12 jan 2015, 18:50

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.

Gebruikersavatar
Theriddler
Berichten: 1103
Lid geworden op: 20 apr 2012, 07:47
Contacteer:

Re: ronde hoeken van header

Bericht door Theriddler » 12 jan 2015, 19:00

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 ;)

foss
Berichten: 39
Lid geworden op: 12 jan 2015, 13:52

Re: ronde hoeken van header

Bericht door foss » 12 jan 2015, 19:08

Toppie hij is nu goed !!!
Nog ff 1 vraagje waarom is dit niet de beste oplossing ?

Gebruikersavatar
Theriddler
Berichten: 1103
Lid geworden op: 20 apr 2012, 07:47
Contacteer:

Re: ronde hoeken van header

Bericht door Theriddler » 12 jan 2015, 19:18

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) ;)

foss
Berichten: 39
Lid geworden op: 12 jan 2015, 13:52

Re: ronde hoeken van header

Bericht door foss » 12 jan 2015, 19:23

Okiedokie toppie heel erg bedankt !!!
Je hebt geen idee hoe blij ik ben.
Op naar de volgende probleem :)

Gebruikersavatar
El torro
Berichten: 4177
Lid geworden op: 02 sep 2014, 21:28
Locatie: In het zonnige zuiden
Contacteer:

Re: ronde hoeken van header

Bericht door El torro » 12 jan 2015, 19:28

Vraagje, waarom begin je bij een nieuw forum niet met de laatste versie? = 3.1.2

foss
Berichten: 39
Lid geworden op: 12 jan 2015, 13:52

Re: ronde hoeken van header

Bericht door foss » 12 jan 2015, 19:38

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 :)

Gebruikersavatar
El torro
Berichten: 4177
Lid geworden op: 02 sep 2014, 21:28
Locatie: In het zonnige zuiden
Contacteer:

Re: ronde hoeken van header

Bericht door El torro » 12 jan 2015, 19:59

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

foss
Berichten: 39
Lid geworden op: 12 jan 2015, 13:52

Re: ronde hoeken van header

Bericht door foss » 12 jan 2015, 21:08

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

Gebruikersavatar
El torro
Berichten: 4177
Lid geworden op: 02 sep 2014, 21:28
Locatie: In het zonnige zuiden
Contacteer:

Re: ronde hoeken van header

Bericht door El torro » 12 jan 2015, 22:26

Als er nu iets gemakkelijk is en een enorme verbetering tov 3.0 dan zijn het de extensies wel :lol:

foss
Berichten: 39
Lid geworden op: 12 jan 2015, 13:52

Re: ronde hoeken van header

Bericht door foss » 13 jan 2015, 10:24

Is er ergens ook een nl handleiding te vinden hoe je dit kan doen ?

Plaats reactie