Logo Background (Header)

For support and discussion related to templates, themes, and imagesets in phpBB 3.2.
Post Reply
kukayasko
Registered User
Posts: 7
Joined: Sun Nov 19, 2017 1:59 pm

Logo Background (Header)

Post by kukayasko » Sun Nov 19, 2017 2:08 pm

Hi guys. I'm using MyInvision skin, I know how to edit my logo.
But I wanna change the logo background, because it will be better.
problem1.png
Also, my new logo background is 1349x356.
How to fit it?
And it will resize for another computer if necessary, for sample?


Thankxxxxx

kukayasko
Registered User
Posts: 7
Joined: Sun Nov 19, 2017 1:59 pm

Re: Logo Background (Header)

Post by kukayasko » Sun Nov 19, 2017 2:27 pm

Aditional information: colours.css

Code: Select all

.headerbar  {
	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);
    height: 120px;
    border-bottom: 1px solid #005189;
    min-height: 64px;
    -webkit-box-shadow: inset 0px -1px 0 #33a0ed;
    -moz-box-shadow: inset 0px -1px 0 #33a0ed;
    box-shadow: inset 0px -1px 0 #33a0ed;
    padding-top: 0px;
	max-width: 1200px;
    margin: auto;
}
Could be here? And If, How to do?

User avatar
Mick
Support Team Member
Support Team Member
Posts: 18124
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.
Forza Garibaldi

kukayasko
Registered User
Posts: 7
Joined: Sun Nov 19, 2017 1:59 pm

Re: Logo Background (Header)

Post by kukayasko » Sun Nov 19, 2017 2:43 pm

Hi Mick!
May you move my topic?

User avatar
Mick
Support Team Member
Support Team Member
Posts: 18124
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.
Forza Garibaldi

User avatar
Christian 2.0
Former Team Member
Posts: 4361
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: 3760
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
🎨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: 570
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 1 guest

cron