Modéré par : Skippy bmag 
Index du Forum » » Modifications ou correction de thèmes existants » » Login modal
AuteurLogin modal
fliaigre
11   

fliaigre
  Posté : 26-05-2013 17:50

N'ayant pas eu de succès sur la partie thèmes du forum de NPDS, je pose ma question ici :

Quelqu'un a t'il essayer d'intégrer le bloc de connexion du genre ==> http://www.bitrepository.com/ajax-login-modal-box.html

  Profil  
bmag
290     
 Styles Team (TST)

bmag
  Posté : 26-05-2013 18:55

salut

Pas pour ma part,
as tu essayer de poster ds le coin des codeurs? jireck et Dev sont souvent dessus

C'est quoi l'idée ? d'avoir une box en popup pour se connecter?

  Profil  www  
fliaigre
11   

fliaigre
  Posté : 26-05-2013 22:26

Oui c'est ça et gagner de la place et en modernité.

  Profil  
jireck
118     
 Dev Team (TNT)

jireck
  Posté : 04-06-2013 16:09

Déjà fait depuis 2 ans .... sur mon site ....

Rien de plus facile ...
mais sur styles ce n'est pas sa place....

J'avais proposé de faire un sujet trucs et astuce sur npds ... j'ai pas été suivi.

C'est toujours un problème de mettre du code dans les news donc pas facile a faire des tutos

  Profil  www  
bmag
290     
 Styles Team (TST)

bmag
  Posté : 06-06-2013 15:39

slt

pour Truc et Astuces : je vote pour

si il faut le créer ici, pourquoi pas.

Message édité par : bmag / 06-06-2013 15:40


  Profil  www  
jireck
118     
 Dev Team (TNT)

jireck
  Posté : 06-06-2013 19:06

sa place est sur npds ... dans les news ou les sections...

  Profil  www  
bmag
290     
 Styles Team (TST)

bmag
  Posté : 07-06-2013 08:32

slt
Je pense qu'il peut tout à fait y avoir une catégorie de ce type sur theme.

Il existe bien des "truc et Astuces" pour personnaliser son NPDS:

L’utilisation des métamots pour customiser la Date par exemple
Le Central.html que tu as créé
La personnalisation des infosbulles
etc etc

il existe plein de chose qui sont de l'utilisation de code (script ou autres) qui peuvent rentrer dans cette catégorie

Avis perso bien sur

  Profil  www  
jireck
118     
 Dev Team (TNT)

jireck
  Posté : 07-06-2013 12:39

En fait pour moi il faudrait un sous domaine tutos avec une personne qui s'en occupe ... mais cela est dur ..

  Profil  www  
colonelwog
286     
 ModulesTeam (TMT)

colonelwog
  Posté : 07-06-2013 19:51

c'est déjà dur de maintenir modules et styles , alors un autre ...

  Profil  
fliaigre
11   

fliaigre
  Posté : 12-06-2013 18:53

Citation : jireck 

Déjà fait depuis 2 ans .... sur mon site ....

Rien de plus facile ...
mais sur styles ce n'est pas sa place....

J'avais proposé de faire un sujet trucs et astuce sur npds ... j'ai pas été suivi.

C'est toujours un problème de mettre du code dans les news donc pas facile a faire des tutos 

C'est où sur ton site?

  Profil  
jireck
118     
 Dev Team (TNT)

jireck
  Posté : 14-06-2013 09:05

dans les archives

  Profil  www  
bartok371
41    

bartok371
  Posté : 21-06-2013 09:48

Citation : jireck 
En fait pour moi il faudrait un sous domaine tutos avec une personne qui s'en occupe ... mais cela est dur ..


slt
Si ça peut attendre septembre, je veux bien en parler avec vous. ça me branche.

  Profil  
bartok371
41    

bartok371
  Posté : 22-06-2013 13:05

allo?

  Profil  
bmag
290     
 Styles Team (TST)

bmag
  Posté : 22-06-2013 15:26

slt

no problemo y a pas urgence (pour moi)

  Profil  www  
jireck
118     
 Dev Team (TNT)

jireck
  Posté : 28-06-2013 09:20

Alllezzz, voila l'exemple ... c'est une viellle procédure à remettre au gout du jour.
Le principe : prendre un lightbox quelconque et afficher le lien et le formulaire si l'utilisateur n'est pas connecter:

Voila comment faire avec un methode rapide, car je ne ferais plus comme cela maintenant ...

dans le header_head.inc du theme ou global

<?php

if (!$user){
?>

<script>

$(document).ready(function() {

    //select all the a tag with& nbsp;name equal to modal
    $('a[name=modal]').click(function(e) {
        //Cancel the link&n bsp;behavior
        e.preventDefault();

        //Get the A ta g
        var id = $(thi s).attr('href');

        //Get the screen&nb sp;height and width
        var maskHeight =&nb sp;$(document).height();
        var maskWidth =&nbs p;$(window).width();

        //Set heigth and&nb sp;width to mask to fill up the whole s creen
        $('#mask').css({'width':maskW idth,'height':maskHeight});

        //transition effect
        $('#mask').fadeIn(1000);
        $('#mask').fadeTo("slow",0.8) ;

        //Get the window&nb sp;height and width
        var winH = $(w indow).height();
        var winW = $(w indow).width();

        //Set the popup&nbs p;window to center
        $(id).css('top',  w inH/2-$(id).height()/2);
        $(id).css('left', winW/2 -$(id).width()/2);

        //transition effect
        $(id).fadeIn(2000);

    });

    //if close button is clicked
    $('.window .close').click(function (e)  ;{
        //Cancel the link&n bsp;behavior
        e.preventDefault();

        $('#mask').hide();
        $('.window').hide();
    });

    //if mask is clicked
    $('#mask').click(function () {
        $(this).hide();
        $('.window').hide();
    });

});

</script>
<style>

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color000;
  display:none;
}

#boxes .window {
  position:fixed;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog1 {
  width:375px;
  height:203px;

  -moz-border-radius:10px 10px 10px 10px;
  -moz-box-shadow:0 0 8px rgba(0, 0, 0,&nb sp;0.3);
  background:none repeat scroll 0 0 #FFFFF F;
}

/* a modifier suivant les themes*/
</style>
<?php

}
?>



Et avant la fin du html
dans le footer_before.inc

<?php

if (!$user){
?>
<form action="user.php" method="post" name="userlogi n">
<div id="boxes">

<div id="dialog1" class="window">

    <h3>Connexion au Blog Jireck.fre e.fr</h3>
    <p>
    <input type="text" name="uname" val ue="username" !onclick!="this.value=''" /><br />
    <input type="password" name="pass"  value="Password" !onclick!="this.value=''" /><br />< br />
    <input type="image" alt="Login" tit le="Login" />
    </p>
</div>

<!-- Mask to cover the whole screen --& gt;
  <div id="mask"></div>
</div>
<input type="hidden" name="op" value="login" />
</form>
<?php

}
?>



Voila
bien sur il faut Jquery

  Profil  www  
Sauter à :