/* Styles for Slider 1.5
Majunke Michael
An Example for Suffix _test in included
*/
/**
Active Default Style
*/
.slideBarActive {
background-color: rgb(120,120,120);
background-image: url(slideBarOpen.gif);
background-repeat:no-repeat;
background-position: left center;
padding: 3px;
padding-left: 23px;
border: 1px solid gray;
color:black;
text-decoration:none;
}
.slideBarActive:link {
color:blue;
text-decoration:none;
}
.slideBarActive:visited {
color:blue;
text-decoration:none;
}
.slideBarActive:focus {
color:blue;
text-decoration:none;
}
.slideBarActive:hover {
color:blue;
text-decoration:none;
}
.slideBarActive:active {
color:black;
text-decoration:none;
}
/* here we hide the Description in Active Sliders */
.slideDescActive {
display: none;
}
.slideTextActive {
margin-bottom: 5px;
}
/* Show an additional Close Button at end of Active slider */
.slideBarEndActive {
background-color: rgb(120,120,120);
background-image: url(slideBarEnd.gif);
background-repeat:no-repeat;
background-position: left center;
padding: 3px;
padding-left: 23px;
border: 1px solid gray;
color:black;
text-decoration:none;
margin-bottom: 5px;
}
/**
Closed Default Style
*/
.slideBar {
background-color: rgb(174,174,174);
background-image: url(slideBar.gif);
background-repeat:no-repeat;
background-position: left center;
padding: 3px;
padding-left: 23px;
border: 1px solid gray;
color:black;
text-decoration:none;
}
.slideBar:link {
color:blue;
text-decoration:none;
}
.slideBar:visited {
color:blue;
text-decoration:none;
}
.slideBar:focus {
color:blue;
text-decoration:none;
}
.slideBar:hover {
color:blue;
text-decoration:none;
}
.slideBar:active {
color:black;
text-decoration:none;
}
/* show desc in closed Sliders */
.slideDesc {
background-color: rgb(174,174,174);
margin-top: 5px;
padding: 1px;
padding-left: 23px;
border: 1px solid gray;
color:black;
text-decoration:none;
font-size:small;
margin-top: 5px;
margin-bottom: 5px;
}
.slideText{
margin-bottom: 5px;
}
/* here we hide the End-Button in Closed/Inactive Sliders */
.slideBarEnd{
display: none;
}
/**
* Simple Example with Suffix _test
*
* you can see it in live Demo Slider3
*/
.slideBarActive_test {
background-color: rgb(80,80,80);
background-image: url(slideBarOpen.gif);
background-repeat:no-repeat;
background-position: left center;
padding: 3px;
padding-left: 23px;
border: 1px solid gray;
color:red;
text-decoration:none;
}
/* we show the Description also in Active Sliders */
.slideDescActive_test {
background-color: rgb(80,80,80);
padding: 1px;
padding-left: 23px;
border: 1px solid gray;
color:green;
text-decoration:none;
font-size:small;
margin-top: 5px;
margin-bottom: 5px;
}
.slideBar_test {
background-color: rgb(180,180,180);
background-image: url(slideBar.gif);
background-repeat:no-repeat;
background-position: left center;
padding: 3px;
padding-left: 23px;
border: 1px solid magenta;
color:red;
text-decoration:none;
}
.slideDesc_test {
background-color: rgb(180,180,180);
padding: 1px;
padding-left: 23px;
border: 1px solid gray;
color:black;
text-decoration:none;
font-size:small;
margin-top: 5px;
margin-bottom: 5px;
}
/** Show an additional Close Button at end of Active slider */
.slideBarEndActive_test {
background-color: rgb(80,80,80);
background-image: url(slideBarEnd.gif);
background-repeat:no-repeat;
background-position: left center;
padding: 3px;
padding-left: 23px;
border: 1px solid gray;
color:red;
text-decoration:none;
margin-bottom: 5px;
}
/* here we hide the End-Button in Closed/Inactive Sliders */
.slideBarEnd_test {
display: none;
}
.slideText_test {
margin-bottom: 5px;
}
Hi P.Crown,
yes, i can reproduce the problem and i think i have a solution but i need a little bit time for testing, build new Version, and so on ( next few days ).
Until then i have a fast workaround. Insert this line
"if ( document.getElementById( 'slide" . $id . "' " . $modeValue . ") == null ) { return ; } " .
in slider.php line 164:
Greetings Michael
Great plugin!
I have only one problem - when I use Pagebreak the slider only works on the first page, not on the following ones where they always show.
I really can't figure out why this should be so - all the sliders worked fine, then I added the pagebreak in the middle and now the ones on the second page always show.
Thanks again for an excellent plugin!
Dankeschön ;)
Der Vorteil des Sliders ist die (fast) beliebige Anpassbarkeit durch das slider.css File. Wenn Du also das Cursorzeichen 'I' nicht magst, änderst Du einfach die CSS nach Deinen eigenen Vorstellungen. Für den Cursot gibt es das gleichnamige CSS Attribut.
Beispiel: cursor: pointer;
Grüße Michael
Too bad we can not customize with CSS2...anyway is not a big deal...
i afraid it is currently in CSS2 not possible. In CSS3 should this be avaiable.
Example CSS3:
background: url('img1.jpg') top left no-repeat,
url('img2.jpg') bottom right no-repeat;
Greetings Michael
i use the jckeditor to - without Problems. Is it an fckeditor Versions Problem ?
Try disable reformat code in the Editor. Is the Text also changed if you paste the Code in the Editors-Code-Page ?
I addition i use following Settings:
Process HTML Entities Nein
Include Latin Entities Nein
Include Greek Entities Nein
Process Numeric Entities Nein
Use Relative path for Images/Flash? Nein
Auto Format Source OFF? Ja
Greetins Michael
PS.: if Text's to 'Difficult' for this Comments, please contact me with "Kontakt" Button so we can write EMails.
"{slider id="demo_vert" title="Slide Demo_Vertical" direction="0"}"
I just see your plugin don't work when using JoomlaFCKeditor...When using Tinyeditor no problem. Any idea why ? In fact when pasting the code {slider id="demo_vert" title="Slide Demo_Vertical" direction="0"} JoomlaFCKeditor transform this in to {slider id="demo_vert" title="Slide Demo_Vertical" direction="0"} and I can't do nothing for change this....
Please now if I want make a more customized slide using image how I can do ? Typically I would like keep one arrow image and also include a background for display with repeat value. The goal would be to display arrow one time on left side and background (a small gradient image like 20x20 pixel) along the slide...For do that is necessary to have maybe 2 background-image property but I don't see how to do...Any suggestion ?
the Browser Compatibility is given by the mootools-Lib included in Joomla. I test it in many Browsers without Problems. ( Joomla used currently the V1.11 mootools Lib )
I think you wish a Slider-'Button' from left to right, similar the example Description in Demo ? This should be possible if you change the CSS. I think, a simple display:block; in the .slideBar or/and .slideBarActive Class should do that.
Greetings Michael
Thank for your great plugin....It is exactly what am looking for and it work very well...
Just few question:
- Your plugin are compatible with all major browser like IE 6 + 7 +8 + All Firefox ??
- I would like make a long slide bar instead just a small of the same size of title..How I can do? I see if I simply press many time the space touch of my keyboard I get what I need...but this will be correct or sometime browser can no Interpret correctly that? Normally in html we must put the code for make space but when I do that using the joomla editor it's the same then pressing space touch...Do you confirm ? Am just worry to make some bad display issue
thank
the slider used the mootools-Library. I think so complex content how Google-Map can't be slided.
Greetings Michael
Unfortunately using this plugin in IE7, if you put in a sliding text a google map, it is being shown all the time and does not hide even if you don't open the slide...
cannot paste the code here for some reason. i sent it over using the contact form you have on this website.
thanks again, Eliad.
there has been a mistake in the header code before. here is the real one:
/////////////////////////////
" lang="language; ?>" >
/css/template.css" type="text/css" />
//////////////
thanks
i am using a custom made template i designed and i am not using mootools so i dont think that the header has Javascript Mootools-Library but i am attaching the header of my index.php here for you to look at. i hope it will reveal anything to you.
//////////// index.php header //////////////
" lang="language; ?>" >
/css/template.css" type="text/css" />
////////// end of index.php header ///////////////////
also, this is a link to the website on a page where i tried the test code you sent me a few days ago (so you can see how it looks like)
http://www.vaxilbio.com/index.php?option=com_content&view=article&id=13&Itemid=21
thank you so much for your help. Eliad
curiously..
What for an template do you use ? Is there the Javascript Mootools-Library in the header ?
Greetings Michael
i tried the button and inserted your test code in my editor. all i can see (after publishing) is the code unfortunately. no slider...
i have no clue why?
what can cause such a problem? any advice?
thanks Eliad.