WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » HTML (Hyper Text Markup Language) » Tispy tooltip

Goto page : Previous  1, 2

View previous topic View next topic Go down  Message [Page 2 of 2]

1 Tispy tooltip on Fri Sep 16, 2011 8:53 pm

The Unique


Registered Member
Registered Member
First topic message reminder :

How can i make a tipsy tooltip?
How i can add them to activate for title tag?

21 Re: Tispy tooltip on Fri Sep 23, 2011 8:19 pm

The Unique


Registered Member
Registered Member
yeas, but i don't know how i can use them..............

22 Re: Tispy tooltip on Fri Sep 23, 2011 9:56 pm

Matti


Registered Member
Registered Member
easy as pie...lol

23 Re: Tispy tooltip on Fri Sep 23, 2011 10:37 pm

The Unique


Registered Member
Registered Member
if you know, can you make me the complete code please?

24 Re: Tispy tooltip on Mon Sep 26, 2011 11:41 pm

Matti


Registered Member
Registered Member
If I'm allowed I may post a tutorial here and give full credits to the original tutorial.

25 Re: Tispy tooltip on Wed Sep 28, 2011 7:23 pm

The Unique


Registered Member
Registered Member
Please post the tutorial Very Happy

26 Re: Tispy tooltip on Wed Sep 28, 2011 9:43 pm

RockerMan


WebArtz Technician
WebArtz Technician
I have passed on the request to the administrators, please wait for a responce before posting the tutorial!


_________________


No support via. PM, as they will just be deleted
http://www.graphics-post.com/

27 Re: Tispy tooltip on Thu Sep 29, 2011 12:05 pm

Matti


Registered Member
Registered Member
RockerMan wrote:I have passed on the request to the administrators, please wait for a responce before posting the tutorial!


Sure...

28 Re: Tispy tooltip on Thu Sep 29, 2011 7:53 pm

RockerMan


WebArtz Technician
WebArtz Technician
You may post the link to the tutorial, but you can't add the tutorial on this site


_________________


No support via. PM, as they will just be deleted
http://www.graphics-post.com/

29 Re: Tispy tooltip on Thu Sep 29, 2011 11:02 pm

Matti


Registered Member
Registered Member
The link is already post it here but many ppl don't know how to use it xD

ankillien wrote:
http://onehackoranother.com/projects/jquery/tipsy/

30 Re: Tispy tooltip on Fri Sep 30, 2011 7:41 pm

ankillien


Administrator
Administrator
Ok, go to overall_header template and add this code right before </head> tag...

Code:
<link rel="stylesheet" type="text/css" href="http://onehackoranother.com/projects/jquery/tipsy/stylesheets/tipsy.css" />
<script type="text/javascript" src="http://onehackoranother.com/projects/jquery/tipsy/javascripts/jquery.tipsy.js"></script>
<script type="text/javascript">
$(function(){
  $('a.forumtitle').tipsy({gravity: 'w'});
});
</script>


Save it and publish. Now go to index_box template and find this code...

Code:
<a  href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>


replace it with this...

Code:
<a title="{catrow.forumrow.FORUM_DESC}" href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>


Save and publish. It should be working now.

31 Re: Tispy tooltip on Fri Sep 30, 2011 8:34 pm

The Unique


Registered Member
Registered Member
Is working..thanks Smile

32 Re: Tispy tooltip on Fri Sep 30, 2011 10:04 pm

ankillien


Administrator
Administrator
Cheers Very Happy

Solved | Locked

View previous topic View next topic Back to top  Message [Page 2 of 2]

Goto page : Previous  1, 2

WebArtz - The Web Design Forum » Web Designing & Coding » HTML (Hyper Text Markup Language) » Tispy tooltip

Permissions in this forum:
You cannot reply to topics in this forum