tutoriel Ajouter un bouton "Plein écran" sur son client (100% fonctionnel)

[Invité Remi]

Salut, il y'a longtemps que je cherchais un bouton "Plein écran" à ajouter sur son client mais malheureusement le seul sujet qui est sur inshare ne fonctionne pas correctement, alors c'est pour cela que je vous fais un nouveau tutoriel afin d'ajouter un bouton "Plein écran" en même pas une minute. 

 

 

Etape 1 : Rendez-vous dans votre fichier client souvent : client.php ou hotel.php

Etape 2 : En dessous de <title>Nom du rétro</title> ajouter ce code
 

<style>
            .menu_hotel {
            cursor: pointer;
            background: #111010;
            width: 85px;
            height: 20px;
            padding: 20px;
            margin-top: -40px;
            border: 2px solid #494949;
            font-size: 14px;
            float: left;
            font-weight: bold;
            color: white;
            display: block;
            white-space: nowrap;
            position:fixed;
            top:12px;
            left:12px;
            font-family: Verdana,Arial,Helvetica,sans-serif;
            border-radius: 5px;
            -moz-opacity: 0.5;
            opacity: 0.5;
            filter: alpha(opacity=50);
            }
           </style> 
<script type="text/javascript"> 
        if (typeof HabboClient != "undefined") { HabboClient.windowName = "uberClientWnd"; }
        function Fullscreen(){"Plein écran"==jQuery("#pleinecrantxt").text()?jQuery("#pleinecrantxt").text("Plein écran"):jQuery("#pleinecrantxt").text("Plein écran"),document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement?document.cancelFullScreen?document.cancelFullScreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitCancelFullScreen&&document.webkitCancelFullScreen():document.documentElement.requestFullscreen?document.documentElement.requestFullscreen():document.documentElement.mozRequestFullScreen?document.documentElement.mozRequestFullScreen():document.documentElement.webkitRequestFullscreen&&document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT)}function makeFullScreen(a){a.requestFullscreen?a.requestFullscreen():a.msRequestFullscreen?a.msRequestFullscreen():a.mozRequestFullScreen?a.mozRequestFullScreen():a.webkitRequestFullscreen?a.webkitRequestFullscreen():console.log("Fullscreen API is not supported")};
</script>

Etape 3 : Ajouter (en dessous des codes Adobe Flash Player) ce code 

<div class="menu_hotel" onclick="Fullscreen();">
        <div id="pleinecrantxt" style="margin-top:15px">Plein écran</div>
</div>

Etape 4 : Enregistrer le fichier et profiter du bouton !  

 

Screenshot du bouton (il est à moitié transparent, fin il est pas moche quoi)

Pour avoir accès à cette image, merci de vous connecter.

 

Bonne journée   (+1)

[Yumi 85]

Salut,

 

Merci du partage pour ceux à qui cela va être utile.

 

- Rick

[R4x0r3 48]

    Salut MonsieurBanane ,
    Ton sujet a été déplacé pour une des deux raisons suivantes :

    - Ta demande a été résolue.

    - Ton sujet se trouvait dans la mauvaise catégorie.

        
      Ceci est un message automatique.

[Invité Remi]

il y a 5 minutes, Rick a dit :

Salut,

 

Merci du partage pour ceux à qui cela va être utile.

 

- Rick

Pas de soucis  

[Pancani 168]

Merci du partage, le bouton freeze est intéressant à partager aussi  

[Invité Remi]

à l’instant, Pancani a dit :

Merci du partage, le bouton freeze est intéressant à partager aussi  

Pas de soucis eheh , ouais après à la base le bouton c'était "Un freeze ?" mais vue que pour cela on utilise la fonction Plein écran j'ai préféré écrire Plein écran après c'est vrai que mettre 2 boutons peut être pas mal je ferais peut être un edit du post dans la journée  

[Ubrain 30]

Merci du partage, cela s'avère très utile pour certains  

[Chivas 6]

Merci, simple à faire mais toujours utile pour les débutants

[Invité Remi]

il y a 10 minutes, Ubrain a dit :

Merci du partage, cela s'avère très utile pour certains  

Eheh pas de soucis  

[Invité Remi]

il y a 2 minutes, Chivas a dit :

Merci, simple à faire mais toujours utile pour les débutants

Pas de soucis, puis ça évite à chercher pendant 2 heures x)  

[Monis 0]

Salut le client.php ou hotel.php se trouve où ? 

 

[Pancani 168]

il y a 1 minute, Monis a dit :

Salut le client.php ou hotel.php se trouve où ? 

 

A la racine de ton CMS

[Monis 0]

il y a 1 minute, Pancani a dit :

A la racine de ton CMS

Okep merci

[Invité Remi]

il y a 49 minutes, Monis a dit :

Okep merci

Salut, tu as trouvé ? 

[Monis 0]

il y a une heure, MonsieurBanane a dit :

Salut, tu as trouvé ? 

Oui

 

[Invité Remi]

il y a 36 minutes, Monis a dit :

Oui

 

Alors c'est parfait  

 

[Enzo59880 0]

Yo ! Le bouton s'affiche mais quand je clique dessus ça ne se met pas en plein écran

[Osifou 0]

Merci

[FatalDead 0]

Merci super utile je penserais à l'ajouter

[404Links 2]

Pratique, merci 

[Kurga 0]

sympa

[Solife 1 348]

    Salut Remi ,
    Ton sujet a été déplacé pour une des deux raisons suivantes :

    - Ta demande a été résolue.

    - Ton sujet se trouvait dans la mauvaise catégorie.

        
      Ceci est un message automatique.

[Ragnar 0]

merci