Anniversaire Frenchnerd

• en savoir plus •
Suivez-nous 2.0

Calendrier Event
Décembre 2017
LunMarMerJeuVenSamDim
    123
45678910
11121314151617
18192021222324
25262728293031

Calendrier Calendrier

JukeboxBobby
Jukebox du FFF
jukeboxV2
Jukebox du FFF
Qui est en ligne ?
Il y a en tout 1 utilisateur en ligne :: 0 Enregistré, 0 Invisible et 1 Invité

Aucun

Le record du nombre d'utilisateurs en ligne est de 12 le Mer 6 Jan - 1:26
Liens Frenchnerd
Frenchnerd Le site du Visiteur du Futur Les opérateurs
Amis Fans
Frenchnerd's Nerd Futuristes Le Blog du Futur
Web-séries
NONSERIE Les Souverains Boxer Boxer SLG La petite maison dans l'âprerie
Goodies FFF
Goodies du FFF
Car2

Concours RM

• en savoir plus •

Suivez-nous 2.0

Voir le sujet précédent Voir le sujet suivant Aller en bas

Suivez-nous 2.0

Message par AH !! Why ? le Lun 15 Sep - 15:25

Test de modif de la forme du suivez-nous façon slide.
Mais gros fail ^^
A retravailler.

Et modif des lien css mais mis en commentaire ^^

Code:
<!-- HTML -->
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>Widget</title>

<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
</head>

<style>
#menu-widget {
   float: left;
   position:fixed;
   font-size: 0.7em;
   cursor: pointer;
   margin: 0;
   z-index: 9000;
   top: 40%;
   margin-top: -60px;
   margin-left: -57px;
}

#menu-widget .icons-menu{
   float: left;
   background-color: #FF7900;
   height: 119px;
}
</style>
<body>
<h1>Test volet ouvrant</h1>

<div id="menu-widget">
    <div class="icons-menu">
       <div id="add-widget" title="Ajouter un Widget">
           <img alt="Ajouter un Widget" src="icon_add_56x56_FFF.png">
       </div>
       <div id="delete-all-widgets" title="Supprimer tous les Widgets">
           <img alt="Supprimer tous les Widgets" src="icon_trash_56x56_FFF.png">
       </div>
   </div>
</div>
</body>
</html>

   
<script type="text/javascript">
   
   $("#menu-widget").on("mouseenter", function(){
      $("#menu-widget").stop().animate({
          "margin-left":"-10px"
      });
   });

   $("#menu-widget").on("mouseleave", function(e){
      $("#menu-widget").stop().animate({
          "margin-left":"-57px"
      });
   });
   
</script>
avatar
AH !! Why ?

Messages : 45
Date d'inscription : 27/08/2014

Revenir en haut Aller en bas

Re: Suivez-nous 2.0

Message par Dany le Ven 31 Oct - 10:47

J'ai modifié un peu en ajoutant le code pour voir qui est co sur l'IRC. (merci à XIV qui m'a montré ça)
Code:
Il y a <script src="http://webtools.epiknet.org/chanstats.php?canal=frenchnerdfanforum&sel=compteur" lang="javascript"></script> connecté sur l'IRC, les visibles sont: <br /> <script src="http://webtools.epiknet.org/names.php?canal=frenchnerdfanforum&htmlcolors=true" lang="javascript"></script>
avatar
Dany

Messages : 79
Date d'inscription : 10/09/2014
Age : 12

Revenir en haut Aller en bas

Re: Suivez-nous 2.0

Message par yao le Ven 31 Oct - 18:20

J'ai vu, c'est chouette ^^

Faudrait en fait limite faire une fusion de 3 widgets : qui est en ligne sur le forum + qui est en ligne sur le canal IRC + qui est en ligne sur la chatbox xD
avatar
yao

Messages : 76
Date d'inscription : 19/08/2014
Age : 32

Revenir en haut Aller en bas

Re: Suivez-nous 2.0

Message par AH !! Why ? le Ven 31 Oct - 18:24

Je suis content que ça marche avec l'IRC ^^

Et comme yao, je pense qu'une fusion de tous ça sera vraiment cool ^^

_________________
TESTTTTTT
avatar
AH !! Why ?

Messages : 45
Date d'inscription : 27/08/2014

Revenir en haut Aller en bas

Re: Suivez-nous 2.0

Message par Dany le Sam 1 Nov - 10:52

Ça serait cool oui mais le seul moyen de faire ça serait de mettre le widget en template. Et ça posera quelques soucis, mais on peut toujours essayer. Je ferai ça demain si vous voulez.

_________________
avatar
Dany

Messages : 79
Date d'inscription : 10/09/2014
Age : 12

Revenir en haut Aller en bas

Re: Suivez-nous 2.0

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum