Joomla Templates Club 406,261 posts

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#155093

Hi,

Wished to present transparent suffix style 🙂

Firstly, You would want to visit this link ::

http://docs.joomla.org/Tutorial:Using_Class_Suffixes_in_Joomla!_1.5#Module_Class_Suffix
to know the text field where we enter suffix to have specific module adapted to it

Also, Do check in the basic suffix styles topic ::
http://www.joomlart.com/forums/forumdisplay.php?10239

Capability::
It has the enhanced capability to get adapted with any background color 🙂

Addition of css::

You can add this at end of template.css file::

/*** transparent suffix set ****/
#ja-wrapper .moduletabletransparency{background:none;}
#ja-wrapper .moduletabletransparency h3{background: url(../images/transparent-title.png) repeat-x;color:#000;text-shadow: none;margin-bottom:0;}
#ja-wrapper .moduletabletransparency .ja-box-ct{background: url(../images/module-trans.png) repeat-x;}

Implementation::

1) Upload the attached images to template/ja_portfolio/images folder
2) You can use this suffix (transparency) now to the module which you wish to have as seen in screenshot

Hope this helps 🙂

Cheers

---

Attachments:

1. 
2. 
3. 

4 users say Thank You to aman204 for this useful post

1. wnthemes
2. clampert
3. kutu
4. simplified

[simplified Friend simplifiedJoin date: July 2010Posts: 17Downloads:0Uploads:0 Thanks: 5]

#370868

Thanks. There may be a tiny conflict in that the tutorial may say to start the Module Class Suffix with a space, but in this case the CSS is written with no leading space, so just put the word transparency in the box, and it will work.

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#371027

<em>@simplified 213737 wrote:</em><blockquote>Thanks. There may be a tiny conflict in that the tutorial may say to start the Module Class Suffix with a space, but in this case the CSS is written with no leading space, so just put the word transparency in the box, and it will work.</blockquote>

Hi simplified,

If you wish to get it working with transparency suffix with space in start, then, above css attributes wont imply hence, the suffix wont affect specific module

Cheers

[Author]

Posts