you open the file: templatesja_socialblocksheader.php and find the following code:
[PHP]
<?php $this->genBlockBegin ($block) ?>
[/PHP]
replace:
[PHP]
<?php $this->genBlockBegin ($block) ?>
<div class=”top-left”><jdoc:include type=”modules” name=”topleft” /></div>
[/PHP]
and find:
[PHP]
<?php $this->genBlockEnd ($block) ?>
[/PHP]
replace:
[PHP]
<div class=”top-rightone”>
<jdoc:include type=”modules” name=”rightone” />
</div>
<div class=”top-righttwo”>
<jdoc:include type=”modules” name=”righttwo” />
</div>
<?php $this->genBlockEnd ($block) ?>
[/PHP]
and add the following code into the template.css file;
.top-left{
position:absolute;
left:-200px;
top:0;
height:100px;
width:200px;
background:red;
}
.top-rightone,.top-righttwo{
position:absolute;
height:40px;
width:150px;
right:-150px;
background:red;
}
.top-rightone{
top:10px;
}
.top-righttwo{
top:70px
}
/* Adjust margin left of the logo */
h1.logo, div.logo-text h1{
margin-left:100px
}
when done, the template has three new positions: topleft, rightone, righttwo
