Twitter styling for Ajax Scroller

15 years 2 months ago #3812 by asianet
Hi,

I've just bought Ajax Scroller to show Twitter updates on my site, all is working OK but how do I get it to look like the Twitter styled module on the demo page? This style is the reason I bought the module so help would be appreciated!

Thanks,

J

Please Log in or Create an account to join the conversation.

15 years 2 months ago - 15 years 2 months ago #3813 by Saka
As explained in documentation the module can be styled in many ways and every instance can be styled individually. You are welcome to copy the style from my demo site.

The Twitter module on the demo page has a container that looking at the HTML source is like this:
<div class="twitterbox"><h3>Twitter</h3>{loadposition user5}</div>
Then this class is styled in template CSS:
div.twitterbox {
    background: url(../images/twitter-bottom.gif) no-repeat left bottom;
        width: 350px;
        padding: 0 0 20px 10px;
        margin-bottom: 2px;
}
div.twitterbox h3 {
        background: url(../images/twitter-top.gif) no-repeat left top;
        margin-left: -10px;
        padding: 8px 0 0 8px;
        color: #33ccff;
}

You could also add class suffix to that module (for example _twitter) and then have:
div.moduletable_twitter {
    background: url(../images/twitter-bottom.gif) no-repeat left bottom;
	width: 350px;
	padding: 0 0 20px 10px;
	margin-bottom: 2px;
}
div.moduletable_twitter h3 {
	background: url(../images/twitter-top.gif) no-repeat left top;
	margin-left: -10px;
	padding: 8px 0 0 8px;
	color: #33ccff;
}

The images:
joomla15.sakic.net/templates/rhuk_milkyw...ages/twitter-top.gif
joomla15.sakic.net/templates/rhuk_milkyw...s/twitter-bottom.gif

The module itself can be styled in custom css file:
joomla15.sakic.net/modules/mod_ajaxscrol...scroller/style57.css
Note 57 here which is the module's ID. You can also edit the global css if you are not running additional instances of the module.

If there are additional questions feel free to ask. If you require personal assistance for styling it please send the access info (admin password and FTP) by email and I'll be glad to help.

Emir Sakic
www.sakic.net

Please Log in or Create an account to join the conversation.

15 years 2 months ago #3814 by asianet
Great, thanks. Still tweaking it a little but it's up and running at balispace.com...

Regards,

J

Please Log in or Create an account to join the conversation.

About us

We provide high quality Joomla components created by a co-founder and original core developer of Joomla. For over a decade, our products have been used by more than 20.000 webmasters around the world.

Stay in touch