Author Topic: Changing parameters in Ajax Scroller  (Read 2140 times)

bobgen

  • Newbie
  • *
  • Posts: 6
    • View Profile
Changing parameters in Ajax Scroller
« on: 13 June 2009, 22:56 »
Is possible to change background color and color of fonts in Ajax Scroll module? If yes, how?

Saka

  • Administrator
  • Hero Member
  • *****
  • Posts: 2,495
    • View Profile
    • Sakic.Net
Re: Changing parameters in Ajax Scroller
« Reply #1 on: 14 June 2009, 01:18 »
Yes, just use CSS.

bobgen

  • Newbie
  • *
  • Posts: 6
    • View Profile
Re: Changing parameters in Ajax Scroller
« Reply #2 on: 14 June 2009, 02:01 »
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;
}
« Last Edit: 14 June 2009, 02:08 by bobgen »

Saka

  • Administrator
  • Hero Member
  • *****
  • Posts: 2,495
    • View Profile
    • Sakic.Net
Re: Changing parameters in Ajax Scroller
« Reply #3 on: 14 June 2009, 02:51 »
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;
}

Quote
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.
« Last Edit: 14 June 2009, 02:54 by Saka »

bobgen

  • Newbie
  • *
  • Posts: 6
    • View Profile
Re: Changing parameters in Ajax Scroller
« Reply #4 on: 14 June 2009, 08:30 »
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?
« Last Edit: 14 June 2009, 08:31 by bobgen »

Saka

  • Administrator
  • Hero Member
  • *****
  • Posts: 2,495
    • View Profile
    • Sakic.Net
Re: Changing parameters in Ajax Scroller
« Reply #5 on: 14 June 2009, 15:07 »
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.