Jump to content
  • 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 !

Système de FullScreen sur les CMS


UnderFR

Recommended Posts

Salut à tous ! 

Aujourd'hui je vous partage un tutoriel qui va vous permettre de mettre votre CMS en FullScreen lors d'un clic sur un bouton.

Je re-partage le code que j'ai donné à @S-KDevFR, mais je change son "emplacement".

 

Voici le code HTML à mettre dans votre header.php, ou là où vous voulez, ( dans le header pour que le site entier soit accessible en FullScreen ).

 

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

Et voici la fonction JavaScript:

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();  
    }  
  }  
}

 

Il vous suffit de mettre l'image en pièce jointe, dans le répertoire:

To access this link, please log in.

Bonne journée / soirée et à bientôt !

 

 

To access this image, please log in.

Lâches un like :y: ! ou pas

Link to post
Share on other sites

Ah mais je le fais pas pour ça, je le fait parce que je change son utilisation et comme on me l'a demandé plusieurs fois, je l'ai mis en tutoriel :)

Lâches un like :y: ! ou pas

Link to post
Share on other sites

il y a une heure, UnderFR a dit :

Ah mais je le fais pas pour ça, je le fait parce que je change son utilisation et comme on me l'a demandé plusieurs fois, je l'ai mis en tutoriel :)

Mon petit cochonou qui fait un "retweet" :') <3:p 

Link to post
Share on other sites

à l’instant, UnderFR a dit :

Un "retweet" ??? :etonne:

Retweet = Un peu comme :

- Personne 1 : Bla bla bla

 

- Personne 2 : Y A PERSONNE 1 KI A DI SA: Bla bla bla

 

Ou si tu préfères, un repartage :')

(C'est ironique, rien à prendre au premier degrés mon cochonou préferé)

Link to post
Share on other sites

Je pense que cela ne sert strictement à rien de mettre un CMS en plein écran, (ceci est que mon avis, je respecte le votre).

Link to post
Share on other sites

il y a 2 minutes, Ash a dit :

Je pense que cela ne sert strictement à rien de mettre un CMS en plein écran, (ceci est que mon avis, je respecte le votre).

Je te comprends, mais comme je l'ai dit, on me l'a demandé plusieurs fois, et comme j'aime pas trop les spams quand j'ai pas envie de montrer comment le faire, je l'ai mis en tuto et je suis tranquille :)

Lâches un like :y: ! ou pas

Link to post
Share on other sites

il y a 13 minutes, UnderFR a dit :

Je te comprends, mais comme je l'ai dit, on me l'a demandé plusieurs fois, et comme j'aime pas trop les spams quand j'ai pas envie de montrer comment le faire, je l'ai mis en tuto et je suis tranquille :)

Oui, merci de ta contribution envers notre communauté ;) 

Link to post
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
×
×
  • Create New...