Changing parameters in Ajax Scroller
- bobgen
- Topic Author
- Offline
- New Member
Less
More
- Thank you received: 0
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.
- Saka
- Offline
- Administrator
15 years 5 months ago #4600
by Saka
Emir Sakic
www.sakic.net
Yes, just use CSS.
Emir Sakic
www.sakic.net
Please Log in or Create an account to join the conversation.
- bobgen
- Topic Author
- Offline
- New Member
Less
More
- Thank you received: 0
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;
}
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: 15 years 5 months ago by bobgen.
Please Log in or Create an account to join the conversation.
- Saka
- Offline
- Administrator
15 years 5 months ago - 15 years 5 months ago #4603
by Saka
Emir Sakic
www.sakic.net
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;
}
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;
}
No because everything that can be edited with CSS should be done with CSS. No need to have 100 different parameters in administration.Perhaps for future: is possible to include that parameters in standard settings of module?
Emir Sakic
www.sakic.net
Last Edit: 15 years 5 months ago by Saka.
Please Log in or Create an account to join the conversation.
- bobgen
- Topic Author
- Offline
- New Member
Less
More
- Thank you received: 0
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?
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: 15 years 5 months ago by bobgen.
Please Log in or Create an account to join the conversation.
- Saka
- Offline
- Administrator
15 years 5 months ago #4605
by Saka
Emir Sakic
www.sakic.net
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.
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.