Forums / Cotonti / General / Make new box for menu?

Albalady
#1 2010-06-01 20:03
Hi...
I want to make a new box content for menu,marketing in left,which is similar with box in right, who can post here a tutorial to make it..?

Thanks
ez
#2 2010-06-01 22:19
You have to give more details.. I do not get it ????
==- I say: Keep it EZ -==
pieter
#3 2010-06-01 23:56
Maybe a picture what you want.
... can we help you ...
Albalady
#4 2010-06-02 05:47
I have make a photo, you can see there what i'm wanting...?

In center i need to get the page content, and to add a other modules content in left...

Check Photo

Added 21 hours 44 minutes later:

Any help please?
This post was edited by Albalady (2010-06-03 03:32, 13 years ago)
pieter
#5 2010-06-03 14:24
It is possible but it is a lot of work.
All pictures need to be adapted.

Rayblo once had a version with 3 parts instead of 2, but it was for Seditio.
Maybe you can start from that version.

Check it out here: http://trac.cotonti.com/browser/branches/skins/sed-light3

Or download here and place the files in /skins/sed-light3/
... can we help you ...
ez
#6 2010-06-03 15:01
you can do it with the current skin..

BUT What do you want to do with the small space in the middle ??

In css you need to make 2 things
something like a #content #lsidesmall (derived from #content #rside) so a make a small column that
floats left. And you need to make something to the right of that (in the middle???)

and integrate that into index.tpl

the css you need:
#content #lSide { float:left; width:550px; }
#content #lSide .lboxHD { color:#3E606F; background: url(img/SED-Light_lBoxHD.gif) no-repeat; width:540px; height:35px; line-height:35px; vertical-align:middle; font-size:.90em; text-transform:uppercase; padding:0 0 0 25px; font-weight:bold; }
#content #lSide .lboxBody { width:530px; background:#FFF url(img/SED-Light_lBoxFT.gif) no-repeat bottom; min-height:20px; padding:10px; margin-bottom:10px; }

#content #rSide { float:right; width:240px; }
#content #rSide .rboxHD { color:#3E606F; background: url(img/SED-Light_rBoxHD.gif) no-repeat; width:230px; height:35px; line-height:35px; vertical-align:middle; font-size:.90em; text-transform:uppercase; padding:0 0 0 25px; font-weight:bold; }
#content #rSide .rboxBody { width:220px; background:#FFF url(img/SED-Light_rBoxFT.gif) no-repeat bottom; min-height:20px; padding:10px; margin-bottom:10px; }

Like Pieter said, you have to know css and html to change that all.
Also think about your layout before you make it.

greets,

ez
==- I say: Keep it EZ -==
Albalady
#7 2010-06-05 06:52
I decided to make a site with 3 column, i have change the site size in CSS and in midle it's normal with the size that had previously...

I know HTML and a part of CSS but now i'm trying with this tutorial, if i can't i post here the problem which i can't fix...

Thanks a lot pieter and ez.

Added 21 days later:

Please who can help me for this...?
This post was edited by Albalady (2010-06-26 08:17, 13 years ago)