March 21, 2008

Adding Fourth Column in *EboNeo *Template

Hi, i just wonder whether you can help me modify your script so i can have a 4 columns neo instead of 3 columns ?? I'm still trying to modify the script but still not working.

Thanks

I figured responding to this via comments was going to be too long so i decided to make it a post.

First of all you need to define the properties of the new column:

First give the new column a unique name here I have called it xtrasidebar

#xtrasidebar-wrapper {
width: 100px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
margin-right: 10px;
}

Next you have to decide how wide (width) it should be, always note, with regards to width:

outer-wrapper
= main-wrapper + sidebar-wrapper + newsidebar-wrapper + extrasidebar-wrapper

So what ever you decide this equation should balance. Most likely the space for the new column will come of the main column space as it has the larger real estate

Place the above code just below :

#newsidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
margin-right: 10px;
}


After this you need to set up the template id for the extra/ new/ fourth column

insert this code. This code will contain the widgets for the new column. It is initially blank. You can cut and paste widgets from other columns and insert them blank space or you can move them more easily via page element function.

<div id='xtrasidebar-wrapper'>
<b:section class='sidebar' id='xtrasidebar' preferred='yes'>

</b:section>
</div>


Change the names appropriately and then save the template.

Go to your page element and you will find a new column as you defined.


9 comments:

VampireXxX said...

Wow great post and thank you for taking the time to answer my question also i'm really honored that you made a post to explain the step by step. Will try this soon and will let you know the result. Thanks again.

VampireXxX said...

Hi, did this done that but still not able to make it work. The column is not available in the page element. Still working on it. Any ideas ??
Thanks

Anyway i like the eboneo ver.2.0
Great Job

diddy47 said...

cool ...

diddy47 said...

really, but your profile is unavailable so i cannot visit your blog(s) and do a blogospy since i don't know the url by memory

diddy47 said...

hi i think i found the blog...is it
vampirexxx-earn-money (& post-reviews?). Did the 4th column not show up at all or was the preview messed up, could you send me screenshots or the edited/preview xml

VampireXxX said...

Hi, yes that's mine. I'm thinking to review your site and the template =)
The preview messed up and the 4th column didn't show up at all, instead the main post looks like a side bar and in the page elements, the 4th column also didn't show up. Any idea ?? Will email you the screen shot first thing in the morning or should i post it here ??
Thanks

diddy47 said...

you can post them here...and i can have a look...if possible post the edited xml that generated the preview as well...
if you are going to write a review i'd very much look forward to reading it thanx

VampireXxX said...

Hi done reviewing =) Let me know what you think.
For the screen shot, i will post it later.

Thanks

diddy47 said...

heya

fair review i guess...the thing with all browser support is standards...one of the worst ones in IE...you can bet money any day that any website looks its worst in IE...that being said to make an all round support you'd have t make a lot of design compromises...eg padding...rounding edges,positioning and float elements....i guess it can eventually be tweaked out....

maybe the reason my IE support sucks is because of laziness and my contempt 4 IE...lol (but IE 8 has promises in standards) huh...anyway thanx 4 the review