Aller au contenu

achrafmaziz

Contributeur
 Afficher le profil  Afficher son activité

  • Compteur de contenus

    382

  • Inscription

  • Dernière visite

  • Jours gagnés

    4

 Type de contenu 

Messages posté(e)s par achrafmaziz

    Débloquer un compte Habbo

    dans Résolu

    Posté(e)

    J'ai eu ma réponse.

    Vous pouvez fermer le sujet ^^

     

    Voici le message reçu de la part du support:

    Citation

    Bonjour,

     

    Merci pour nous avoir contactés.

    Nous sommes désolés pour ne pas avoir encore répondu à votre demande précédente, et nous vous prions de ne pas ouvrir de nouveaux tickets et de ne pas dupliquer vos demandes. Cela entraine la confusion car les informations seront dispersées dans plusieurs tickets. Nous répondrons à votre première demande dès que possible. Si vous voulez nous donner plus d'informations, répondez au mail que nous vous avons envoyé lors de l'ouverture du premier ticket.

     

    Merci beaucoup.

    Cordialement,

     

    Merci:

    @Charlemagne @Pancani @CptHenri 

     

     

    Débloquer un compte Habbo

    dans Résolu

    Posté(e)

    Bonjour,

     

    Problème rencontré:

    J'arrive pas à débloquer mon compte Habbo, ma dernière connexion était LE 21 DÉCEMBRE 2011,

    J'ai oublié les réponses de sécurité, pourtant j'ai toujours accès au compte, je peux me connecter oklm,

    sauf que les permissions que j'ai sont limités (Ex. je ne peux pas décorer l'appart)

     

    Screenshots:

    https://ibb.co/nnZwQU

     

    Cordialement achrafmaziz,

    Partage template Index/register

    dans Addons

    Posté(e)

    Le 28/07/2018 à 13:11, BlueTropical a dit :

    J'aime bien c'est propre, bien joué!

     

    Le 22/08/2018 à 01:46, Kodowa a dit :

    Salut, merci du partage c'est assez utile

     

    Le 22/08/2018 à 05:14, Unos a dit :

    Merci pour le partage ? j'aime bien 

     

    Le 23/08/2018 à 22:15, Jawed a dit :

    Merci du partage

     

     

    Le 29/08/2018 à 08:27, Xyak a dit :

    Pas mal

     

    Le 29/08/2018 à 11:11, Merko a dit :

    Super.. Merci à toi :bye:

     

    Le 06/09/2018 à 01:22, thevlogss a dit :

    merci

    Merci à vous ;)

    API Fullscreen +BONUS

    dans Tutoriels

    Posté(e)

    Salut,

     

    Je vous partage un petit tutoriel pour afficher votre page en mode plein écran (Fullscreen) en HTML5.

     

    Il existe en HTML5, moyennant l’autorisation de l’usager, l’API Fullscreen qui permet d’afficher la page en plein écran. C’est à dire en utilisant l’ensemble de l’écran de l’utilisateur sans aucune barre d’information, tant les boutons, le menu que la barre du titre. L’API permet d’ouvrir la page Web en entier, mais aussi tout élément de la page pour qu’il occupe entièrement l’écran, sans l’interface utilisateur du navigateur.

     

    Compatibilité:

    Malheureusement, cette fonctionnalité n’est pas encore supportée par l’ensemble des navigateurs. C'est pour ça qu'on va spécifier le préfixe du navigateur (moz, webkit, ms ...) 

    // HTML5
