Aspect du message de login
Category : Personalisé Nuked Klan
Added on : Le 30 avril 2015
Author : kotshiro
readings : 2112
808 Personnes aiment ce tuto et vous !!
Note :  [ Rate ]

Voici comment changé l'aspect de votre message de login comme sur ce site ^^

Ouvrez l'index.php du module User et recherchez la function login_message, afin d'agrémentez tout cela nous allons rajoutez un peu de css que voici :

div.message * {
  font-family: Roboto;
}

div.message h2{
  font-weight: 100;
  font-size: 30pt;
  line-height: 1.3em;
  margin: 15px 0;
}

div.message {
  position: relative;
  padding: 10px;
  padding-left: 35px;
  margin: 30px 10px;
  box-shadow:0 2px 5px rgba(0,0,0,.3);
  background: #BBB;
  color: #FFF;
  
  -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
       -o-transition: all .5s ease;
          transition: all .5s ease;
}
div.message:hover{
  box-shadow: 0 15px 20px rgba(10,0,10,.3);
  -webkit-filter: brightness(110%);
}

div.message:before{
  content: '';
  font-family: FontAwesome;
  position: absolute;
  display: block;
  top: -21px;
  left: 50%;
  margin:0 -21px;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  width: 24px;
  padding:10px;
  background: inherit;
  box-shadow:0 5px 10px rgba(0,0,0,.25);
  color: rgba(255,255,255,.75);
  border-radius:50%;
  border: 2px solid transparent;
  z-index: 2;
}

div.message.information:before{content:'\f129';}
div.message.announcement:before{content:'\f0f3';}
div.message.success:before{content:'\f00c';}
div.message.warning:before{content:'\f12a';}
div.message.error:before{content:'\f00d';}

div.message.information{background: #39B;}
div.message.warning{background: #E74;}
div.message.success{background: #5A6;}
div.message.announcement{background: #EA0;}
div.message.error{background: #C43;}
Vous avez sans doute remarqué qu'il y a plusieurs coulours/choix , à vous de jouer avec.

Et voici le code à ajouté:

        echo "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">\n"			. "<html xmlns=\"http://www.w3.org/1999/xhtml\" xml:lang=\"fr\">\n"
                . "<head><title>" . $nuked['name'] . " :: " . $nuked['slogan'] . " ::</title>\n"
                . "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\" />\n"
                . "<meta http-equiv=\"content-style-type\" content=\"text/css\" />\n"
                . "<link title=\"style\" type=\"text/css\" rel=\"stylesheet\" href=\"themes/" . $theme . "/style.css\" /></head>\n"
                . "<body style=\"background: " . $bgcolor2 . ";\"><div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></div>\n"			. "<table width=\"700\" style=\"margin-left: auto;margin-right: auto;text-align: center;\" cellspacing=\"0\" cellpadding=\"20\">\n"			. "<tr><td><div class=\"success message\"><h2>" . _LOGINPROGRESS . "</h2>\n"            . "<p>Vous avez <b>" . $user[5] . "</b> nouveau(x) message(s).</p>\n"            . "<p>Votre ip : <b>" . $user[3] . "</b></p>\n"
                . "</div></td></tr></table></body></html>\n";
Pour les erreurs de cookies le code est le suivant:

        if ($nuked['sess_inactivemins'] > 0 && $user_ip != "" && $user_ip != "127.0.0.1"){
            $login_text = "<div class=\"warning message\"><h2>" . _LOGINPROGRESS . "</h2>\n"                    . "<p>" . _SESSIONIPOPEN . "</p>\n"
                        . "<p>" . _ERRORCOOKIE . "</p></div>";
        }
        else{
            $login_text = "<div class=\"warning message\"><h2>" . _ERRORCOOKIE ."</h2></div>";
        }
Et voici ce que cela donne au final :


N'oubliez pas de rajout? les liens pour le Roboto que voici :
 
et pour les icones que voici: