jQuery hover group



You are not connected. Please login or register

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

1
Closed jQuery hover group on Fri Jun 03, 2011 6:26 pm

Raze



Shy member
I'll try to be active on here my dad takes away computer so yea anyway off we go

I need help getting this for my website

Any help?



Last edited by Raze on Wed Jun 08, 2011 2:19 pm; edited 2 times in total

View user profile

2
Closed Re: jQuery hover group on Sat Jun 04, 2011 5:19 am

Irian


avatar
General manager
Team leader
sure!
well where do you want to put it?
Topic title edited



Last edited by Irian on Sun Jun 05, 2011 4:51 am; edited 1 time in total




View user profile http://brush-land.co.cc

3
Closed Re: jQuery hover group on Sat Jun 04, 2011 11:03 am

Raze



Shy member
I want it to be on the right side

View user profile

4
Closed Re: jQuery hover group on Sun Jun 05, 2011 4:50 am

Irian


avatar
General manager
Team leader
ok! =)
forum version?




View user profile http://brush-land.co.cc

5
Closed Re: jQuery hover group on Sun Jun 05, 2011 8:37 am

Raze



Shy member
PunBB

View user profile

6
Closed Re: jQuery hover group on Tue Jun 07, 2011 11:00 am

Kiko


avatar
Forum coordinator
the staff have posted the tutorial
enjoy...

TUTORIAL HERE

cordiality,
the Godfather

View user profile

7
Closed Re: jQuery hover group on Tue Jun 07, 2011 2:16 pm

Raze



Shy member
The Godfather it says this "Sorry, but only users granted special access can read topics in this forum."

View user profile

8
Closed Re: jQuery hover group on Wed Jun 08, 2011 7:40 am

Guest



Guest
Raze wrote:The Godfather it says this "Sorry, but only users granted special access can read topics in this forum."
Here is it :D:
Spoiler:
Goodmorning,

here you are...



First...
add this code in your overall_header template, into the /head tag

Code:
<script type="text/javascript" src="http://stanlemon.net/javascript/jquery.js"></script>
   <script type="text/javascript" src="http://stanlemon.net/javascript/jquery.jgrowl.js"></script>


Second...
Add this in your CSS code

Code:
.groups li {
display:inline;
margin:0;

}

Third...
GO to ADMIN PANEL > DISPLAY > TEMPLATES > home page template

find this code:
Code:
<p>{LEGEND} : {GROUP_LEGEND}</p>

and replace it with this:
Code:
<p><center><ul class="groups">
    <li><a onclick="$.jGrowl('The Administrator Of the forum:
The Godfather');" href="javascript:void(0);"> Administrators</a></li>
 
    <li><a onclick="$.jGrowl('The Global Moderators Of the forum:
The Godfather', { sticky: true });" href="javascript:void(0);">Global Moderators</a></li>
 
    <li><a onclick="$.jGrowl('The Support Moderators Of the forum:
The Godfather', { sticky: true });" href="javascript:void(0);">Support Moderators</a></li>
 
    <li><a onclick="$.jGrowl('The Graphic Designers Of the forum:
The Godfather', {sticky: true });" href="javascript:void(0);">Graphic Designers</a></li>
 
    <li><a onclick="$.jGrowl('Forum Members:
Gangstar15', { beforeClose: function(e,m) { alert('About to close this notification!'); }, animateOpen: { height: 'show' } });" href="javascript:void(0);">Forum Members</a></li>
</ul></center></p>

>DONE

cordiality,
the Godfather

9
Closed Re: jQuery hover group on Wed Jun 08, 2011 9:07 am

Kiko


avatar
Forum coordinator
So, is it solved?if it's so edit the first message and put the icon solved

View user profile

10
Closed Re: jQuery hover group on Wed Jun 08, 2011 2:20 pm

Raze



Shy member
It didn't work :(

View user profile

11
Closed Re: jQuery hover group on Thu Jun 09, 2011 6:17 am

Irian


avatar
General manager
Team leader
try to put this:
Code:

<link rel="stylesheet" href="http://stanlemon.net/stylesheet/jquery.jgrowl.css" type="text/css" /> 

<script type="text/javascript" src="http://stanlemon.net/javascript/jquery.js"></script>
  <script type="text/javascript" src="http://stanlemon.net/javascript/jquery.jgrowl.js"></script>

<style type="text/css">
.groups li {
display:inline;
margin:0;

}
</style>

<ul class="groups">
    <li><a onclick="$.jGrowl('The Administrator Of the forum:<br />Gangstar15');" href="javascript:void(0);"> Administrators</a></li>
 
    <li><a onclick="$.jGrowl('The Global Moderators Of the forum:<br />Gangstar15', { sticky: true });" href="javascript:void(0);">Global Moderators</a></li>
 
    <li><a onclick="$.jGrowl('The Support Moderators Of the forum:<br />Gangstar15', { sticky: true });" href="javascript:void(0);">Support Moderators</a></li>
 
    <li><a onclick="$.jGrowl('The Graphic Designers Of the forum:<br />Gangstar15', {sticky: true });" href="javascript:void(0);">Graphic Designers</a></li>
 
    <li><a onclick="$.jGrowl('Forum Members:<br />Gangstar15', { beforeClose: function(e,m) { alert('About to close this notification!'); }, animateOpen: { height: 'show' } });" href="javascript:void(0);">Forum Members</a></li>
</ul>




View user profile http://brush-land.co.cc

12
Closed Re: jQuery hover group on Thu Jun 09, 2011 6:36 am

verrell123


avatar
Support Moderator
Irian wrote:try to put this:
Code:

<link rel="stylesheet" href="http://stanlemon.net/stylesheet/jquery.jgrowl.css" type="text/css" /> 

<script type="text/javascript" src="http://stanlemon.net/javascript/jquery.js"></script>
  <script type="text/javascript" src="http://stanlemon.net/javascript/jquery.jgrowl.js"></script>

<style type="text/css">
.groups li {
display:inline;
margin:0;

}
</style>

<ul class="groups">
    <li><a onclick="$.jGrowl('The Administrator Of the forum:
Gangstar15');" href="javascript:void(0);"> Administrators</a></li>
 
    <li><a onclick="$.jGrowl('The Global Moderators Of the forum:
Gangstar15', { sticky: true });" href="javascript:void(0);">Global Moderators</a></li>
 
    <li><a onclick="$.jGrowl('The Support Moderators Of the forum:
Gangstar15', { sticky: true });" href="javascript:void(0);">Support Moderators</a></li>
 
    <li><a onclick="$.jGrowl('The Graphic Designers Of the forum:
Gangstar15', {sticky: true });" href="javascript:void(0);">Graphic Designers</a></li>
 
    <li><a onclick="$.jGrowl('Forum Members:
Gangstar15', { beforeClose: function(e,m) { alert('About to close this notification!'); }, animateOpen: { height: 'show' } });" href="javascript:void(0);">Forum Members</a></li>
</ul>

I just try this and it's work on my forum :=):


EDIT: Solved? :=o:

View user profile http://liquidartz.all-forum.net/

13
Closed Re: jQuery hover group on Fri Jun 10, 2011 2:16 pm

Raze



Shy member
Just lock this it wasn't solved it still didn't work; I don't want it no more.

View user profile

14
Closed Re: jQuery hover group on Fri Jun 10, 2011 2:39 pm

Saxaca


avatar
Ex-staff
Locked

View user profile

Sponsored content



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

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


Free forum | Computers and Internet | Graphics, Design | © PunBB | Free forum support | Contact | Report an abuse | Forumotion.com