End of Support for Joomla 3 - Forum closed
Effect of the deom-slider
Hi,
How can I add the effect of the slider in the demo-site to another module?
The effect is in the joomlaplates.css in line 583, right?
Is this the same like the one in the 'maps'-position and can it be added to other items in the page?
regards, philipp
How can I add the effect of the slider in the demo-site to another module?
The effect is in the joomlaplates.css in line 583, right?
Is this the same like the one in the 'maps'-position and can it be added to other items in the page?
regards, philipp
by knuddle
Please Log in or Create an account to join the conversation.
- joomlaplates
- Offline
- Moderator
- Posts: 8807
- Thank you received: 1732
The effect is based on the class "op-effect"
Add a class "op-effect" to your Div or image and it has an opacity and when mouse over the opacity is gone.<img border="0" alt="Demo Image" src="/jp_x2/images/joomlaplates/slider-001.png" class="op-effect">
Dokumentation:
www.joomlaplates.de/dokumentation.html
www.joomlaplates.de/dokumentation.html
by joomlaplates
Please Log in or Create an account to join the conversation.
I've tried it like this: <img border="0" alt="Demo Image" src="/jp_x2/images/joomlaplates/slider-001.png" class="op-effect">
with a example pic - but it did not work.
The class is already defined, or do I have to do this?
with a example pic - but it did not work.
The class is already defined, or do I have to do this?
by knuddle
Please Log in or Create an account to join the conversation.
- joomlaplates
- Offline
- Moderator
- Posts: 8807
- Thank you received: 1732
Can I get the live Url with the image code?
Dokumentation:
www.joomlaplates.de/dokumentation.html
www.joomlaplates.de/dokumentation.html
by joomlaplates
Please Log in or Create an account to join the conversation.
I tried it with the 'Logo-pic' on the following page:
kunden.halir.com/lph/
kunden.halir.com/lph/
by knuddle
Please Log in or Create an account to join the conversation.
- joomlaplates
- Offline
- Moderator
- Posts: 8807
- Thank you received: 1732
Please try the effect on any other image instead of logo image, because the logo image has always an opacity of 1.
Anyway if you want the effect for your logo too you have to add this code to your file >> css / custom.css
Anyway if you want the effect for your logo too you have to add this code to your file >> css / custom.css
#logo img {
opacity: 0.4;
}
Dokumentation:
www.joomlaplates.de/dokumentation.html
www.joomlaplates.de/dokumentation.html
Last Edit:9 years 9 months ago
by joomlaplates
Last edit: 9 years 9 months ago by joomlaplates.
The following user(s) said Thank You: knuddle
Please Log in or Create an account to join the conversation.
Moderators: joomlaplates