Logo Background (Header)

For support and discussion related to templates, themes, and imagesets in phpBB 3.2.
Post Reply
User avatar
Mick
Support Team Member
Support Team Member
Posts: 20110
Joined: Fri Aug 29, 2008 9:49 am
Location: Cardiff

Re: Logo Background (Header)

Post by Mick » Sun Nov 19, 2017 2:28 pm

You should ask the style author in the support forum for that style here: https://www.phpbb.com/customise/db/styl ... on/support
"The more connected we get the more alone we become" - Kyle Broflovski

There are no ‘threads’ in phpBB, they are topics.

User avatar
Mick
Support Team Member
Support Team Member
Posts: 20110
Joined: Fri Aug 29, 2008 9:49 am
Location: Cardiff

Re: Logo Background (Header)

Post by Mick » Mon Nov 20, 2017 8:32 am

I can’t move it directly to that support forum. Post there and link back to this topic if you wish.

Edit: I see you’ve done just that ;)
"The more connected we get the more alone we become" - Kyle Broflovski

There are no ‘threads’ in phpBB, they are topics.

User avatar
Christian 2.0
Former Team Member
Posts: 4443
Joined: Wed Nov 04, 2009 11:16 pm
Location: UK
Name: Christian
Contact:

Re: Logo Background (Header)

Post by Christian 2.0 » Tue Nov 21, 2017 12:19 am

Hello

You've chosen the right code, the bit specifically that controls the colour is:

Code: Select all

	background: #0080da;
    background: -moz-linear-gradient(top, #0080da 0, #006db9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0080da), color-stop(100%, #006db9));
    background: -webkit-linear-gradient(top, #0080da 0, #006db9 100%);
    background: -o-linear-gradient(top, #0080da 0, #006db9 100%);
    background: -ms-linear-gradient(top, #0080da 0, #006db9 100%);
    background: linear-gradient(to bottom, #0080da 0, #006db9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0080da', endColorstr='#006db9', GradientType=0);
Inside you'll see hexidecimal values (a hash followed by 6 digits, eg: #0080da), each hex code represents a colour.

I recommend using this CSS3 gradient generator: http://www.colorzilla.com/gradient-editor/ . Copy and paste the generated colour code, then replace the relevant lines in your code snippet above :)

User avatar
Raul [ThE KuKa]
Jr. Extension Validator
Posts: 4625
Joined: Mon Dec 08, 2003 9:24 pm
Location: Spain
Name: Raul Arroyo
Contact:

Re: Logo Background (Header)

Post by Raul [ThE KuKa] » Fri Nov 24, 2017 8:26 pm

Christian 2.0 wrote:
Tue Nov 21, 2017 12:19 am
I recommend using this CSS3 gradient generator: http://www.colorzilla.com/gradient-editor/ . Copy and paste the generated colour code, then replace the relevant lines in your code snippet above :)
Thanks Christian. ;)
If you like my styles, translations, etc. and want to show some appreciation, then feel free to Donate with Image
phpBB International Support Team (Spanish - Español) :flag_es: Online Since 2003 - 15th anniversary
🎨phpBB Professional Premium Themes🔥
Author Translations (Spanish - Spain) :two_hearts:

:warning: I don't support those without the copyright Spanish translation. :warning:

User avatar
Hanakin
Infrastructure Team Member
Infrastructure Team Member
Posts: 723
Joined: Wed Dec 30, 2009 8:14 am
Name: Michael Miday
Contact:

Re: Logo Background (Header)

Post by Hanakin » Fri Nov 24, 2017 9:54 pm

411 that's all highly outdated unessecarily over complicated code

Code: Select all

.headerbar  {
	background: #0080da;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0080da), to(#006db9));
	background: linear-gradient(to bottom, #0080da 0, #006db9 100%);
	height: 120px;
	border-bottom: 1px solid #005189;
	min-height: 64px;
	-webkit-box-shadow: inset 0px -1px 0 #33a0ed;
	        box-shadow: inset 0px -1px 0 #33a0ed;
	padding-top: 0px;
	max-width: 1200px;
	margin: auto;
}
this is the only necessary for 3.2.1 compatibility.

Nothingarian123
Registered User
Posts: 2
Joined: Sat Dec 09, 2017 7:17 pm

Re: Logo Background (Header)

Post by Nothingarian123 » Sat Dec 09, 2017 7:23 pm

Hanakin wrote:
Fri Nov 24, 2017 9:54 pm
411 that's all highly outdated unessecarily over complicated code war robots hack

Code: Select all

.headerbar  {
	background: #0080da;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0080da), to(#006db9));
	background: linear-gradient(to bottom, #0080da 0, #006db9 100%);
	height: 120px;
	border-bottom: 1px solid #005189;
	min-height: 64px;
	-webkit-box-shadow: inset 0px -1px 0 #33a0ed;
	        box-shadow: inset 0px -1px 0 #33a0ed;
	padding-top: 0px;
	max-width: 1200px;
	margin: auto;
}
this is the only necessary for 3.2.1 compatibility.
thanks, that is what I'm looking for

Post Reply

Return to “[3.2.x] Styles Support & Discussion”

Who is online

Users browsing this forum: No registered users and 16 guests