19 replies to this topic

[spiritof52]

Hi there,

Back in IPB V2.2 it was possible to do a global skin edit so that a board logo would auto resize to whatever the user screen size was.

Is it possible to do that with v3.2.x ?

[Broni]

Do you mean just this?

[spiritof52]

yup that's the bit

I used the following code in ipb v2.x.x

<div align='left' id="logostrip"><a href='{$this->ipsclass->base_url}'><!--ipb.logo.start--><img src='style_images/boardimage.jpg' alt='board name' style='vertical-align:top;height:100%;width:100%' border='0' /><!--ipb.logo.end--></a></div>

in the All Globa lHTML/global_board_header. which shrank or expanded the board log to fit the screen size.

Now that I've come across your tutorial on how to move the search bar I'd like to be able get that part working again

Thanks for looking

[Broni]

Let em know how it went.

[spiritof52]

ahhh that was the code that I used in v2.x doesn't work in v3.2

I'm wondering if some sort of coding can be used in this section of (skin choice) Global Templates - Global Template

<!-- ::: BRANDING STRIP: Logo and search box ::: -->
            <div id='branding'>
                <div class='main_width'>
                    <div id='logo'>
                        <if test="brandingBar:|:ipsRegistry::$applications[ $this->registry->getCurrentApplication() ]['hasCustomHeader']">
                            {parse template="overwriteHeader" group="{current_app}_global" params=""}
                        <else />
                            {parse template="defaultHeader" group="global" params=""}
                        </if>
                    </div>
                    {parse template="quickSearch" group="global" params=""}
                </div>
            </div>

[Broni]

I don't think this is gonna work.
Resizing logo itself is a tricky business.
You would have to create new image which would be wider but then I see no way to keep it stretched in all screen resolutions.

Honestly why would you want logo that wide?

[spiritof52]

ahh the image that we used to use was 1000x150 so the stretching/shrinking wasn't too much, and it filled out the blank space to the right of the image :)

[Broni]

Yes but if you have fixed width it'll look different in different screen resolutions.

[spiritof52]

I can see what your saying, but this was more to use with different monitor sizes rather than screen resolution, and for some types of images if you stretched them then yes they would appear distorted, with the image that I used, using width: 100% didn't have that problem,

[Broni]

You can replace logo image through FTP and see how it goes then.

[spiritof52]

yup I could do that but that would still give a fixed size for the image, like I said in my 2nd post what the code for the old ipb v2.3 dud was take the fixed size logo image and then expand it to fit the board width

[Broni]

That possibly can be done (it may cause some distortion though).

Create some image say 800 px wide, implement it into your board, send me a link and I'll see what can be done.

[spiritof52]

Hi Broni,

Thanks for having a look pm on the way with board/login info

[Broni]

You still need to move search bar.
When done you need to make following adjustments

In HTML template add setting in red:

Quote

<img style="width:100%" alt="Logo" src="http://northern-lights-healing.invisionzone.com/public/style_images/7_nlhboard2b.jpg">

...and in CSS:

Quote

#logo {


float: left;
width: 100%;
}

[spiritof52]

Hi Brodi,

Thanks for having a look, yup there's a couple of skins that I still need to move the search bar on, just a quick question on the file edits, which particular files do I need to edit ?

[Broni]

The first one would be in Global Templates>defaultHeader
The 2nd one in ipb_styles.css

[spiritof52]

hmmmm this is all that is in my default header:

Quote

<a class='logo' href='{$this->settings['board_url']}' title='{$this->lang->words['go_home']}' rel="home" accesskey='1'><img src='{parse replacement="logo_img"}' alt='{$this->lang->words['logo']}' /></a><br />

so not sure where you want me to add the piece of code. ipb_style.css is fine

[Broni]

<a class='logo' href='{$this->settings['board_url']}' title='{$this->lang->words['go_home']}' rel="home" accesskey='1'><img style="width:100%" src='{parse replacement="logo_img"}' alt='{$this->lang->words['logo']}' /></a><br />

[spiritof52]

whooopeeeeee that works, if you log in to the board then change the skin theme to IP.Board set, then grab hold of the window frame and drag it in and out you'll see it in action and no distortion either :) many many thanks

[Broni]

You're very welcome