Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

Anniversaire Frenchnerd

• en savoir plus •
Suivez-nous 2.0

Calendrier Event
Mars 2024
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 20 le Dim 10 Oct - 12:44
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 •
Le Deal du moment : -24%
PC Portable Gaming 15.6″ Medion Erazer Deputy ...
Voir le deal
759.99 €

Suivez-nous 2.0

3 participants

Aller en bas

Suivez-nous 2.0 Empty Suivez-nous 2.0

Message par AH !! Why ? 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>
AH !! Why ?
AH !! Why ?

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

Revenir en haut Aller en bas

Suivez-nous 2.0 Empty Re: Suivez-nous 2.0

Message par Dany 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>
Dany
Dany

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

Revenir en haut Aller en bas

Suivez-nous 2.0 Empty Re: Suivez-nous 2.0

Message par yao 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
yao
yao

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

Revenir en haut Aller en bas

Suivez-nous 2.0 Empty Re: Suivez-nous 2.0

Message par AH !! Why ? 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 ^^
AH !! Why ?
AH !! Why ?

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

Revenir en haut Aller en bas

Suivez-nous 2.0 Empty Re: Suivez-nous 2.0

Message par Dany 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.
Dany
Dany

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

Revenir en haut Aller en bas

Suivez-nous 2.0 Empty Re: Suivez-nous 2.0

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut


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