Hover group legend

Vezi subiectul anterior Vezi subiectul urmator In jos

Hover group legend

Mesaj Scris de Gabryel la data de Sam Sept 01, 2012 8:28 pm

Hei, nu pot realiza un hover pentru grupuri...am uramt un totorial intocmai da nu a functionat si nu stiu unde am gresit
[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
Ar trebuii sami apara asa: [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
dar nu merge si nici nu am habar de ce...
poate ma ajutati voi
avatar
Gabryel
Rang: Membru HForum

Numarul mesajelor : 5
Varsta : 21

Vezi profilul utilizatorului http://community.fanbb.net/forum

Sus In jos

Re: Hover group legend

Mesaj Scris de Andrei la data de Dum Sept 02, 2012 8:23 am

Ce versiune de forum folositi ?
avatar
Andrei
Administrator
Administrator

Numarul mesajelor : 908
Varsta : 19
Localizare : Romania / Pitesti

Vezi profilul utilizatorului

Sus In jos

Re: Hover group legend

Mesaj Scris de Gabryel la data de Dum Sept 02, 2012 9:25 am

punbb
avatar
Gabryel
Rang: Membru HForum

Numarul mesajelor : 5
Varsta : 21

Vezi profilul utilizatorului http://community.fanbb.net/forum

Sus In jos

Re: Hover group legend

Mesaj Scris de Andrei la data de Dum Sept 02, 2012 11:06 am

Ne puteti da index_body si codurile de la legenda
avatar
Andrei
Administrator
Administrator

Numarul mesajelor : 908
Varsta : 19
Localizare : Romania / Pitesti

Vezi profilul utilizatorului

Sus In jos

Re: Hover group legend

Mesaj Scris de Gabryel la data de Dum Sept 02, 2012 11:46 am

Pai ti-am dat tutorialul.
[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
Niko a scris:
Hover group legend

Description


Using this special tutorial you will be able to have a different kind of Legend: An interactive legend.... :Good: But this tutorial works only with templates :Wink:

Set up


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

Cod:
<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>


Then, Add this in your CSS code

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

}

Now, GO to ACP > Display > templates > home page template

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

and replace it with this:
Cod:
<!--- Subject: "Hover group legend" - Copyright 2012 by www.fmcodes.com. All Rights Reserved. Use and/or modification of this script is allowed, provided this entire copyright notice remains in the original or modified code. Distribution is not allowed without written consent from FMCodes---!>
<p><center><ul class="groups">
    <li><a onclick="$.jGrowl('The Administrator Of the forum:
Niko');" href="javascript:void(0);"> Administrators</a></li>
 
    <li><a onclick="$.jGrowl('The Global Moderators Of the forum:
Niko', { sticky: true });" href="javascript:void(0);">Global Moderators</a></li>
 
    <li><a onclick="$.jGrowl('The Support Moderators Of the forum:
Niko', { sticky: true });" href="javascript:void(0);">Support Moderators</a></li>
 
    <li><a onclick="$.jGrowl('The Graphic Designers Of the forum:
Niko', {sticky: true });" href="javascript:void(0);">Graphic Designers</a></li>
 
    <li><a onclick="$.jGrowl('Forum Members:
Mathias', { beforeClose: function(e,m) { alert('About to close this notification!'); }, animateOpen: { height: 'show' } });" href="javascript:void(0);">Forum Members</a></li>
</ul></center></p>

Customize the tutorial


If you want to edit the messages you have just to edit the part that you can read easily... Like "The Administrators of the forum" etc... :Good:
If you need help we can help you... :birra:

Technical problems


[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]The tutorial was tested on this forum and with the browser Google Chrome; If you notice that the tutorial doesn't work for a browser or for a version of forum (PhpBB2, PhpBB3, PunBB, Invision) contact an administrator and we will fill this field with your reporting.

Thanks, the staff
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]For every problem or question please, contact us in the section [Trebuie sa fiti inscris si conectat pentru a vedea acest link], The staff will answer you as soon as it is possible...

Friendly,
The team of the Forum of Codes.
avatar
Gabryel
Rang: Membru HForum

Numarul mesajelor : 5
Varsta : 21

Vezi profilul utilizatorului http://community.fanbb.net/forum

Sus In jos

Re: Hover group legend

Mesaj Scris de InFeRn0 la data de Dum Sept 02, 2012 11:52 am

acela nu este un hover !
este un cod css :!
In acest tutorial spune sa pui codurile
Cod:
<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>
dupa
Cod:
<html><body>

Foaia de stil css
Cod:
.groups li {
display:inline;
margin:0;
}

Now, GO to ACP > Display > templates > index_body
cautati
Cod:
<p>{LEGEND} : {GROUP_LEGEND}</p>
si inlocuiti cu
Cod:
<!--- Subject: "Hover group legend" - Copyright 2012 by www.fmcodes.com. All Rights Reserved. Use and/or modification of this script is allowed, provided this entire copyright notice remains in the original or modified code. Distribution is not allowed without written consent from FMCodes---!>
<p><center><ul class="groups">
    <li><a onclick="$.jGrowl('The Administrator Of the forum:
Niko');" href="javascript:void(0);"> Administrators</a></li>
 
    <li><a onclick="$.jGrowl('The Global Moderators Of the forum:
Niko', { sticky: true });" href="javascript:void(0);">Global Moderators</a></li>
 
    <li><a onclick="$.jGrowl('The Support Moderators Of the forum:
Niko', { sticky: true });" href="javascript:void(0);">Support Moderators</a></li>
 
    <li><a onclick="$.jGrowl('The Graphic Designers Of the forum:
Niko', {sticky: true });" href="javascript:void(0);">Graphic Designers</a></li>
 
    <li><a onclick="$.jGrowl('Forum Members:
Mathias', { beforeClose: function(e,m) { alert('About to close this notification!'); }, animateOpen: { height: 'show' } });" href="javascript:void(0);">Forum Members</a></li>
</ul></center></p>
avatar
InFeRn0
Rang: Membru HForum

Numarul mesajelor : 74
Varsta : 23
Localizare : Bacau

Vezi profilul utilizatorului http://help.forum-free.org/

Sus In jos

Re: Hover group legend

Mesaj Scris de InFeRn0 la data de Dum Sept 02, 2012 11:54 am

InFeRn0 a scris:acela nu este un hover !
este un cod css :!
In acest tutorial spune sa pui codurile
Cod:
<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>
in overall_header dupa
Cod:
<html><body>

Foaia de stil css
Cod:
.groups li {
display:inline;
margin:0;
}

Now, GO to ACP > Display > templates > index_body
cautati
Cod:
<p>{LEGEND} : {GROUP_LEGEND}</p>
si inlocuiti cu
Cod:
<!--- Subject: "Hover group legend" - Copyright 2012 by www.fmcodes.com. All Rights Reserved. Use and/or modification of this script is allowed, provided this entire copyright notice remains in the original or modified code. Distribution is not allowed without written consent from FMCodes---!>
<p><center><ul class="groups">
    <li><a onclick="$.jGrowl('The Administrator Of the forum:
Niko');" href="javascript:void(0);"> Administrators</a></li>
 
    <li><a onclick="$.jGrowl('The Global Moderators Of the forum:
Niko', { sticky: true });" href="javascript:void(0);">Global Moderators</a></li>
 
    <li><a onclick="$.jGrowl('The Support Moderators Of the forum:
Niko', { sticky: true });" href="javascript:void(0);">Support Moderators</a></li>
 
    <li><a onclick="$.jGrowl('The Graphic Designers Of the forum:
Niko', {sticky: true });" href="javascript:void(0);">Graphic Designers</a></li>
 
    <li><a onclick="$.jGrowl('Forum Members:
Mathias', { beforeClose: function(e,m) { alert('About to close this notification!'); }, animateOpen: { height: 'show' } });" href="javascript:void(0);">Forum Members</a></li>
</ul></center></p>
avatar
InFeRn0
Rang: Membru HForum

Numarul mesajelor : 74
Varsta : 23
Localizare : Bacau

Vezi profilul utilizatorului http://help.forum-free.org/

Sus In jos

Re: Hover group legend

Mesaj Scris de Gabryel la data de Dum Sept 02, 2012 12:26 pm

ok o sa incerc
avatar
Gabryel
Rang: Membru HForum

Numarul mesajelor : 5
Varsta : 21

Vezi profilul utilizatorului http://community.fanbb.net/forum

Sus In jos

Re: Hover group legend

Mesaj Scris de Andrei la data de Dum Sept 02, 2012 6:29 pm

Inca mai persista problema ?
avatar
Andrei
Administrator
Administrator

Numarul mesajelor : 908
Varsta : 19
Localizare : Romania / Pitesti

Vezi profilul utilizatorului

Sus In jos

Re: Hover group legend

Mesaj Scris de Andrei la data de Vin Sept 07, 2012 4:15 pm

:c-rezolvat:
avatar
Andrei
Administrator
Administrator

Numarul mesajelor : 908
Varsta : 19
Localizare : Romania / Pitesti

Vezi profilul utilizatorului

Sus In jos

Re: Hover group legend

Mesaj Scris de Continut sponsorizat


Continut sponsorizat


Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum