Logo, Searchbox en kleur aanpassen!

[OmkePom]

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

Ben hiernaast bezig met het ontwikkelen van een Forum draaiend onder phpBB 3.1

Oke, nu heb ik dan toch 3 vragen mbt de stijl!

1. Hoe plaats ik een Logo links in mijn Banner? (ACP >>> Folruminstellingen >>> Sitenaam, geeft erg klein resultaat)
2. SearchBox rechts, iets naar beneden verplaatsen zonder dat de Layout verder meegaat?
3. De irritante Blauwe kleur aanpassen naar een wat rustige kleur?

[El torro]

Ben hiernaast bezig met het ontwikkelen van een Forum draaiend onder phpBB 3.1

En op welk forum wil je de aanpassingen doen?

[OmkePom]

Op mijn test forum dat draait onder phpBB 3.1.2 Prosilver.
Deze is verborgen en is momenteel alleen toegankelijk door ons Team!

[El torro]

De kleur aanpassen kan met http://www.colorizeit.com/index.html als dat is wat je bedoeld?

Werkt je gewone loge niet dan?
anders : https://www.phpbb.com/community/viewtop ... &t=2282566

[OmkePom]

Logo verschijnt alleen in het ACP!

Dit komt (vermoed ik) door de AD extensie die ik gebruik, voor het plaatsen van een eigen Banner die ik zo gemakkelijk kan aanpassen,

Code: Selecteer alles

<style>
.headerbar {
   background-image: url("./../../images/header_bg.png");
}

/** remove the logo and increase the height of the headerbar **/
.imageset.site_logo {
    background-image: none;
    padding-left: 0;
    padding-top: 128px;
}
</style>

Zal die andere optie (ext) van jou uitproberen, daar kan je ook iets met de zoekbalk doen. Sla ik gelijk 2 vliegen in 1 klap. Je hoort het nog wat de resultaten zullen zijn en/of het gelukt is!

De kleur aanpassen kan met http://www.colorizeit.com/index.html als dat is wat je bedoeld?

Deze link is dacht ik voor de 3.0 stijlen, maar ik bedoel dit dus wel maar dan voor de 3.1 stijl.
Ook wil ik wat ik tot nu toe heb aan ext enzo behouden blijft!

Ps,
Sry, was weer eens dubbel gepost!

[OmkePom]

?

[El torro]

Dat werkt ook voor de 3.1
Hier je file uploaden:
http://www.colorizeit.com/styles/phpbb- ... izeit.html

[OmkePom]

Dat werkt ook voor de 3.1
Hier je file uploaden:
http://www.colorizeit.com/styles/phpbb- ... izeit.html

Oke thx, ik heb nu prosilver Special Edition als standaard stijl. Deze is donkerder dus wat betreft de kleur is het nu goed!

Wil ik verder de SearchBox nog verplaatsen naar de volgende locatie,



Daar in die grijze balk rechts!

Het Logo aanpassen lukt wel maar hoe plaats ik een banner?
( de banner die ik nu heb wordt overschreven als ik de Logo aanpas!)

[El torro]

Sorry ik ga geen stijlen voor andere aanpassen, verder is je info over banners en logo's nogal verwarrend.
Zonder mee te kunnen kijken kost het mij teveel moeite om te begrijpen wat je wil.

[OmkePom]

Banner is gelukt, beetje afgekeken van 3.0.12!

Open: prosilver >>> Theme >>> colours.css

zoek:

Code: Selecteer alles

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

vervang met:

Code: Selecteer alles

.headerbar {
	background: #FFFFFF url("{T_THEME_PATH}/images/header_bg.png") no-repeat 50% 0;
	max-width: 1400px;
	height: 150px;
	color: #FFFFFF;
	margin: 0 auto;
	margin-bottom: 4px;
	min-width: 590px;
}

Vergeet niet een afbeelding header_bg.png in: prosilver >>> Theme >>> images te plaatsen!

Nu zal de Logo mij ook wel lukken!
Alleen de zoekBox verplaatsen op de juiste plaats, dat zal wat lastiger zijn!

[OmkePom]

Logo is ook gelukt met die extensie! THX El Torro!

Ook een beetje aan het spelen geweest met de search-box, deze uit de overall_header.html verwijderd,

Code: Selecteer alles

			<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box" class="search-box search-header">
				<form action="{U_SEARCH}" method="get" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="search" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search tiny" size="20" value="{SEARCH_WORDS}" placeholder="{L_SEARCH_MINI}" />
					<button class="button icon-button search-icon" type="submit" title="{L_SEARCH}">{L_SEARCH}</button>
					<a href="{U_SEARCH}" class="button icon-button search-adv-icon" title="{L_SEARCH_ADV}">{L_SEARCH_ADV}</a>
					{S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
			<!-- ENDIF -->

En deze geplaatst in navbar_header.html,

Zoek:

Code: Selecteer alles

<!-- END navlinks -->

Plaats daarna,

Code: Selecteer alles

			<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box" class="search-box search-header">
				<form action="{U_SEARCH}" method="get" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="search" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search tiny" size="20" value="{SEARCH_WORDS}" placeholder="{L_SEARCH_MINI}" />
					<button class="button icon-button search-icon" type="submit" title="{L_SEARCH}">{L_SEARCH}</button>
					<a href="{U_SEARCH}" class="button icon-button search-adv-icon" title="{L_SEARCH_ADV}">{L_SEARCH_ADV}</a>
					{S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
			<!-- ENDIF -->

Werkt goed maar resultaat moet eigenlijk naast elkaar komen, Forumoverzicht links en op dezelfde hoogte de SearchBox, wie weet hoe ik dat moet doen?