Changing parameters in Ajax Scroller

15 years 5 months ago #4599 by bobgen
Is possible to change background color and color of fonts in Ajax Scroll module? If yes, how?

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

15 years 5 months ago #4600 by Saka
Yes, just use CSS.

Emir Sakic
www.sakic.net

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

15 years 5 months ago - 15 years 5 months ago #4602 by bobgen
That is OK. Need to setting some parameters and all is what I wish, except one things: how is possible to change color of fonts?
Perhaps for future: is possible to include that parameters in standard settings of module?
GIF file for background must be equal as size of module (in my case 159x122px).
My style153.css after modification (module ID=153):

/*
IMPORTANT:
- Replace ID with your module's unique id
- Do not use percentage for module width and height, enter actual fast width in pixels
*/
div#mContainer153 {
width: 159px;  /* edit this value for your own module width */
height: 122px; /* edit this value for your own module height */
display: block;
overflow: hidden;
position: relative;
background: url(bg153.gif) no-repeat 0 0; /* uncomment for module background */
}
div#mScroller153 {
display: block;
margin: 0;
padding: 0;
}
div#mScroller153 div {
display: block;
text-align: left;
margin: 0;
float: left;
width: 159px; /* edit this value for your own module width */
min-height: 122px; /* edit this value for your own module height */
}
div#mScroller153 div a {

}
div.mScroller div .title {
font-weight: bold;
}
div#mScroller153 div p {
margin: 0;
text-align: right;
}
div#mNav153 {
height: 0;
position: relative;
right: 2px;
top: -25px; /* edit this value for navigation buttons position */
text-align: right;
}
div#mNav153 img {
cursor: hand;
cursor: pointer;
display: inline;
padding-left: 2px;
}

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

15 years 5 months ago - 15 years 5 months ago #4603 by Saka
div#mScroller153 div {
  display: block;
  text-align: left;
  margin: 0;
  float: left;
  width: 159px; /* edit this value for your own module width */
  min-height: 122px; /* edit this value for your own module height */
  color: red;
}

Perhaps for future: is possible to include that parameters in standard settings of module?

No because everything that can be edited with CSS should be done with CSS. No need to have 100 different parameters in administration.

Emir Sakic
www.sakic.net

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

15 years 5 months ago - 15 years 5 months ago #4604 by bobgen
That run correctly. And also for div.mScroller div .title
One question more. What is about starting speed of web page.
It seems to me that the first launch web pages much more slowly, but the next time is starting normally. Whether it has to do with the number of articles in the parameters of the module?

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

15 years 5 months ago #4605 by Saka
It shouldn't have any effect at all, except loadin the javascript.
AJAX Scroller fetch its articles with AJAX so only one article is loaded when you refresh the page, no matter how many articles you chose to display.

Emir Sakic
www.sakic.net

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