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 sur les CMS


UnderFR
 Share

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: http://votresite.fr/web/img/togglesize.png

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

 

 

togglesize.png.1aa519eb23a06bf2014dbf34c19e8074.png

Lâches un like :y: ! ou pas

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

Il y a 3 heures, Ash a dit :

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

No problem :)

Lâches un like :y: ! ou pas

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