AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Un bouton pour les notifications

    Partagez
    avatar
    Angie H.-Carter
    FémininAge : 34Messages : 702

    le Lun 8 Jan 2018 - 11:24

    Ma demande



    Bonjour tout le monde,

    voilà je fait cette demande ici parce que ce n'est pas un problème de code vu que je ne sais pas du tout faire ça donc entrons dans le vif du sujet. Avec une fille de mon forum nous avons discutez et elle m'a demander si je pouvais mettre limite une barre pour pouvoir allez dans ces sujet non lut etc voir avec des notification, ce que fait bien evidement cette fameuse toolbar que je trouve royalement moche et peu utile (chacun ces gout).

    Du coup , pour aider tout ceux qui n'arriverais pas avoir les MP ou bien les message part mail etc j'ai décider de mettre uniquement un bouton de notificaton en haut a droite de mon forum. Plus simple et surtout plus esthétique je dirais vu que le bouton serais adapter comme les bouton de la barre de navigation sur le coté gauche. Hors commeil n'y a pas de tuto et que je ne sais pas faire alors bhe j'en fait une commande.


    Schéma(s) et Eléments


    Schémas :
    Spoiler:
    Tailles des éléments : 135*14 (même taille que les boutons de la navigation)
    Effets voulus : je me suis dit que mette le css de la navigation pourrais aider vu que je voudrais qu'il est les même effets
    Code:
    /* NAVIGATION */
    #navSIT {
    position:absolute; top:55px; margin-left:-250px; /* MODIFIABLE - DETERMINE LA POSITION */
    line-height:10px;
    }
    .mainmenu img{
    display:none;
    }
    /* LIEN NAVIGATION */
    #navSIT a{
    display:block; margin:5px 0;
    width:135px; padding:10px 5px; border-radius:15px 100px/100px 15px;
    text-transform:uppercase; text-align:center; font-size:14px; font-family:'IM Fell English', serif; line-height:14px;
    background-image:url(https://img15.hostingpics.net/pics/718160vieuxpapier3.jpg); color:black; /* MODIFIABLE */
    transition:all .65s linear; -webkit-transition:all .65s linear;
    }
    /* SURVOL LIEN NAVIGATION */
    #navSIT a:hover {
    background:#583520; color: #d3b876; /* MODIFIABLE */
    }
    /* LIEN MENU RECHERCHE */
    #search_menu a{
    background:none !important; border:none !important; color:inherit !important;
    }

    @media (max-width:1400px) {
      #navSIT {
        margin-left:0;
        left: 35px;
      }
    }
    Version de votre forum : PHPBB2


    Ressources


    tout est dans le css


    Autres précisions ?


    Mon forum peut-être pour montrez un peut comment cela se passe : http://the-librarians-rpg.forumactif.org/

    En espérant que ma demande soit complète. Merci a celui ou celle qui la prendra.







    Your my brillant! You shine into the darkness and you guide me in my life with no fear. I love you so much and i don't want to loose you in my heart. You will be my love forerver. You and me it's like the sky and the sea...This is LIFE!
    avatar
    Angie H.-Carter
    FémininAge : 34Messages : 702

    le Sam 13 Jan 2018 - 19:11

    juste pour dire que ma commande est toujours d'actu merci ^^



    Your my brillant! You shine into the darkness and you guide me in my life with no fear. I love you so much and i don't want to loose you in my heart. You will be my love forerver. You and me it's like the sky and the sea...This is LIFE!

      La date/heure actuelle est Mer 17 Jan 2018 - 10:29