How do I add a new module position next to USER 1

  • treybraid
    Inactive member
  • Topic Author
  • Visitor
  • Visitor
14 years 4 months ago #2234 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

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
14 years 4 months ago #2246 by milos
In the css file:

.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
  • Visitor
14 years 4 months ago - 14 years 4 months ago #2247 by trey-braid
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
Last edit: 14 years 4 months ago by trey-braid.

Please Log in to join the conversation.

  • trey-braid
  • Visitor
  • Visitor
14 years 4 months ago - 14 years 4 months ago #2250 by trey-braid
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...
Last edit: 14 years 4 months ago by trey-braid.

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
14 years 4 months ago #2253 by milos
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
  • Visitor
14 years 4 months ago #2256 by trey-braid
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

Please Log in to join the conversation.

Time to create page: 0.088 seconds
Powered by Kunena Forum