boxes and CSS

[moisea]

hello
i posted earlier but still did not get a response, however i am not willing to give it up. i have a nother problem that i am still trying to solve as well and i hope i will get some answers from this forum. the problem is i am trying to get my boxes displayed like in http://www.movion.com/demo/catalog/default.php but nothing.
has someone got an idea on how to get the boxes on the left and right column dispalyed in the same manner? help me please!
many thanks.

[michael_s]

Be more specific. I don't see anything special about that site. It looks like they just added a background graphic...

[moisea]

hello msasek,
what i want to know is how to use CSS to make boxes like on movion. ie they are not straight, one side of the boxes have all a bit of shadow on the right for boxes on the right columns and left side for the left side boxes.
i hope this might be helpful.

[WebMistress]

That messes with my eyes bad. I wouldn't like that on my site personally, and it would seem to be a bit of a distraction, in my opinion.

Though it is possible they just added a graphic to the bottom, not necessarily used CSS.

[jpf]

Are you talking about the little ".:" thing besides the infobox titles...

Looks like they change a few graphics in :
catalog/images/infobox/

corner_left.gif
corner_right.gif
corner_right_left.gif

and in left they put the ".:" and change the background colour.

then in all files of /catalog/includes/boxes/*.php

look for a line simular to:

new infoBoxHeading($info_box_contents, true, false);

Change so it say as above in bold.

Header background colour is done via CSS.


Good Luck

[moisea]

Originally Posted by jpf

Are you talking about the little ".:" thing besides the infobox titles...

Looks like they change a few graphics in :
catalog/images/infobox/

corner_left.gif
corner_right.gif
corner_right_left.gif

and in left they put the ".:" and change the background colour.

then in all files of /catalog/includes/boxes/*.php

look for a line simular to:

new infoBoxHeading($info_box_contents, true, false);

Change so it say as above in bold.

Header background colour is done via CSS.


Good Luck

hello jpf,
thanks for your reply, it getting more clear to me, however, i dont understand this sentence "and in left they put the ".:" and change the background colour. " how do i do that? and also the shadow is at the bottom of the boxes why would i have to use "new infoBoxHeading($info_box_contents, true, false);"
please help me been a long time and i am still struggling with it.
many thanks.

[jpf]

Have you looked at there code - on the BOTTOM of each infobox they have a little GREY swosh (http://www.movion.com/demo/catalog/images/boxes/r.gif or l.gif)

<TR>
<TD>
<IMG SRC="images/boxes/r.gif" WIDTH=173 HEIGHT=5></TD>
</TR>

More than likely they added a little "if statement" on the bottom of there draw infobox fuction. IF leftcolum then dispaly l.gif if rightcolum then display r.gif