- Posts: 6745
- Thank you received: 716
How do I add a new module position next to USER 1
-
treybraid
Inactive member - Topic Author
- Visitor
14 years 4 months ago #2234
by treybraid
How do I add a new module position next to USER 1 was created by treybraid
the new module will be called " news " and will have a width of 220 to 240px- with height set to auto...
what would i add to the index.php?
i am assuming i would add this to the layout.css
.news {position:relative; widht: 220px(or 240px);top:-35px;}
thanks again
trey
what would i add to the index.php?
i am assuming i would add this to the layout.css
.news {position:relative; widht: 220px(or 240px);top:-35px;}
thanks again
trey
Please Log in to join the conversation.
-
milos
Support Staff - Moderator
Less
More
14 years 4 months ago #2246
by milos
Replied by milos on topic Re: How do I add a new module position next to USER 1
In the css file:
.news {position:relative; width: 220px(or 240px);top:-35px;}
In the index.php:
<div class="news"> ...... </div>
.news {position:relative; width: 220px(or 240px);top:-35px;}
In the index.php:
<div class="news"> ...... </div>
Please Log in to join the conversation.
-
trey-braid
- Visitor
14 years 4 months ago - 14 years 4 months ago #2247
by trey-braid
Replied by trey-braid on topic Re: How do I add a new module position next to USER 1
here is the website:
www.beyondsportsllc.com/IFL2
/
this is what i added and it isnt working for some reason:
layout.css
.news {
position:relative;
width:220px;
top:-35px;
}
this is what i added to the index.php:
<?php if ($showuser1 or $showuser2 ) { ?>
<div class="gallery">
<div class="gallery_pad">
<jdoc:include type="modules" name="user1" style="xhtml" />
<div class="news">
<jdoc:include type="modules" name="news" style="xhtml" />
</div>
<?php if ($showuser2) { ?>
<div class="user2">
<jdoc:include type="modules" name="user2" style="xhtml" />
</div>
<?php } ?>
<div class="clr"></div>
</div>
</div>
<?php } ?>
when i do that it doesn't render to the side; but, stacked on top of the carousel...
let me know please... also can you recommend a tab mod - it looks like ja tabs from joomla art arent compatible with your template... i want to drop 4 mods in the news mod position...
i hope i am making sense
thanks
trey
this is what i added and it isnt working for some reason:
layout.css
.news {
position:relative;
width:220px;
top:-35px;
}
this is what i added to the index.php:
<?php if ($showuser1 or $showuser2 ) { ?>
<div class="gallery">
<div class="gallery_pad">
<jdoc:include type="modules" name="user1" style="xhtml" />
<div class="news">
<jdoc:include type="modules" name="news" style="xhtml" />
</div>
<?php if ($showuser2) { ?>
<div class="user2">
<jdoc:include type="modules" name="user2" style="xhtml" />
</div>
<?php } ?>
<div class="clr"></div>
</div>
</div>
<?php } ?>
when i do that it doesn't render to the side; but, stacked on top of the carousel...
let me know please... also can you recommend a tab mod - it looks like ja tabs from joomla art arent compatible with your template... i want to drop 4 mods in the news mod position...
i hope i am making sense
thanks
trey
Last edit: 14 years 4 months ago by trey-braid.
Please Log in to join the conversation.
-
trey-braid
- Visitor
14 years 4 months ago - 14 years 4 months ago #2250
by trey-braid
Replied by trey-braid on topic Re: How do I add a new module position next to USER 1
milos on a hunch i made a couple of adjustments to the index.php and layout.css and i did get it positioned next to the carousel
index.php ( i moved it before <?php if ($showuser1 or $showuser2 ) { ?>
<div class="news">
<jdoc:include type="modules" name="news" style="xhtml" />
</div>
in layout.css i added this:
.news {
/*position:relative; i made inactive*/
float:right;
width:220px;
top:-35px;
margin-right:15px;
}
how does this look?
thanks again
trey
..please let me know about using tabs in your templates- like i said i want to drop 4 mos in that postion...
index.php ( i moved it before <?php if ($showuser1 or $showuser2 ) { ?>
<div class="news">
<jdoc:include type="modules" name="news" style="xhtml" />
</div>
in layout.css i added this:
.news {
/*position:relative; i made inactive*/
float:right;
width:220px;
top:-35px;
margin-right:15px;
}
how does this look?
thanks again
trey
..please let me know about using tabs in your templates- like i said i want to drop 4 mos in that postion...
Last edit: 14 years 4 months ago by trey-braid.
Please Log in to join the conversation.
-
milos
Support Staff - Moderator
Less
More
- Posts: 6745
- Thank you received: 716
14 years 4 months ago #2253
by milos
Replied by milos on topic Re: How do I add a new module position next to USER 1
Well, now it's look fine to me, if that what you was trying to achieve. You can use any 3rd part extensions with our templates, including JA's.
Please Log in to join the conversation.
-
trey-braid
- Visitor
14 years 4 months ago #2256
by trey-braid
Replied by trey-braid on topic Re: How do I add a new module position next to USER 1
almost there... i am tweaking some of the styling of the tabs... can you help me style the twitter and facebook text...
do i need to add the styling directly to the layout.css for each module?
using "jatwitter" and "facebook_like_box "
also when you click on say the twitter and facebook tabs the tab expands underneath the bottom layer...
thanks again
trey
do i need to add the styling directly to the layout.css for each module?
using "jatwitter" and "facebook_like_box "
also when you click on say the twitter and facebook tabs the tab expands underneath the bottom layer...
thanks again
trey
Please Log in to join the conversation.
Time to create page: 0.088 seconds