Jump to content
×
×
  • Create New...
  • Please do not post a message for the purpose of insulting, incitement to hatred, sexual remarks and any other which does not respect our terms of use !

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


Èsska (S-K)
 Share

Recommended Posts

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. )

 

Screen

 

 

togglesize.png

Link to comment
Share on other sites

  • Administrateur

Merci à toi :) 

⠀⠀Founder of Inshare.fr

⠀⠀Twitch channel moderator

⠀⠀French translator Trucksbook.eu

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

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

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

 

signature.png

Link to comment
Share on other 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

Link to comment
Share on other sites

à l’instant, Emeric a dit :

Il était temps que tu arrive @S-KDevFR ;) tu est entrains de relancer la catégorie partage qui était laisser a l'abandon.

Ahah, pas de soucis, j'ai encore pleins de sources en réserve. :3

Link to comment
Share on other 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.

Link to comment
Share on other sites

  • 10 months later...

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).

 

Capture d’écran (18).png

Link to comment
Share on other 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.

Link to comment
Share on other 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).

 

Capture d’écran (18).png

 

met le code entre <script> </script>

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share