element.requestFullscreen();
// Mozilla
element.mozRequestFullScreen();
// Chrome
element.webkitRequestFullscreen();
// Internet Explorer/Edge
element.msRequestFullscreen();

     

    Rendu:
    https://gyazo.com/79aa5638feca8e607a30253fdb06e508

     

    Code:

    Ajoutez le font, fontawesome dans vos balises <head></head> 

    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous">

    Ajoutez ce code dans votre fichier .css, 

          a.monBouton {
        border-top-color: transparent!important;
        border-top-style: none!important;
        border-top-width: 0!important;

        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;

        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;

        text-decoration: none;
        position: absolute;
      }
      a.monBouton.fullScreen {
        background: #ecf0f1;
        border: 1px solid #0000004d;
        color: #2d3436;

        padding: 8px 12px;
        top: 0;
        left: 10px;
      }
      a.monBouton.fullScreen:hover,
      a.monBouton.fullScreen:focus {
        background: #dde1e2;
      }
      a.monBouton > i.mg-r {
        margin-right: 5px;
      }

    Ajoutez le bouton dans juste au dessous de votre tag <body>

    (Comme ceci: https://gyazo.com/c1890832f48ef92b51f374100e1e5ef9 ) 

    <a href="#" onClick="twPleinEcran();" class="monBouton fullScreen"><i class="fas fa-expand-arrows-alt mg-r"></i> Plein écran</a>

    Et finalement, tout en bas de votre page, ajoutez le script JS,

    (Comme ça: https://gyazo.com/13c23b59db206aa3ad348c079e00cef3 ) 

    <script>
      function twPleinEcran(_element) {
        let monElement = _element||document.documentElement;
        if (document.mozFullScreenEnabled) {
          if (!document.mozFullScreenElement) {
                  monElement.mozRequestFullScreen();
          }
          else {
                  document.mozCancelFullScreen();
          }
        }
        if (document.fullscreenElement) {
        	if (!document.fullscreenElement) {
                  monElement.requestFullscreen();
          }
          else {
                  document.exitFullscreen();
          }
        }
        if (document.FullscreenEnabled) {
          if (!document.FullscreenElement) {
                  monElement.RequestFullscreen();
          }
          else {
                  document.ExitFullscreen();
          }
        }
        if (document.webkitFullscreenEnabled) {
          if (!document.webkitFullscreenElement) {
                  monElement.webkitRequestFullscreen();
          }
          else {
                  document.webkitExitFullscreen();
          }
        }
        if (document.msFullscreenEnabled) {
        	if (!document.msFullscreenElement) {
                  monElement.msRequestFullscreen();
          }
          else {
                  document.msExitFullscreen();
          }
        }
      }
    </script>

     

     

    _________________________________________________________________


     

    BONUS (Bouton freeze)
    Rendu:

    https://gyazo.com/e54d29c5588e9819f63c8bf41d6e2544


    Code:

    CSS: 

          a.monBouton.reloadPage {
        background: #1abc9c;
        border: 1px solid #0000004d;
        color: white;

        padding: 8px 12px;
        top: 0;
        left: 145px;
      }
      a.monBouton.reloadPage:hover,
      a.monBouton.reloadPage:focus {
        background: #17a488;
      }
      a.monBouton > i {
        font-weight: bold;
        font-size: 90%;
      }
      a.monBouton > i.mg-l {
        margin-left: 5px;

        -webkit-animation: syncRotate 2s infinite linear;
        -o-animation: syncRotate 2s infinite linear;
        animation: syncRotate 2s infinite linear;
      }
      @keyframes syncRotate {
        0% {
          transform:rotate(0deg)
        }
        to {
          transform:rotate(1turn)
        }
      }

    HTML: 

    <a href="javascript:window.location.reload()" class="monBouton reloadPage">Freeze? <i class="fas fa-sync-alt mg-l"></i></a>

     

     

     

     

     

     

     

    Topic similaire: 

    https://inshare.fr/topic/5879-ajouter-un-bouton-plein-%C3%A9cran-sur-son-client-100-fonctionnel/

    à voir aussi: 

    https://inshare.fr/topic/5874-page-de-redirection-htmlcss/
https://inshare.fr/topic/5493-partage-template-habbo/
https://inshare.fr/topic/5517-partage-template-indexregister/

     

    Page de redirection (HTML/CSS)

    dans CMS & TEMPLATES

    Posté(e)

    Il y a 5 heures, Rick a dit :

    Salut

     

    J'aime beaucoup et c'est très propre :ok:

    Par contre dommage le petit bug que l'on voit quand tu passes ton curseur sur le "Habbo serveur 1" mais ça se corrige ça ;)

     

    - Rick

    Le problème vient du framework que j'utilise ^^

    ça arrive quelque fois, lorsque la connexion internet est lente.

     

    Framework utilisé: Materialize

    Responsive bien sur :p s'adapte à tous les écrans.

     

    Sinon, merci à vous tous! :)@Chivas @MonsieurBanane @Rick @Fade 

     

    Merci @Pancani <3

×
×
  • Créer...