Homepage design code Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
4 posters

    Homepage design code

    yumm
    yumm
    Forumember


    Female Posts : 79
    Reputation : 3
    Language : Turkish / English

    In progress Homepage design code

    Post by yumm January 13th 2019, 12:02 pm

    Hello everyone! Hello

    That problem solved for me but I see another problem about this code... Crying or Very sad

    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... Sad What can I do?
    avatar
    Guest
    Guest


    In progress Re: Homepage design code

    Post by Guest January 13th 2019, 12:29 pm

    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.
    yumm
    yumm
    Forumember


    Female Posts : 79
    Reputation : 3
    Language : Turkish / English

    In progress Re: Homepage design code

    Post by yumm January 13th 2019, 1:19 pm

    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... Smile

    Photo is here

    Homepage design code Newyea10

    And the site header is look like this...

    Homepage design code Screen19
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15391
    Reputation : 1709
    Language : English,Greek
    Location : Greece

    In progress Re: Homepage design code

    Post by skouliki January 13th 2019, 2:08 pm

    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


    Homepage design code Screen46

    Homepage design code Screen47

    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

    yumm
    yumm
    Forumember


    Female Posts : 79
    Reputation : 3
    Language : Turkish / English

    In progress Re: Homepage design code

    Post by yumm January 13th 2019, 2:22 pm

    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


    Homepage design code Screen46

    Homepage design code Screen47

    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. :/
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15391
    Reputation : 1709
    Language : English,Greek
    Location : Greece

    In progress Re: Homepage design code

    Post by skouliki January 13th 2019, 3:30 pm

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

    Code:

    .headerbar {
    height:600px;
    }


    Last edited by skouliki on January 13th 2019, 3:46 pm; edited 1 time in total

    avatar
    Guest
    Guest


    In progress Re: Homepage design code

    Post by Guest January 13th 2019, 3:36 pm

    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.
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15391
    Reputation : 1709
    Language : English,Greek
    Location : Greece

    In progress Re: Homepage design code

    Post by skouliki January 13th 2019, 3:47 pm

    thanks yes you are right :rose:

    yumm
    yumm
    Forumember


    Female Posts : 79
    Reputation : 3
    Language : Turkish / English

    In progress Re: Homepage design code

    Post by yumm January 13th 2019, 6:02 pm

    Oh thank you so much... Angel Angel

    And how can I add the homepage link to header? ouou
    avatar
    Guest
    Guest


    In progress Re: Homepage design code

    Post by Guest January 13th 2019, 6:19 pm

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


    Female Posts : 79
    Reputation : 3
    Language : Turkish / English

    In progress Re: Homepage design code

    Post by yumm January 13th 2019, 6:20 pm

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

    Oh, yes! ^^
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15391
    Reputation : 1709
    Language : English,Greek
    Location : Greece

    In progress Re: Homepage design code

    Post by skouliki January 14th 2019, 9:28 am

    you have it already

    Homepage design code Scree702

    yumm
    yumm
    Forumember


    Female Posts : 79
    Reputation : 3
    Language : Turkish / English

    In progress Re: Homepage design code

    Post by yumm January 14th 2019, 12:24 pm

    skouliki wrote:you have it already

    Homepage design code Scree702

    I know it already. Laughing But my question is:

    yumm wrote:Oh thank you so much... Angel Angel

    And how can I add the homepage link to header? ouou

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


    Male Posts : 6916
    Reputation : 795
    Language : Greek, English

    In progress Re: Homepage design code

    Post by TheCrow January 14th 2019, 5:45 pm

    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.



    Homepage design code Thecro10
    Forum of the Forums

    Forumotion Rules | Tips & Tricks |
    FAQ | Did you forget your password?



    *** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
    No support via PM!
    yumm
    yumm
    Forumember


    Female Posts : 79
    Reputation : 3
    Language : Turkish / English

    In progress Re: Homepage design code

    Post by yumm January 14th 2019, 7:16 pm

    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... :/
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15391
    Reputation : 1709
    Language : English,Greek
    Location : Greece

    In progress Re: Homepage design code

    Post by skouliki January 14th 2019, 7:56 pm

    did you publish your template after saving it?

    yumm
    yumm
    Forumember


    Female Posts : 79
    Reputation : 3
    Language : Turkish / English

    In progress Re: Homepage design code

    Post by yumm January 14th 2019, 8:17 pm

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

    Yes, I did it... Shocked
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51555
    Reputation : 3524
    Language : English
    Location : United States

    In progress Re: Homepage design code

    Post by SLGray January 14th 2019, 9:08 pm

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



    Homepage design code Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    yumm
    yumm
    Forumember


    Female Posts : 79
    Reputation : 3
    Language : Turkish / English

    In progress Re: Homepage design code

    Post by yumm January 14th 2019, 9:24 pm

    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. Smile
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51555
    Reputation : 3524
    Language : English
    Location : United States

    In progress Re: Homepage design code

    Post by SLGray January 14th 2019, 9:32 pm

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



    Homepage design code Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    avatar
    Guest
    Guest


    In progress Re: Homepage design code

    Post by Guest January 14th 2019, 9:38 pm

    Hello,

    Please post your overall_header template.
    TheCrow
    TheCrow
    Manager
    Manager


    Male Posts : 6916
    Reputation : 795
    Language : Greek, English

    In progress Re: Homepage design code

    Post by TheCrow January 15th 2019, 9:55 am

    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:
    Homepage design code Test10

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

    Regards.



    Homepage design code Thecro10
    Forum of the Forums

    Forumotion Rules | Tips & Tricks |
    FAQ | Did you forget your password?



    *** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
    No support via PM!