AccueilDernières imagesRechercherS'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.

-46%
Le deal à ne pas rater :
Oceanic OCEAB120W Batteur électrique – Blanc
7.51 € 13.91 €
Voir le deal

    QEEL style Néon

    Ayfoth
    Ayfoth
    MasculinAge : 34Messages : 1330

    Mer 1 Oct 2014 - 21:32

    Bonjour,

    j'ai commencé par fini des catégories en style néon, donc je continue en vous fournissant cette fois-ci le QEEL.

    Aperçu
    Spoiler:
    Cette catégorie est optimisée sur Invision.

    Pour cette catégorie nous toucherons la template index_body et le CSS


    Template index_body (remplacer à partir de
    Code:
     <!-- BEGIN disable_viewonline --> jusqu'à <!-- END disable_viewonline -->
    Code:
    <!-- BEGIN disable_viewonline -->
      <h1 id="titre_qeel_neon">Titre Qeel</h1>
    <div class="qeel_neon">
      <h1 id="legende_h1">Légende</h1>
      <div id="legende">{GROUP_LEGEND}</div>
      <div id="qeel_gauche">
        <h1 id="connect">Phrase pour les co</h1>
        <div id="connect2">{LOGGED_IN_USER_LIST}{L_CONNECTED_MEMBERS}</div>
        <h1 id="calendrier">Calendrier</h1>
        <div id="calendrier2">
       
          <!-- BEGIN switch_calendar_5days -->
          {CALENDAR_EVENTS_5DAYS}
            </div >
      </div>
     
             
             <!-- END switch_calendar_5days -->
     
      <div id="qeel_droite">
        <h1 id="stats">Statistiques</h1>
        <div id="stats2">{TOTAL_POSTS}<br />
          {TOTAL_USERS}<br />
          {NEWEST_USERS}<br />
          {RECORD_USERS}<br /></div>
       
        <h1 id="annif">Anniversaires</h1>
        <div id="annif2">
          <!-- BEGIN switch_birthday -->
          {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}
             
             <!-- END switch_birthday -->
        </div>
       
        </div>
     
     
         
         
         
      <!-- BEGIN switch_statistics_link -->
                
                <!-- END switch_statistics_link -->

                <!-- BEGIN switch_statistics_nolink -->
                
                <!-- END switch_statistics_nolink -->
             
             <!-- BEGIN switch_chatbox_activate -->
             
                   <!-- BEGIN switch_chatbox_popup -->
                   <div id="chatbox_popup"></div>
                   <script type="text/javascript">
                   insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
                   </script>
                   <!-- END switch_chatbox_popup -->
                
             <!-- END switch_chatbox_activate -->
     <div id="credit">QEEL réalisé par Ayfoth de <a href="http://www.never-utopia.com" >Never Utopia</a></div>   
    </div>
    <!-- END disable_viewonline -->


    CSS
    Code:
    /* ---------------------------------------------- QEEL ------------------------------------------------------ */
    .qeel_neon{
      width: 800px;
      margin-left: auto;
      margin-right: auto;
      background-color: #6e6b6e;
      border: 8px #41dd23 solid;
      -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;

      overflow: hidden;
     
      box-shadow: 0px 0px 8px green;
      margin-top: 30px;
      position: relative;
    }


    #titre_qeel_neon{
      font-size: 30px;
      text-transform: uppercase;
    text-align: center; 
      color: rgba(255,255,255,0.7);
      text-shadow: 0px 0px 8px green;
      font-family: 'Orbitron', sans-serif;
      position: relative;
      top: 30px;
    }

    #legende_h1{
      font-size: 18px;
      text-transform: uppercase;
    text-align: center; 
      color: rgba(255,255,255,0.7);
      text-shadow: 0px 0px 8px green;
      font-family: 'Orbitron', sans-serif;
      margin-top: 10px;
    }

    #legende{
     background-color: rgba(255,255,255,0.4);
      text-align: center;
      width: 700px;
      overflow: hidden;
      box-shadow: 0px 0px 8px green;
      font-size: 15px;
      position: relative;
      left: 7%;
    }

    #qeel_gauche{
      width: 350px;
      float: left;
    }


    #connect{
      font-size: 18px;
      text-transform: uppercase;
    text-align: center; 
      color: rgba(255,255,255,0.7);
      text-shadow: 0px 0px 8px green;
      font-family: 'Orbitron', sans-serif;
      margin-top: 50px;
      margin-left: 20px;
    }

    #connect2{
     background-color: rgba(255,255,255,0.4);
      text-align: center;
     
      overflow: hidden;
      box-shadow: 0px 0px 8px green;
      font-size: 15px;
      height: 100px;
      overflow: auto;
      margin-left: 20px;
      padding: 5px;
      color: white;
     
    }


    #calendrier{
      font-size: 18px;
      text-transform: uppercase;
    text-align: center; 
      color: rgba(255,255,255,0.7);
      text-shadow: 0px 0px 8px green;
      font-family: 'Orbitron', sans-serif;
      margin-top: 10px;
      margin-left: 20px;
    }

    #calendrier2{
     background-color: rgba(255,255,255,0.4);
      text-align: center;
     
      overflow: hidden;
      box-shadow: 0px 0px 8px green;
      font-size: 15px;
      margin-left: 20px;
      padding: 5px;
      height: 100px;
      overflow: auto;
      color: white;
      margin-bottom: 20px;

    }



    #qeel_droite{
      width: 350px;
      float: right;
    }


    #stats{
      font-size: 18px;
      text-transform: uppercase;
    text-align: center; 
      color: rgba(255,255,255,0.7);
      text-shadow: 0px 0px 8px green;
      font-family: 'Orbitron', sans-serif;
      margin-top: 50px;
      margin-right: 20px;
    }

    #stats2{
     background-color: rgba(255,255,255,0.4);
      text-align: center;
     
      overflow: hidden;
      box-shadow: 0px 0px 8px green;
      font-size: 15px;
      height: 100px;
      overflow: auto;
      margin-right: 20px;
      padding: 5px;
      color: white;
     
    }


    #annif{
      font-size: 18px;
      text-transform: uppercase;
    text-align: center; 
      color: rgba(255,255,255,0.7);
      text-shadow: 0px 0px 8px green;
      font-family: 'Orbitron', sans-serif;
      margin-top: 10px;
      margin-right: 20px;
    }

    #annif2{
     background-color: rgba(255,255,255,0.4);
      text-align: center;
     
      overflow: hidden;
      box-shadow: 0px 0px 8px green;
      font-size: 15px;
      margin-right: 20px;
      padding: 5px;
      height: 100px;
      overflow: auto;
      color: white;
      margin-bottom: 20px;

    }



    #credit{
      font-size: 15px;
      text-transform: uppercase;
    text-align: right; 
      color: rgba(255,255,255,0.7);
      text-shadow: 0px 0px 8px green;
      font-family: 'Orbitron', sans-serif;
      margin-top: 50px;
     
      margin-right: 10px;
      padding: 10px;
      width: 700px;
      overflow: hidden;
     
    }






    /*--------------------------------------------------------------------------------------------------------------*/

    Mettre un crédit vers Never-Utopia est obligatoire. Retirer un crédit est interdit.
    S'il y a des problèmes, venez poster ici.
    Merci de laisser un message pour donner vos impressions, commentaires et/ou remerciements ^^



    QEEL style Néon Oyl7
    Anonymous
    Invité

    Dim 12 Oct 2014 - 14:06

    Merci pour le partage, je déplace Wink
    Tatia38
    Tatia38
    FémininAge : 34Messages : 316

    Sam 25 Oct 2014 - 7:48

    Merci beaucoup
    Arpège
    Arpège
    FémininAge : 25Messages : 112

    Dim 2 Nov 2014 - 0:24

    Merci ~



    QEEL style Néon 170221084427548922
    Writers World commence à ouvrir !
    Brookinette
    Brookinette
    FémininAge : 31Messages : 46

    Dim 2 Nov 2014 - 20:50

    Merci beaucoup :)
    Nutop
    Nutop
    FémininAge : 21Messages : 254

    Ven 19 Juin 2015 - 23:06

    Merci ^^




    QEEL style Néon Mini_597402Sceaufinal

    Luna_Rakuen
    Luna_Rakuen
    FémininAge : 31Messages : 79

    Mar 14 Juil 2015 - 5:58

    Merci, c'est super beau Very Happy
    Just4Adventure
    Just4Adventure
    MasculinAge : 29Messages : 48

    Sam 1 Aoû 2015 - 10:53

    Merci je vais essayer. Very Happy
    Nartiifiice
    Nartiifiice
    FémininAge : 26Messages : 88

    Mer 21 Oct 2015 - 20:50

    danke
    Anonymous
    Invité

    Mer 21 Oct 2015 - 22:07

    Merci pour le partage ! (•ิ_•ิ)?
    Ombinou
    Ombinou
    FémininAge : 29Messages : 157

    Mar 24 Nov 2015 - 16:18

    Merci ^^
    lacoste
    lacoste
    MasculinAge : 30Messages : 30

    Lun 21 Déc 2015 - 5:01

    merci Very Happy
    Leonce
    Leonce
    MasculinAge : 29Messages : 95

    Jeu 28 Jan 2016 - 0:30

    Merci pour ce tuto cheers



      QEEL style Néon 453394sign_leonce_2 QEEL style Néon 4aa8c91ab2e59logo
    Saphira
    Saphira
    FémininAge : 27Messages : 72

    Mer 31 Aoû 2016 - 0:17

    merci
    Edward Speleers
    Edward Speleers
    MasculinAge : 35Messages : 460

    Mar 20 Sep 2016 - 14:47

    Super! Merci



    QEEL style Néon Edkidd11
    SenseiThor
    SenseiThor
    MasculinAge : 34Messages : 1

    Ven 28 Oct 2016 - 13:43

    merci bien
    Paulind
    Paulind
    FémininAge : 22Messages : 24

    Lun 7 Nov 2016 - 9:42

    Merci :)
    Scratpub
    Scratpub
    FémininAge : 39Messages : 145

    Lun 5 Déc 2016 - 22:35

    Super merci pour le partage !
    petit lu
    petit lu
    FémininAge : 31Messages : 184

    Mar 2 Mai 2017 - 14:40

    Merci du partage ♥
    Nyls
    Nyls
    MasculinAge : 23Messages : 28

    Sam 9 Sep 2017 - 16:28

    merci énorméééément !
    Contenu sponsorisé


      La date/heure actuelle est Mar 19 Mar 2024 - 10:00