Joomla Templates Club 406,261 posts

[teutobahiano Friend teutobahianoJoin date: February 2011Posts: 284Downloads:16Uploads:26 Thanks: 109 Thanked: 9 times in 1 posts]

#177735

I do not find the module!

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#455592

Hi

That is an image – you can find it in templatesja_mendoziteimages folder the name of the image is slide-mask.png
and is managed by this css /templates/ja_mendozite/css/mod_jaslideshowlite.css

.ja-ss-mask {
background: url("../images/slide-mask.png") no-repeat scroll left top transparent;
cursor: pointer;
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
}

1 user says Thank You to pavit for this useful post

1. teutobahiano

[Css Magician Friend Css MagicianJoin date: October 2014Posts: 741Downloads:43Uploads:53 Thanks: 114 Thanked: 366 times in 263 posts]

#455825

<em>@pavit 323021 wrote:</em><blockquote>Hi

That is an image – you can find it in templatesja_mendoziteimages folder the name of the image is slide-mask.png
and is managed by this css /templates/ja_mendozite/css/mod_jaslideshowlite.css

.ja-ss-mask {
background: url("../images/slide-mask.png") no-repeat scroll left top transparent;
cursor: pointer;
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
}
</blockquote>

Dear teutobahiano,

You can change the text you want by changing text in the file: slide-mask.psd in the source file, thanks

[lucavicini Friend lucaviciniJoin date: April 2011Posts: 20Downloads:0Uploads:3 Thanked: 1 times in 1 posts]

#456097

Hello,
Is there a way to have styled text instead of an image? I would like the text to get indexed by search engines.
Cheers
Luca

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#456102

<em>@lucavicini 323663 wrote:</em><blockquote>Hello,
Is there a way to have styled text instead of an image? I would like the text to get indexed by search engines.
Cheers
Luca</blockquote>
Might you be able to provide the url for the site you’re working on – as opposed to my/our having to look off of the demo version (as certain settings/configurations may be different) ?

[lucavicini Friend lucaviciniJoin date: April 2011Posts: 20Downloads:0Uploads:3 Thanked: 1 times in 1 posts]

#456142

Hi Tom,

The website is: http://www.deepanalytics.eu It’s nothing more that a slightly modified QuickStart installation as I am just at the beginning of the design.

Cheers
Luca

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#456145

<em>@lucavicini 323712 wrote:</em><blockquote>Hi Tom,

The website is: http://www.deepanalytics.eu It’s nothing more that a slightly modified QuickStart installation as I am just at the beginning of the design.

Cheers
Luca</blockquote>
I took a look at the demo version and, unfortunately – and as was mentioned earlier – that element is an image and it does not appear that there is an option – within the Slideshow module – to use text only for that element.

[lucavicini Friend lucaviciniJoin date: April 2011Posts: 20Downloads:0Uploads:3 Thanked: 1 times in 1 posts]

#456170

Hi Tom,
Thanks for your answer. I guess my only alternative is to edit the image as to remove the text, and then modify the slideshow module in order to place real text on top of it. I will have to think a bit about it 🙂

Cheers
Luca

[lucavicini Friend lucaviciniJoin date: April 2011Posts: 20Downloads:0Uploads:3 Thanked: 1 times in 1 posts]

#456249

Hi Tom,

I noticed that if I disable Javascript, the whole Slideshow module disappears, therefore what I am trying to achieve is pointless (making sure that the text in the Slideshow module is indexable). I will place indexable text (the same in the picture) below the slideshow module. Let me know if you have any comments.

The ironic thing is that I am dealing with SEO optimization and incorporating text in images and displaying text through Javascript is against what I am preaching 😀

Cheers
Luca

[andreamarucci Friend andreamarucciJoin date: November 2008Posts: 60Downloads:0Uploads:11 Thanks: 2]

#456981

Regarding the use of this image, how can you modify the image the css is pointing at in the case of a multilanguage site? I’d like to have two images one in a language and the other one in another. Is this possible?

[stix Friend stixJoin date: April 2012Posts: 76Downloads:0Uploads:1 Thanks: 9 Thanked: 7 times in 1 posts]

#456984

http://www.joomlart.com/forums/topic/is-there-any-sliced-sources-for-the-templates/

need mods and support attention please…

[lucavicini Friend lucaviciniJoin date: April 2011Posts: 20Downloads:0Uploads:3 Thanked: 1 times in 1 posts]

#456987

Hi Andrea,
How are you handling multilingualism? Are you using the native Joomla 2.5 features or are you using a component like Falang?
There are many ways to do the same thing. My approach was to remove slide-mask.psd in the CSS declaration and overlap a custom module on top of the slideshow module. Depending on how you implement multilingualism, you might use a different custom module for every language that you will be using.

You can overlap the custom module by assigning a specific class suffix to the custom modules for example:

.customoverlap {
position: absolute; // reposition module from the natural layout
left: 40px;
top: 170px;
z-index: 10;
}

It’s a quick and dirty way, but it works.

Cheers
Luca

[andreamarucci Friend andreamarucciJoin date: November 2008Posts: 60Downloads:0Uploads:11 Thanks: 2]

#457045

I’m using the Joomla multilanguage feature. Can you explain better how to proceed to do the trick? You mean that you’re creating a new module that goes in the same position with the .png?

[lucavicini Friend lucaviciniJoin date: April 2011Posts: 20Downloads:0Uploads:3 Thanked: 1 times in 1 posts]

#457100

Hi Andrea,
There is no relation with the png that you simply remove by commenting out the line:

background: url("../images/slide-mask.png") no-repeat scroll left top transparent;

The trick here is to add a new custom module on top of the slideshow module. You do this by:
1) creating the custom module on the “slideshow” position (not strictly necessary as any position could go)
2) In the module “Advanced Options -> Module Class Suffix” you can put a name for example “overlap”
3) in the template.css you add at the bottom the following rule:

.customoverlap {
position: absolute; // reposition module from the natural layout
left: 40px;
top: 170px;
z-index: 10;
}

The left and the top are the distances from the border of the page. You could have used a different positioning method, for example relatively from the borders of the slideshow DIV. z-index has to be more than 2 (I put 10 in the example) in order for it to be on top of the slideshow element (the slideshow has a z-index of 2). You have to call the class “customoverlap” because Joomla will append “overlap” as a suffix to the existing “custom” class (it’s a custom module).

Hope this was not too confusing

Cheers
Luca

[andreamarucci Friend andreamarucciJoin date: November 2008Posts: 60Downloads:0Uploads:11 Thanks: 2]

#457105

THank you very very much 🙂

[Author]

Posts