Homepage design code

Hello everyone!

That problem solved for me but I see another problem about this code...

My solved problem link is here: https://help.forumotion.com/t156799-homepage-design-code#1084046

But when I use that code, it changed quality of my header image... What can I do?

I cant see any image in your header. Looking at the code, it seems like it should be this image:https://i.hizliresim.com/v6Z3rA.png
Problem is that image isn't loading.

Menim wrote:I cant see any image in your header. Looking at the code, it seems like it should be this image:https://i.hizliresim.com/v6Z3rA.png
Problem is that image isn't loading.

There is no problem for me, maybe this uploading site blocked for your country...

Photo is here



And the site header is look like this...

Menim wrote:I cant see any image in your header. Looking at the code, it seems like it should be this image:https://i.hizliresim.com/v6Z3rA.png
Problem is that image isn't loading.

same...cant see any image






can you upload the image using the servimg we all have in our forums and upload it again to your site please
cause this i.hizliresim.com is forbidden for us

skouliki wrote:

Menim wrote:I cant see any image in your header. Looking at the code, it seems like it should be this image:https://i.hizliresim.com/v6Z3rA.png
Problem is that image isn't loading.

same...cant see any image






can you upload the image using the servimg we all have in our forums and upload it again to your site please
cause this i.hizliresim.com is forbidden for us

Right now? I changed with servimg code... I think hizliresim blocked another countries.

yes its ok
so try this and adjust the height as you want

Code:


.headerbar {
height:600px;
}


The problem is that the image is originally 1023*283. In your header, it is resized to 1146*350, basically it is bigger in the header, which is why it looks less detailed. There are a few possible solutions:
1.Remake the image(in Photoshop or other programs) so that it is 1146.65*350 by default
2.Add this CSS code which will make the image 1023*283 in your header:

Code:

.headerbar{
background-size:contain !important;
}

As you can see this code leaves some black space at the top and bottom of the image. That can be removed if you want.

@skouliki, you forgot the dot before the class name.

thanks yes you are right

Oh thank you so much...

And how can I add the homepage link to header?

Isn't the Anasayfa link the one you're talking about?

Menim wrote:Isn't the Anasayfa link the one you're talking about?

Oh, yes! ^^

you have it already

skouliki wrote:you have it already

I know it already. But my question is:

yumm wrote:Oh thank you so much...

And how can I add the homepage link to header?

So I want to go ''Anasayfa'' when I click to header image...

Hello @yumm,

For that you have to edit the overall_header template. To do that go: Admin Panel > Display > Templates: General and edit the template with name overall_header.

Find:

Code:

<a href="{U_INDEX}" id="logo" title="{L_INDEX}"><img src="{LOGO}" alt="{L_INDEX}" /></a>

and replace it with:

Code:

<a href="/" id="logo" title="{L_INDEX}"><img src="{LOGO}" alt="{L_INDEX}" /></a>

That should redirect you to the main page of the forum. (the "Anasayfa" page)

Regards.

TheCrow wrote:Hello @yumm,

For that you have to edit the overall_header template. To do that go: Admin Panel > Display > Templates: General and edit the template with name overall_header.

Find:

Code:

<a href="{U_INDEX}" id="logo" title="{L_INDEX}"><img src="{LOGO}" alt="{L_INDEX}" /></a>

and replace it with:

Code:

<a href="/" id="logo" title="{L_INDEX}"><img src="{LOGO}" alt="{L_INDEX}" /></a>

That should redirect you to the main page of the forum. (the "Anasayfa" page)

Regards.

Did'nt work...

did you publish your template after saving it?

skouliki wrote:did you publish your template after saving it?

Yes, I did it...

Are you using AwesomeBB?  If yes, the header (banner/logo) is not clickable, but the one in the toolbar is.

SLGray wrote:Are you using AwesomeBB?  If yes, the header (banner/logo) is not clickable, but the one in the toolbar is.

No, I'm using ModernBB, And I use background header image, this is not logo.

Is the image covering the forum's title and description?

Hello,

Please post your overall_header template.

Hello,

What are you expecting to happen with this? You said, when you click your logo to take you to the same place as the Anasayfa page. If you don't use any logo this will not be visible and therefore you cannot click the background and that to take you to the Anasayfa page. The code provided above worked just fine:


Please explain in details what you want to do and if you can provide pictures or screenshots it would be great.

Regards.