Joomla Templates Club 406,261 posts

[Janice W Davis Friend Janice W DavisJoin date: September 2014Posts: 105Downloads:0Uploads:16 Thanks: 14 Thanked: 2 times in 1 posts]

#150333

I noticed that the quickstart installation – sets up the mod_newsflash module for the top position. But sulfur’s is not designed with a top position. How would I go about adding it to the design. I have moved things around with sulfur (and other) templates but I have never added a module to a design so I’m unsure what to do.

Any help appreciated.

Thanks

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#340305

Dear jwdavis!

Please give me the link to your site and the example demo which you would like to make style same as . i ‘m give you the solution to resolve this

Thanks

[Janice W Davis Friend Janice W DavisJoin date: September 2014Posts: 105Downloads:0Uploads:16 Thanks: 14 Thanked: 2 times in 1 posts]

#340809

Thanks – I sort of found the solution. I ended up installing the mod_janewsticker from one of the other templates and created a position for it in index.php by adding the following code:

<?php if($this->countModules('top')) : ?>
<div id="headline-wrapper">
<jdoc:include type="modules" name="top" />
</div>
<?php endif; ?>

So now I get the newticker showing up – with “Headlines: ” on one line the “Newsflash 4” title on the next line. How do I get them onto one line? The code that is produce is from the above code is:

<div id="headline-wrapper">
<div class="ja-healineswrap">
<em>Headlines:</em>
<div id="jalh-modid81" class="ja-headlines ">
<div style="white-space:nowrap; " id="jahl-wapper-items-jalh-modid81">
<!-- HEADLINE CONTENT -->

<div class="ja-headlines-item jahl-horizontal" style="visibility:visible">
<a title="Yesterday all servers in the U.S. went out on strike in a bid to get more RAM and better CPUs. A spokes person said that the need for better RAM was due to some fool increasing the front-side bus speed. In future, buses will be told to slow down in residential motherboards." href="/index.php?option=com_content&view=article&id=42:newsflash-4&catid=3:newsflash"><span>Newsflash 4</span>
</a>
</div>
<div class="ja-headlines-item jahl-horizontal" style="visibility:hidden">
<a title="Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web site. Manage all your content from the best CMS admin interface and in virtually any language you speak." href="/index.php?option=com_content&view=article&id=41:newsflash-5&catid=3:newsflash"><span>Newsflash 5</span>
</a>
</div>
<div class="ja-headlines-item jahl-horizontal" style="visibility:hidden">

<a title="Joomla! makes it easy to launch a Web site of any kind. Whether you want a brochure site or you are building a large online community, Joomla! allows you to deploy a new site in minutes and add extra functionality as you need it. The hundreds of available Extensions will help to expand your site and..." href="/index.php?option=com_content&view=article&id=2:newsflash-1&catid=3:newsflash"><span>Newsflash 1</span>
</a>
</div>
<div class="ja-headlines-item jahl-horizontal" style="visibility:hidden">
<a title="With a library of thousands of free Extensions, you can add what you need as your site grows. Don't wait, look through the Joomla! Extensions library today." href="/index.php?option=com_content&view=article&id=4:newsflash-3&catid=3:newsflash"><span>Newsflash 3</span>
</a>
</div>
<div class="ja-headlines-item jahl-horizontal" style="visibility:hidden">
<a title="The one thing about a Web site, it always changes! Joomla! makes it easy to add Articles, content, images, videos, and more. Site administrators can edit and manage content 'in-context' by clicking the 'Edit' link. Webmasters can also edit content through a graphical Control Panel that gives you com..." href="/index.php?option=com_content&view=article&id=3:newsflash-2&catid=3:newsflash"><span>Newsflash 2</span>

</a>
</div>
<!-- //HEADLINE CONTENT -->
</div>
</div>

</div>
<script type="text/javascript">
/* <!]> */
</script>
</div>

Thanks
Janice

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#341069

Dear

Please add the following css code in to the template.css file:

.ja-healineswrap { float: left; padding-top: 2px; }

.ja-healineswrap em {
font-style: normal;
font-weight: bold;
float: left;
display: block;
color: #999;
padding: 0 10px 0 10px;
}

.ja-headlines { float: left; }

.ja-headlines a { color: #999; }

.ja-headlines a:hover, .ja-headlines a:active, .ja-headlines a:focus {
color: #000;
text-decoration: none;
}

.ja-headlines .separator { color: #999; }

Goodluck

1 user says Thank You to Saguaros for this useful post

1. Janice W Davis

[Author]

Posts