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: 26505
Joined: Fri Aug 29, 2008 9:49 am

Re: Logo Background (Header)

Post by Mick »

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©
  • "The good news is hell is just the product of a morbid human imagination.
    The bad news is, whatever humans can imagine, they can usually create.
    " - Harmony Cobel
User avatar
Mick
Support Team Member
Support Team Member
Posts: 26505
Joined: Fri Aug 29, 2008 9:49 am

Re: Logo Background (Header)

Post by Mick »

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©
  • "The good news is hell is just the product of a morbid human imagination.
    The bad news is, whatever humans can imagine, they can usually create.
    " - Harmony Cobel
User avatar
PlanetStyles.net
Former Team Member
Posts: 4809
Joined: Wed Nov 04, 2009 11:16 pm
Location: Way up in the sky close to the stars
Name: Christian
Contact:

Re: Logo Background (Header)

Post by PlanetStyles.net »

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]
Style Customisations
Style Customisations
Posts: 11073
Joined: Mon Dec 08, 2003 9:24 pm
Location: Spain
Name: Raul Arroyo
Contact:

Re: Logo Background (Header)

Post by Raul [ThE KuKa] »

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. ;)
All unsolicited PMs will be ignored.
:warning: Knowledge Base | Documentation | Board rules | phpBB Styles Rules & Policies | Styles Queue Stats :warning:


If you like my styles, translations, etc. and want to show some appreciation, then feel free to Donate.
:flag_es: phpBB Spain - Online Since 2003 :heart:


User avatar
Hanakin
Front-End Dev Team Lead
Front-End Dev Team Lead
Posts: 1065
Joined: Wed Dec 30, 2009 8:14 am
Name: Michael Miday
Contact:

Re: Logo Background (Header)

Post by Hanakin »

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 »

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”