Forums

add to main double block?

Permalink
i was wondering if someone could walk me through how to add an "add to main2" block which would be a double block instead of a single wide block as is already.

so if a normal block is 630wide i want to add an add to main block which is two 310wide blocks so i dont have to create tables in a single block to get double columns

i know i would have to edit the origional default.php but i dont know the code. and i guess i would have to edit the css too?

regards
Mattehw

1 Attachment

ecomatt
 
deadbeatdad replied on at Permalink Reply
deadbeatdad
basically you will need to edit the css/html
and create separate divs from what I gather. I did this here pilolaw.com pretty much the way you are saying.

If you want an instance where the block is full width, I would create a new layout and save that as a new page type. For the double block instances, a new page layout for that too.

To me its more efficient to do a 5 minute css edit to create a new layout than trying to hack up the core files to do the same thing-hope this helps

P.S. I have a few minutes free right now and I would have edited the css and html for you but you didn't attach them ;)
ecomatt replied on at Permalink Reply
ecomatt
thanks, yeh what you have done on your site is perfect... i dont know exactly how to write that code though. do you think you could show me your template so i can see the code?

thanks
deadbeatdad replied on at Permalink Reply
deadbeatdad
I can't just give you the template as its being made for a client, but I will show you the code you need to get the same thing done.

<!--HTML-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--head and meta info-->
</head>
<body>
<div id="wrapper">
    <div id="header">
         <!--your menu or whatever likely goes here-->
</div><!-- End of Header -->
<div id="content">
    <div class="left">
        <div class="textbox">
<?php
    $a = new Area('Block Area 1');
Viewing 15 lines of 38 lines. View entire code block.


<!--CSS-->
#content{width:885px; margin:30px 0 0 0; padding:0 0 40px 35px;}
#content h1{color:#000000; font-size:28px; font-weight:normal; border-bottom:1px solid #c4c4c4; width:400px;}
#content h2{color:#333; font-size:14px; font-weight:normal; margin:5px 0 0 0;}
#content p{font-size:14px; color:#000000; text-align:justify; margin:10px 0 17px 0;}
.textbox{width:430px;float: left;}
.profiletextbox{width:425px;float: left;}
.left{float:left;}
.right{float:right;}
#widecontent{width:885px;}
#widecontent ul{margin:0 0 0 20px;}


This should get you moving in the right direction. Keep in mind there are still many blanks to fill but you now have what you need to create a layout based on the example you saw. Also this is saying that your wrapper is 940px so you will most likely need to adjust this in css accordingly.

-Darren

PS I will release some custom themes when I can find the extra time-
ecomatt replied on at Permalink Reply
ecomatt
thanks for that i realize you couldn't just give your theme but i hope i can figure it out from what you gave me thanks again.

and i look forward to seeing your themes in the future.

would you be interested in creating a couple of paid for themes in the future for me?