Logo extension

Go down

Solved Logo extension

Post by Ivan Ivanov on January 11th 2019, 3:34 pm

Technical Details


Forum version : #phpBB3
Position : Administrator
Concerned browser(s) : Mozilla Firefox
Screenshot of problem : https://i.paste.pics/d56fdcc118497d8bbb4753a75095e5e1.png
Who the problem concerns : All members
Forum link : http://chudofo.forum2x2.ru

Description of problem

How can I set the color near the logo? This is done on your forum.


Last edited by Ivan Ivanov on January 11th 2019, 7:51 pm; edited 1 time in total
Ivan Ivanov
Ivan Ivanov
New Member

Male Posts : 23
Reputation : 2
Language : Russian
Location : Russia

http://chudofo.forum2x2.ru/

Back to top Go down

Solved Re: Logo extension

Post by skouliki on January 11th 2019, 3:40 pm

hello

add this to your css

Code:


.conteneur_container_IE {
    background: url(YOUR IMAGE URL) repeat-x 0 26px transparent;
}

just adjust the.. 0 26px..part if needed
skouliki
skouliki
Manager
Manager

Female Posts : 5135
Reputation : 829
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Logo extension

Post by Menim on January 11th 2019, 6:37 pm

Hello,

Skouliki's code doesn't work. The element you're using there(.conteneur_container_IE) targets the whole page, while he only wants the part near the logo to be coloured. At least that's what I think.

For that, this code should work:
Code:
.headerbar{
background:#00689A !important;
}
This will make it blue. You can change the color(#00689A) if you want.


Also, if anyone is annoyed by the fact that right click is blocked on that forum, you can paste this code in the console to disable it:
Code:
void(document.oncontextmenu=null);


Last edited by Menim on January 11th 2019, 11:03 pm; edited 1 time in total
Menim
Menim
Forumember

Posts : 87
Reputation : 12
Language : English

Back to top Go down

Solved Re: Logo extension

Post by TheCrow on January 11th 2019, 10:52 pm

Hello,

Is this solved?

Also, @Menim the code you provided will only work if the member disabled the image that is by default over the
Code:
headerbar
element. So a
Code:
!important
is best to be added there to remove the image at the same time, just in case the image was not removed earlier. Plus, for me it's best to use the
Code:
background-color
instead of
Code:
background
to change the color of the background so that you will be able in the future if you wish to add a background image to also be able to by simply changing that line of code! Wink But this way works too.


Last edited by Luffy on January 11th 2019, 11:06 pm; edited 1 time in total
TheCrow
TheCrow
Manager
Manager

Male Posts : 5891
Reputation : 665
Language : Greek, English
Location : Cyprus, Greece

https://www.inforumgr.com

Back to top Go down

Solved Re: Logo extension

Post by Menim on January 11th 2019, 11:03 pm

That code worked for me in the console, but an !important cant do anything wrong. I personally never use background-color, because background accepts both an image and a color code. I'll modify my post to add the !important you mentioned.
Menim
Menim
Forumember

Posts : 87
Reputation : 12
Language : English

Back to top Go down

Solved Re: Logo extension

Post by TheCrow on January 11th 2019, 11:08 pm

@Menim wrote:That code worked for me in the console, but an !important cant do anything wrong. I personally never use background-color, because background accepts both an image and a color code. I'll modify my post to add the !important you mentioned.
I understand what you are saying, and I am doing the same thing. Just to save space for my CSS. But other users who are not that familiar with CSS coding don't know that and it's best to explain what the code does. Wink

Regards.
TheCrow
TheCrow
Manager
Manager

Male Posts : 5891
Reputation : 665
Language : Greek, English
Location : Cyprus, Greece

https://www.inforumgr.com

Back to top Go down

Solved Re: Logo extension

Post by Menim on January 11th 2019, 11:09 pm

I guess you're right with that one Wink
Menim
Menim
Forumember

Posts : 87
Reputation : 12
Language : English

Back to top Go down

Solved Re: Logo extension

Post by Draxion on January 12th 2019, 8:31 am

Problem solved & topic archived.
Please read our forum rules: ESF General Rules


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

Draxion
Draxion
Support Moderator
Support Moderator

Male Posts : 2251
Reputation : 284
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum