Allan Style - SUBSILVER

Header - Allan Style - SUBSILVER

Header

by thailand123 » Sun Dec 13, 2015 9:22 pm

How do i add some picture into the header? like behind words of "phpBB" ?
Sorry I am very limited on programming coding. Might need step by step guide or a youtube video.

Much appreciated from your help.

Thailand123
thailand123
Registered User
Posts: 6
Joined: Sun Dec 13, 2015 9:18 pm

Re: Header

by Allan_Style » Mon Dec 14, 2015 9:44 pm

1. Logo replacement - to replace a picture on his, size 170x94px

Code: Select all

AllanStyleSUBSILVER\theme\images\site_logo.gif

2. Changing the background in header
find in AllanStyleSUBSILVER\theme\colours.css

Code: Select all

#header-subsilver{
   background-color: #d9dfe4;
   border-bottom: 1px solid #4787a7;
}

change

Code: Select all

#header-subsilver {
    background-color: #d9dfe4;
    background-image: url("link-to-the-background-img");
    border-bottom: 1px solid #4787a7;
}

background-color: #d9dfe4;- the background behind the picture
background-image: url("link-to-the-background-img"); - background picture
AllanStyleSUBSILVER.JPG
effect
Allan_Style
Registered User
Posts: 47
Joined: Tue Feb 10, 2015 9:08 pm

Re: Header

by dontcoz » Thu Jan 28, 2016 4:07 am

hello allan,

thank you for a very nice style. is it possible to show logo in responsive.css

Code: Select all

.logo {
   /* change display value to inline-block to show logo */
   display: inline-block;
   float: none;
   padding: 10px;
}


but to have it resize with the size of the screen. or at least show at 50% of the original image size.

thanks!
User avatar
dontcoz
Registered User
Posts: 507
Joined: Mon Sep 29, 2008 9:49 pm
Location: Vancouver, BC

Re: Header

by metchley » Mon May 09, 2016 1:20 pm

Hi Allen,
Thanks for this nice style. I changed the logo successfully and would like to change the fonts in the header. Exactly the font of title of the board and the one of the description of the board.
I guess this is done in a css but there are so many.

Thank you for your help.
metchley
Registered User
Posts: 1
Joined: Mon May 09, 2016 1:09 pm

Re: Header

by Allan_Style » Mon May 23, 2016 7:10 pm

dontcoz wrote:hello allan,

thank you for a very nice style. is it possible to show logo in responsive.css

Code: Select all

.logo {
   /* change display value to inline-block to show logo */
   display: inline-block;
   float: none;
   padding: 10px;
}


but to have it resize with the size of the screen. or at least show at 50% of the original image size.

thanks!

It's a bad idea. But if you want to do that, edit here, for example:
background-size: 25% auto;
01.JPG
Allan_Style
Registered User
Posts: 47
Joined: Tue Feb 10, 2015 9:08 pm

Re: Header

by Allan_Style » Mon May 23, 2016 7:12 pm

metchley wrote:Hi Allen,
Thanks for this nice style. I changed the logo successfully and would like to change the fonts in the header. Exactly the font of title of the board and the one of the description of the board.
I guess this is done in a css but there are so many.

Thank you for your help.

Changes here:
02.JPG
Allan_Style
Registered User
Posts: 47
Joined: Tue Feb 10, 2015 9:08 pm

Re: Header

by chulomex3 » Mon May 15, 2017 5:01 pm

Using phpbb 3.2, Allen Style Subsilver
Link to my website --> http://www.tekvb.com/

I added the code for background header.

1. Can't get it to work with a .jpg (same image renamed as .gif works sort of)
2. The gif image repeats itself across the span of the website instead of being 1 long image.
3. The gif image is cut off from top to bottom so it's not showing the whole thing.
4. How do I adjust the dimensions so that it will show my entire banner and not repeat itself?


Thank you!
chulomex3
Registered User
Posts: 13
Joined: Wed May 11, 2016 5:25 am

Re: Header

by Bhavadasa » Sat Oct 09, 2021 5:11 pm

I can’t get the background color to change. I did as you said above. For me, I want header background to be white, so I replace the code with, #FFFFFF, but it staid the same. I refreshed everything, and even rebooted the computer, but everything stayed the same. What am I doing wrong? Thanks.

#header-subsilver{
background-color: #d9dfe4;
border-bottom: 1px solid #4787a7;
}
User avatar
Bhavadasa
Registered User
Posts: 24
Joined: Thu Jan 21, 2016 8:38 am

Re: Header

by Bhavadasa » Tue Oct 12, 2021 9:35 am

Regarding my own post, it was a cache issue—it did work—no need to reply. Thanks for this style!
User avatar
Bhavadasa
Registered User
Posts: 24
Joined: Thu Jan 21, 2016 8:38 am