Joomla Templates Club 406,261 posts

[teletrance Friend teletranceJoin date: July 2008Posts: 110Downloads:0Uploads:10 Thanks: 11 Thanked: 8 times in 1 posts]

#139735

Hi, it realy would be great for me I could be able to split user 5 in 3 parts like in image attached.
I need 2 vertical rows, which is very easy to acomplish, by simpli publishing 2 modules in user 5, but how can I split the second column in 2 columns? I ned to set there not a custom html content, but two modules (exchange rate and wheater). live link: http://www.ziuadevest.eu

thank you very very much!

---

Attachments:

1. 

[nguyenhuu quang Friend nguyenhuu quangJoin date: September 2014Posts: 1087Downloads:0Uploads:3 Thanks: 29 Thanked: 328 times in 288 posts]

#299646

need to creat new positions user5 to 3 user.

[teletrance Friend teletranceJoin date: July 2008Posts: 110Downloads:0Uploads:10 Thanks: 11 Thanked: 8 times in 1 posts]

#299654

How can I do that? I am sorry, I don’t understand. Can you tell me how to do that, please? Thank you

[nguyenhuu quang Friend nguyenhuu quangJoin date: September 2014Posts: 1087Downloads:0Uploads:3 Thanks: 29 Thanked: 328 times in 288 posts]

#299656

need to edite index and css file to creat new positions.

[teletrance Friend teletranceJoin date: July 2008Posts: 110Downloads:0Uploads:10 Thanks: 11 Thanked: 8 times in 1 posts]

#299658

I do understand what you mean. Unfortunately I don’t know how to do this.

[nguyenhuu quang Friend nguyenhuu quangJoin date: September 2014Posts: 1087Downloads:0Uploads:3 Thanks: 29 Thanked: 328 times in 288 posts]

#299660

open index.php
line: 152
replace:
[PHP]<div id=”ja-hl”>
<jdoc:include type=”modules” name=”user5″ style=”jamodule” />
</div>[/PHP]

to:
[PHP]<div id=”ja-hl”>
<div id=”ja-hl1″>
<jdoc:include type=”modules” name=”user51″ style=”jamodule” />
</div>
<div id=”ja-hl2″>
<jdoc:include type=”modules” name=”user52″ style=”jamodule” />
</div>
<div id=”ja-hl3″>
<jdoc:include type=”modules” name=”user53″ style=”jamodule” />
</div>
</div>[/PHP]

open template.css fle:
add

[PHP]
#ja-hl1{
float: right;
width: 295px;
}

#ja-hl1 div.moduletable h3 {
background: url(../images/hl-h3-bg.gif) no-repeat right center;
margin: 0;
padding: 0 5px 0 0;
}

#ja-hl1 div.moduletable a {
color: #CCCCCC;
}

#ja-hl1 div.moduletable a:hover {
color: #DDDDDD;
}

#ja-hl1 div.moduletable .img-border {
border: 5px solid #C55901;
margin-top: -1px;
}

#ja-hl1 div.moduletable h3 span.left-bg {
float: right;
background: url(../images/hl-span-r.gif) no-repeat left center;
padding: 14px 15px 12px 65px;
}

#ja-hl1 div.moduletable h3 span.right-bg {
background: url(../images/h3-sep2.gif) repeat-x left center;
}

#ja-hl1 div.ja-box-ct {
background: none;
border: none;
color: #999999;
padding: 0 10px 0 0;
}
#ja-hl2{
float: left;
width: 49.8%;
}
#ja-hl3 {
float: ;left
width: 49.8%;
}
[/PHP]

[nguyenhuu quang Friend nguyenhuu quangJoin date: September 2014Posts: 1087Downloads:0Uploads:3 Thanks: 29 Thanked: 328 times in 288 posts]

#299663

open templatedetails.xml file
line 52 add:
[PHP]<position>user51</position>
<position>user52</position>
<position>user53</position>[/PHP]

publish your modules to user 51, 52, 53

1 user says Thank You to nguyenhuu quang for this useful post

1. teletrance

[teletrance Friend teletranceJoin date: July 2008Posts: 110Downloads:0Uploads:10 Thanks: 11 Thanked: 8 times in 1 posts]

#299978

Hello, thank you very, very, very much for your answer. I did exactly what you told me to do. I also was forced to publish an emty user 5 module, in ordet to appear jaslideshow and user 51, 52, 53.

Now, it is just an css problem, maybe you have a sugestion. I change user 51 width to 430 and I change #ja-hl3 floating to right and both width of #ja-hl2 and #ja-hl3 to auto. How can I align user 52 and user53?.

Thank you verry much, I do apreciate your effort in helping me.

---

Attachments:

1. 

[nguyenhuu quang Friend nguyenhuu quangJoin date: September 2014Posts: 1087Downloads:0Uploads:3 Thanks: 29 Thanked: 328 times in 288 posts]

#299982

check your code again.
[PHP]<div id=”ja-hl”>
<div id=”ja-hl1″>
<jdoc:include type=”modules” name=”user51″ style=”jamodule” />
</div>
<div id=”ja-hl2″>
<jdoc:include type=”modules” name=”user52″ style=”jamodule” />
</div>
<div id=”ja-hl3″>
<jdoc:include type=”modules” name=”user53″ style=”jamodule” />
</div>
</div> [/PHP]

[teletrance Friend teletranceJoin date: July 2008Posts: 110Downloads:0Uploads:10 Thanks: 11 Thanked: 8 times in 1 posts]

#299998

this is the result: http://www.ziuadevest.eu

I put exactly your code except in css I modified 49.8%; with 49.8% and ;left with left;

thank you

[Author]

Posts