(Regarding the three columns at the HOME page)
Some people at the forum have asked me how to make the 3 columns and here I'm posting the way.
First have a look in a live site I've implemented this.
And now the css:
body .container .content .content_botbg .content_res .content_left .tabcontrol #block1 .undertab,
body .container .content .content_botbg .content_res .content_left .tabcontrol #block2 .undertab,
body .container .content .content_botbg .content_res .content_left .tabcontrol #block3 .undertab {
margin-bottom: 5px;
padding-right: 0;
width: 572px;
}
body .container .content .content_botbg .content_res .content_left .tabcontrol #block1 .whiteblock.can_chg_bg a img.attachment-medium,
body .container .content .content_botbg .content_res .content_left .tabcontrol #block2 .whiteblock.can_chg_bg a img.attachment-medium,
body .container .content .content_botbg .content_res .content_left .tabcontrol #block3 .whiteblock.can_chg_bg a img.attachment-medium {
margin-right: 0;
padding: 0;
width: 186px;
height: 100px;
}
body .container .content .content_botbg .content_res .content_left .tabcontrol #block1,
body .container .content .content_botbg .content_res .content_left .tabcontrol #block2,
body .container .content .content_botbg .content_res .content_left .tabcontrol #block3 {
width: 600px;
padding: 0;
}
body .container .content .content_botbg .content_res .content_left .tabcontrol #block1 .whiteblock.can_chg_bg,
body .container .content .content_botbg .content_res .content_left .tabcontrol #block2 .whiteblock.can_chg_bg,
body .container .content .content_botbg .content_res .content_left .tabcontrol #block3 .whiteblock.can_chg_bg {
padding: 0;
float: left;
width: 188px;
height: 350px;
margin: 0 10px 5px 0;
}
body .container .content .content_botbg .content_res .content_left .tabcontrol #block1 .whiteblock,
body .container .content .content_botbg .content_res .content_left .tabcontrol #block2 .whiteblock,
body .container .content .content_botbg .content_res .content_left .tabcontrol #block3 .whiteblock {
margin: 0;
}
body .container .content .content_botbg .content_res .content_left .tabcontrol #block1 .whiteblock.can_chg_bg .priceblockbig,
body .container .content .content_botbg .content_res .content_left .tabcontrol #block2 .whiteblock.can_chg_bg .priceblockbig,
body .container .content .content_botbg .content_res .content_left .tabcontrol #block3 .whiteblock.can_chg_bg .priceblockbig {
width: 170px;
margin-top: 0px;
margin-bottom: 10px;
padding: 6px 10px;
}
body .container .content .content_botbg .content_res .content_left .tabcontrol #block1 .whiteblock.can_chg_bg .priceblockbig h3 a,
body .container .content .content_botbg .content_res .content_left .tabcontrol #block2 .whiteblock.can_chg_bg .priceblockbig h3 a,
body .container .content .content_botbg .content_res .content_left .tabcontrol #block3 .whiteblock.can_chg_bg .priceblockbig h3 a {
font-size: 13px;
line-height: 24px;
padding: 0;
}
body .container .content .content_botbg .content_res .content_left .tabcontrol #block1 .whiteblock.can_chg_bg .priceblockbig p.bot4px.dotted,
body .container .content .content_botbg .content_res .content_left .tabcontrol #block2 .whiteblock.can_chg_bg .priceblockbig p.bot4px.dotted,
body .container .content .content_botbg .content_res .content_left .tabcontrol #block3 .whiteblock.can_chg_bg .priceblockbig p.bot4px.dotted {
line-height: 10px;
font-size: 12px;
margin-top: 0px;
margin-bottom: 0px;
}
body .container .content .content_botbg .content_res .content_left .tabcontrol #block1 .whiteblock.can_chg_bg .priceblockbig p.price,
body .container .content .content_botbg .content_res .content_left .tabcontrol #block2 .whiteblock.can_chg_bg .priceblockbig p.price,
body .container .content .content_botbg .content_res .content_left .tabcontrol #block3 .whiteblock.can_chg_bg .priceblockbig p.price {
margin-top: -100px;
text-shadow: white 1px 2px;
}
Enjoy it!