11 replies to this topic

[joey_m]

I'm trying to do the following, although I'm really struggling to remove the large white gap that is just below my boards stats. http://www.prideofno...o.uk/community/

Also is it possible to get rid of my background image and split it so it does the following....

left_background.png
right_background.png

so that I can reduce the 500k image that isn't needed, although I really like having a picture/fading effect down the side. Thanks

[Broni]

I'm not sure what gap you're referring to.
I don't see anything in my Firefox.

As for your other question, not easy.
You'll have to play around.
See here: http://www.zen-cart....ad.php?t=129032

[joey_m]

[Broni]

In globalTemplate comment out:

Quote

<ol class='breadcrumb bottom ipsList_inline left clearfix clear'>
<if test="count( $items['navigation'] )">
<php>$this->did_first = 0;</php>
<if test="switchnavigation:|:!$this->settings['remove_forums_nav'] OR ipsRegistry::$current_application == 'forums'">
<li><a href='{parse url="act=idx" seotitle="false" base="public"}'>{$this->settings['board_name']}</a></li>
<if test="didfirstnav:|:$this->did_first=1"></if>
</if>
<foreach loop="navigation:$items['navigation'] as $idx => $data">
<li><if test="didfirstappnow:|:$this->did_first"><span class='nav_sep'>{parse replacement="f_nav_sep"}</span></if> <if test="navigationlink:|:$data[1]"><a href='{parse url="{$data[1]}" base="$data[4]" seotitle="$data[2]" template="$data[3]"}' title='{$this->lang->words['nav_return_to']}{$data[0]}'></if>{$data[0]}<if test="closenavigationlink:|:$data[1]"></a></if></li>
<if test="forsuredidfirstnav:|:$this->did_first=1"></if>
</foreach>
<else />
<li> </li>
</if>
<if test="siteruleslink:|:$this->settings['gl_show'] and $this->settings['gl_title']">
<li class='right ipsType_smaller'>
<a href='<if test="ruleslink:|:$this->settings['gl_link']">{$this->settings['gl_link']}<else />{parse url="app=forums&amp;module=extras&amp;section=boardrules" base="public"}</if>'><if test="siterulestitle:|:$this->settings['gl_title']">{$this->settings['gl_title']}<else />{$this->lang->words['board_rules']}</if></a>
</li>
</if>
</ol>

[joey_m]

Thanks Broni, much appreciate your help :)

[Broni]

You're very welcome

[joey_m]

Broni,

Do you know how to split the background into left and right images? I tried to make sense of the link you posted, although it went over my head. If you are, would you be open to me paying you for the changes? I don't mean to sound cheeky but I'd really like to improve how the background looks, as currently it fails very badly.

[Broni]

I've never tried.
Do you have any link to some website which has such feature?

[joey_m]

I've seen it done before, on a few websites but I don't recall any off by heart.

Then again I think the link you posted above does, well the site. http://www.naiah.fr/shop/

[Broni]

The above page is fairly simple.
It contains 3 <div> sections:

1. <div id="flowersleft"> </div>with this CSS code:

Quote

#flowersleft {


background: url("../images/bg_flowers_left.png") repeat scroll 0 0 transparent;
height: 440px;
left: 4%;
position: absolute;
width: 250px;
}

2. <div id="mainWrapper"> (main section) with this CSS code:

Quote

#mainWrapper {


margin: auto;
position: relative;
z-index: 100;
}

Quote

#mainWrapper {


background-image: url("../images/mainwrapper_tile.jpg");
background-position: center center;
background-repeat: repeat-y;
text-align: left;
vertical-align: top;
width: 842px;
}

3. <div id="flowersright"> </div> with this CSS code:

Quote

#flowersright {


background: url("../images/bg_flowers_right.png") repeat scroll 0 0 transparent;
height: 440px;
position: absolute;
right: 4%;
width: 250px;
}

They have a little problem there because they used fixed width so it looks funny in higher screen resolution.
It's better to use fluid width (%) instead of fixed one (px)

[joey_m]

I think I'm getting there, sounds simple but still going over my head.

I just add a new div to my theme and put the css relating to it inside the css of theme? Where is the background div located inside the templates?

[Broni]

It should work if you but it right above <div id="ipbwrapper">
Surely you have to upload YOUR images through FTP.