The reason I ask, is because I have tried multiple things and cannot get it to look like it does on the demo page.

http://joomla15.sakic.net/ajax-scroller/

Ive also seen the 1 post here in the forums asking the same question. The explanation is not that helpful though, im wondering if its a language barrier issue..

http://www.sakic.net/forum/ajax_series/twitter_styling_for_ajax_scroller-t932.0.html

If anyone can give me more detail on how to get this to sucessfully work, it would be appreciated, as this is the only reason I bought the Ajax Scroller. Thanks in advance. 

Sorry about the earlier post, I didnt mean to be offensive in any way. I thank you for your quick response. 

The Twitter module on the demo page has a container that looking at the HTML source is like this:

Code: [Select]

<div class="twitterbox"><h3>Twitter</h3>{loadposition user5}</div>
So does this entry go into the html of my joomla template?

Quote from: Saka on 28 January 2009, 12:00

Then this class is styled in template CSS:

Code: [Select]

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;
}
When I add these entries to my template.css it reacts... The only thing that changes though is the color of the Twitter header. I dont see the twitter bar images anywhere and I have them in the proper images location. Is there something else that I need to modify in the style css to get this to work? Because it also seems like the information is squished. not like your demo layout at all. It seems like I am so close, just missing a piece to the puzzle. You can check www.digitalbrawler.com/blogs to see how it looks on my site now.

OK, let's forget about previous explanation. It was more for module included in content. Let's start from beginning.

Tutorial: Styling AJAX Scroller module for Twitter

1. Go to modules in Joomla admin and edit the AJAX Scroller module. In Module Parameters find Module Class Suffix and add _twitter to this field. Make sure that Show Title is set to Yes. Save the module.

2. In the template CSS file (e.g. templates/your_template/css/template.css) add the following at the end of the file:
.moduletable_twitter {
    background: url(../images/twitter-bottom.gif) no-repeat left bottom;
    width: 350px;
    padding: 0 0 20px 10px;
    margin-bottom: 2px;
}
.moduletable_twitter h3 {
    background: url(../images/twitter-top.gif) no-repeat left top;
    margin-left: -10px;
    padding: 8px 0 0 8px;
    color: #33ccff;
}

3. Upload the styling images to your template image folder (e.g. templates/your_template/images/). Here are the images:
http://joomla15.sakic.net/modules/mod_ajaxscroller/mod_ajaxscroller/twitter-top.gif
http://joomla15.sakic.net/modules/mod_ajaxscroller/mod_ajaxscroller/twitter-bottom.gif

4. That's it. You should now see the wrapper. You may want to change the module width/height but then you will need to create new images. Also these images are created on white background, if you need some other color you will have to create new ones or create transparent png images instead.
The module width, buttons position etc. are edited in modules own CSS file, as explained in the documentation and FAQ.

I hope this tutorial makes more sense. Let me know if it's still unclear.