Aller au contenu
  • Veuillez ne pas poster de message pour but d'insulter, incitation à la haine, propos sexuels et tout autre qui ne respecte pas nos conditions générales !

Système de fullscreen [New Style] - By Under


Èsska (S-K)

Messages recommandés

Salut. J'ai vu que quelqu'un avait fait un système de fullscreen assez... Basique.

Je ne suis pas là pour critiquer. Mais je préfère vous partager directement le vrai style à la base.

Ce fullscreen est fait pas Under, un ami une fois de plus.

 

Code à rajouter dans le client.php:

 <div id="full" onclick="toggleFullScreen()" style="border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    line-height: 1.2;
    border-radius: 5px;
    left: 12px;
    position: absolute;
    top: 12px;
    z-index: 1060;
    margin: 0 1px 4px;
    box-shadow: 0 3px 0 1px rgba(0,0,0,.3);
    background-color: #ffb900;
    border-color: #ffea00;
    color: #000;
    font-size: 9px;
    font-weight: bold;
    padding: 6px 8px;
    display: block;
    float: left;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    text-transform: uppercase;"><img src="./web/img/togglesize.png"></div>

Puis la fonction:

 

function toggleFullScreen() {
  if ((document.fullScreenElement && document.fullScreenElement !== null) ||    
   (!document.mozFullScreen && !document.webkitIsFullScreen)) {
    if (document.documentElement.requestFullScreen) {  
      document.documentElement.requestFullScreen();  
    } else if (document.documentElement.mozRequestFullScreen) {  
      document.documentElement.mozRequestFullScreen();  
    } else if (document.documentElement.webkitRequestFullScreen) {  
      document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);  
    }  
  } else {  
    if (document.cancelFullScreen) {  
      document.cancelFullScreen();  
    } else if (document.mozCancelFullScreen) {  
      document.mozCancelFullScreen();  
    } else if (document.webkitCancelFullScreen) {  
      document.webkitCancelFullScreen();  
    }  
  }  
}

Image à mettre dans le répertoire du CMS: liendusite/web/img/togglesize.png ( Disponible en pièce jointe dans le post. )

 

Pour avoir accès à ce lien, merci de vous connecter.

 

 

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

Lien à poster
Partager sur d’autres sites

  • Administrateur

Merci à toi :) 

⠀⠀Founder of Inshare.fr

⠀⠀Baylife moderator

⠀⠀Twitch channel moderator

⠀⠀French translator Trucksbook.eu

𝐹𝑒𝑒𝑙 𝑓𝑟𝑒𝑒 𝑡𝑜 𝑤𝑟𝑖𝑡𝑒 𝑎 𝑐𝑜𝑚𝑚𝑒𝑛𝑡

—————————————————

╱⠀⠀⠀⠀⠀⠀⠀⠀⠀Règlements⠀⠀ //⠀⠀Abonnements⠀⠀ //⠀⠀ Discord   ⠀⠀⠀⠀⠀⠀⠀⠀⠀╲

 

signature.png

Lien à poster
Partager sur d’autres sites

Merci pour ce partage

Besoin d'une ressource pour ton rétro ? Un CMS ? Un Addon ? 

 

1490721717-ch.png

 

Besoin d'une base de donnée pour ton rétro ? Un dédipass une base de donnée pendant 4 mois !

Alors rejoins moi vite sur http://comahost.com

https://www.facebook.com/comahost/

 

1490976330-capture-d-ecran-2017-03-31-a-

 

Les crocodiles en force !

 

crocnhammocks.png

Lien à poster
Partager sur d’autres sites

il y a 22 minutes, WorkOn a dit :

lol, ça n'est pas de toi Under... d'origines j'ai vu sur plusieurs rétro's 

Il existe peut-être plusieurs rétros qu'ils l'ont, mais il l'a fait de 0. >.> C'est pas parce que d'autres l'ont, qu'on peut pas copier ce même style.

Lien à poster
Partager sur d’autres sites

  • 10 mois plus tard...

Hello ! Merci du partage, mais où insérer la fonction ? Car lorsque je la met après le code à rajouter dans le client.php beh quand je vais sur mon clietn ça met le code JS affiché trkl en haut de mon client.php et si j'appuie sur l'img du fullscreen ça fonctionne pas vu qu'bah y'a pas la fonction mdr. Merci pour votre aide (si y'en a).

 

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

Lien à poster
Partager sur d’autres sites

  • Gérant

@Strax- Avertissement oral.

 

Le sujet n'est pas un support.

Merci de créer un sujet pour vos problèmes.

 

Ceci est un message automatique.

Lien à poster
Partager sur d’autres sites

il y a une heure, Strax- a dit :

Hello ! Merci du partage, mais où insérer la fonction ? Car lorsque je la met après le code à rajouter dans le client.php beh quand je vais sur mon clietn ça met le code JS affiché trkl en haut de mon client.php et si j'appuie sur l'img du fullscreen ça fonctionne pas vu qu'bah y'a pas la fonction mdr. Merci pour votre aide (si y'en a).

 

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

 

met le code entre <script> </script>

Lien à poster
Partager sur d’autres sites

  • 4 ans plus tard...
  • 1 mois plus tard...

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !

Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.

Connectez-vous maintenant
×
×
  • Créer...