Joomla Templates Club 406,261 posts

[we2solutions Friend we2solutionsJoin date: September 2014Posts: 526Downloads:0Uploads:21 Thanks: 136 Thanked: 100 times in 1 posts]

#170412

Hi All,

Like in the Picture i want to add hover effect and lines to the featured products module.please give me a tip asap.

Thanks

---

Attachments:

1. 

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

#423287

Can you provide the url of the site you’re working on?

[we2solutions Friend we2solutionsJoin date: September 2014Posts: 526Downloads:0Uploads:21 Thanks: 136 Thanked: 100 times in 1 posts]

#423290

still on localserver :(.want to do it before host the site.same thing in mesolite2.

Thanks

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#423308

Hi
I have check on our demo site
You can try to use these method:
#1. td:hover

#ja-topsl3 td:hover {
background:<your color code>
}
into template.css
#2. Use javascript
http://www.codingforums.com/showthread.php?t=1041
You can follow this tutorial.

Thank you
Viet Vu

1 user says Thank You to jooservices for this useful post

1. we2solutions

[we2solutions Friend we2solutionsJoin date: September 2014Posts: 526Downloads:0Uploads:21 Thanks: 136 Thanked: 100 times in 1 posts]

#423315

Hi Jooservices,

seems it notworking for me mate.and how about adding lines as it on the attached file?any how thank you very much for your help

[we2solutions Friend we2solutionsJoin date: September 2014Posts: 526Downloads:0Uploads:21 Thanks: 136 Thanked: 100 times in 1 posts]

#423328

Find solution my self for hover effect 🙂

#Mod79 td:hover {
background-color: #F3F2D8;
}

and also big thanks to jooservices 🙂

[we2solutions Friend we2solutionsJoin date: September 2014Posts: 526Downloads:0Uploads:21 Thanks: 136 Thanked: 100 times in 1 posts]

#423334

Got it 🙂

#Mod79 td {
padding: 10px 0;
margin: 0;
border-right-width: 1px;
border-right-style: dotted;
border-right-color: #999;
}

#Mod79 tr {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999;

}

#Mod79 td:hover {
background-color: #F3F2D8;
}

that code worked for me :).

:D:D:D:D

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#423506

@we2solutions
Ya i saw about use #Modxxx but it’s only use for a module defined 🙂 Not as general :).
Btw, it’s okay. Thread solved.

Thank you
Viet Vu

[Author]

Posts