Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • 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 !
Sign in to follow this  
Èsska (S-K)

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

Recommended Posts

VIP

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

 

Please login or register to see this link.

 

 

togglesize.png

Share this post


Link to post
Share on other sites
Admin
Admin

Merci à toi :) 

Share this post


Link to post
Share on other sites
VIP
il y a 25 minutes, Thomas a dit :

Merci à toi :) 

Pas de soucis. ;)

Share this post


Link to post
Share on other sites
VIP
il y a 35 minutes, DerZoX448 a dit :

Merci du partage S-K:)

Pas de soucis. ;)

Share this post


Link to post
Share on other sites
Vétéran

Merci pour ce partage

Share this post


Link to post
Share on other sites
VIP
il y a 19 minutes, Nico a dit :

Merci pour ce partage

Pas de soucis. ^^

Share this post


Link to post
Share on other sites
Premium

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

Share this post


Link to post
Share on other sites
VIP
à 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

Share this post


Link to post
Share on other sites
Vétéran

Merci du partage!

Share this post


Link to post
Share on other sites
VIP
Il y a 11 heures, NevetS a dit :

Merci du partage!

No problem. ;)

Share this post


Link to post
Share on other sites
VIP
il y a 26 minutes, UnderFR a dit :

Merci pour le partage de MON code ;)

De rien ^^

Merci de ton commentaire sur MON post! ;) 

Share this post


Link to post
Share on other sites
Premium

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

Share this post


Link to post
Share on other sites
VIP
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.

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
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.

Share this post


Link to post
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>

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×
×
  • Create New...