Forum de publicité, d'entraide et de détente.



    A vot' bon coeur m'sieurs Dames.




    Poussez-vous, je passe !

    Leah Von Vendergarten

    Leah Von Vendergarten
    Poussez-vous, je passe !

    Marchands
    Féminin Âge : 21
    Messages : 6620
    Clés : 2
    Date d'inscription : 26/08/2015

    http://humanitas.maguilde.net/

    Profil
    A vot' bon coeur m'sieurs Dames. - Page 2 Empty

    Message par Leah Von Vendergarten le Dim 6 Jan - 16:29

    Bonjour Nizaril,

    Je tiens à m'excuser pour ce long délai, j'ai été très prise par mes études et visiblement Izusa aussi puisqu'elle n'est pas passée depuis longtemps...

    Le nouveau codage est-il toujours d'actualité ?

    Si oui, je peux continuer avec le code des catégories et voir si Izusa a avancé sur le QEEL Wink






    Habitant

    nizaril

    nizaril
    Habitant

    Marchands
    Masculin Âge : 35
    Messages : 28
    Clés : 0
    Date d'inscription : 20/07/2018


    Profil
    A vot' bon coeur m'sieurs Dames. - Page 2 Empty

    Message par nizaril le Mar 15 Jan - 21:32

    Ce serait volontiers! Pas de soucis pour le délai !



    Poussez-vous, je passe !

    Leah Von Vendergarten

    Leah Von Vendergarten
    Poussez-vous, je passe !

    Marchands
    Féminin Âge : 21
    Messages : 6620
    Clés : 2
    Date d'inscription : 26/08/2015

    http://humanitas.maguilde.net/

    Profil
    A vot' bon coeur m'sieurs Dames. - Page 2 Empty

    Message par Leah Von Vendergarten le Lun 18 Fév - 9:26

    Bonjour Nizaril !

    Encore désolée pour le temps d'attente A vot' bon coeur m'sieurs Dames. - Page 2 269559456

    J'ai pu avancer de mon côté sur les catégories du coup, voici ce que je te propose :

    Tu peux voir le code en place sur ce forum : http://forum-test-leah.forumactif.com/

    Pour l'image de fond du forum, j'ai pris une image un peu au hasard pour que tu vois ce que cela donne quand tu auras choisi ton fond Wink
    Les images de fond de chaque sous-forum seront les mêmes que celles que tu as déjà mises en place sur ton forum, mais il faudra les redimensionner en 460 par 230 pixels.
    Il faudra choisir tes images nouveaux messages/pas de nouveaux messages/verrouillé en format 50 par 50 pixels.

    Concernant les couleurs, les "petits grigris" et les polices utilisées, j'attends ton appréciation, n'hésite pas à me dire ce que tu souhaiterais (par exemple si tu veux choisir les polices d'écriture, tu peux le faire sur ce site et je les inclurais dans le code : https://fonts.google.com/ )
    D'ailleurs quand tu auras trouvé tes préférences de police et de couleurs, on pourra harmoniser la PA, les catégories et les autres éléments pour que tout aille bien ensemble.

    Sur le même forum tu peux voir que j'ai codé une barre de navigation fixe, si elle te plait je te passerais le code également.

    Voilà, n'hésite pas à nous dire tout ce qui te passe par l'esprit, le moindre petit changement que tu voudrais effectuer, le client est roi ici A vot' bon coeur m'sieurs Dames. - Page 2 3145125475






    Habitant

    nizaril

    nizaril
    Habitant

    Marchands
    Masculin Âge : 35
    Messages : 28
    Clés : 0
    Date d'inscription : 20/07/2018


    Profil
    A vot' bon coeur m'sieurs Dames. - Page 2 Empty

    Message par nizaril le Lun 3 Juin - 15:56

    Salut Leah, navré également pour le délai de réponse, j'étais à l'étranger depuis un petit moment loin d'un pc.

    Pour ce qui est des catégories, je suis ton plus grand fan tout comme le grigri, je garde exactement comme ça.

    Si tu pouvais juste rendre l'encart du haut un peu plus sexy, j'ai l'impression qu'il est grossier maintenant que tu as bossé sur les catégories.

    Merci d'avance et encore merci pour ce qui est déjà fait !



    Poussez-vous, je passe !

    Leah Von Vendergarten

    Leah Von Vendergarten
    Poussez-vous, je passe !

    Marchands
    Féminin Âge : 21
    Messages : 6620
    Clés : 2
    Date d'inscription : 26/08/2015

    http://humanitas.maguilde.net/

    Profil
    A vot' bon coeur m'sieurs Dames. - Page 2 Empty

    Message par Leah Von Vendergarten le Jeu 15 Aoû - 15:36

    Bonjour Nizaril,

    Excuse-moi pour cette longue absence.
    J'ai terminé tous les codes que tu avais demandé pour ton forum, tu peux les vérifier ici : http://forum-test-leah.forumactif.com/

    Dis-moi ce que tu en penses, si tout est bon pour toi je te dirais comment les mettre en place Wink






    Habitant

    nizaril

    nizaril
    Habitant

    Marchands
    Masculin Âge : 35
    Messages : 28
    Clés : 0
    Date d'inscription : 20/07/2018


    Profil
    A vot' bon coeur m'sieurs Dames. - Page 2 Empty

    Message par nizaril le Jeu 15 Aoû - 18:21

    C'est absolument parfait !



    Poussez-vous, je passe !

    Leah Von Vendergarten

    Leah Von Vendergarten
    Poussez-vous, je passe !

    Marchands
    Féminin Âge : 21
    Messages : 6620
    Clés : 2
    Date d'inscription : 26/08/2015

    http://humanitas.maguilde.net/

    Profil
    A vot' bon coeur m'sieurs Dames. - Page 2 Empty

    Message par Leah Von Vendergarten le Jeu 15 Aoû - 19:29

    Super Wink

    Alors pour la mise en place, tu vas déjà copier les codes suivant dans les espaces que je vais t'indiquer et ensuite nous verrons les ajustements Wink

    À copier dans le panneau d'administrateur -> Affichage -> Images et couleurs -> Couleurs -> Feuille de style CSS :
    (Attention à conserver le code qui concerne les éléments que tu as déjà installés et que tu veux conserver)
    Code:
    .QEEL {background-image:url('https://i.imgur.com/HgmHfgN.jpg');background-position:center bottom;background-size:cover;border-radius:7px;border:1px solid rgba(255,255,255,0.1);margin-bottom:30px;height:440px;margin-top:30px;}
    .QEELaut {position:absolute;width:1267px;height:300px;z-index:2;margin-top:20px;}
    .QEELtit {font-size:70px;font-family:Lovers Quarrel;line-height:20px;text-align:center;text-shadow:0px 0px 3px #D1D1C9;opacity:0.9;margin-top:50px;}
    .QEELrig {float:right;margin:30px 30px 0 0;width:300px;}
    .QEELsstt {font-size:40px;font-family:Lovers Quarrel;line-height:30px;text-align:center;text-shadow:0px 0px 1px #D1D1C9;opacity:0.9;margin:30px auto 15px auto;}
    .QEELsta, .QEELbie, .QEELco, .QEELnb, .QEELgp {font-size:11px;padding:10px;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.2);box-shadow:0px 0px 5px rgba(0,0,0,0.5);border-radius:7px;text-align:justify;line-height:20px;}
    .QEELlef {float:left;margin:30px;width:270px;}
    .QEELco {margin-top:20px;height:75px;}
    .QEELcold {position:absolute;margin-left:660px;margin-top:30px;width:250px;}
    .QEEL td, .QEEL tr {position:absolute;background:none;}
    .QEELgp {width:1065px;margin-top:395px;margin-left:150px;position:absolute;}
    .QEELssttgp {width:150px;margin-top:400px;position:absolute;font-size:40px;font-family:Lovers Quarrel;line-height:30px;text-align:center;text-shadow:0px 0px 1px #D1D1C9;opacity:0.9;}
    .QEEL tr:nth-child(1) {position:absolute;margin-left:650px;width:250px;margin-top:162px;}
    .QEEL tr:nth-child(1) td {font-size:11px;padding:10px;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.2);box-shadow:0px 0px 5px rgba(0,0,0,0.5);border-radius:7px;text-align:justify;line-height:20px;height:158px;}
    .QEEL tr:nth-child(2) {position:absolute;margin-left:330px;width:290px;margin-top:162px;}
    .QEEL tr:nth-child(2) td {font-size:11px;padding:10px;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.2);box-shadow:0px 0px 5px rgba(0,0,0,0.5);border-radius:7px;text-align:justify;line-height:20px;height:158px;}
    .QEELsstt24 {width:290px;margin-top:150px;margin-left:330px;position:absolute;font-size:40px;font-family:Lovers Quarrel;line-height:30px;text-align:center;text-shadow:0px 0px 1px #D1D1C9;opacity:0.9;}

    body {background-image:url('https://i.imgur.com/94xWGGo.jpg');background-attachment:fixed;background-size:cover;}
    a {text-decoration:none!important;transition:0.5s;}
    a:hover {text-decoration:none!important;transition:0.5s;}

    #page-footer {opacity:0.7!important;font-size:11px!important;text-shadow:0px 0px 2px #D1D1C9;margin-top:30px;}
    .gen, .gensmall{font-size:11px!important;}

    .PAnav {position:fixed;top:0;left:0;height:30px;background:#222;width:100%;z-index:100;border-bottom:1px solid rgba(255,255,255,0.1);text-align:center;}
    .PAnav a {display:inline-block;padding:3px 7px;margin-top:6px;text-transform:uppercase;font-size:10px;font-family:Merriweather;transition:0.5s;text-shadow:0 0 2px #D1D1C9;}
    .PAnav a:hover {transition:0.5s;color:#D1D1C9;}
    .PAnav img {display:none;}

    .PAliens {font-size:10px;text-align:center;margin-top:20px;opacity:0.5;}
    .CAT {width:1000px;margin:60px auto;text-align:center;}
    .CATtit {font-size:40px;font-family:Lovers Quarrel;line-height:20px;text-align:left;padding-left:20px;text-shadow:0px 0px 3px #D1D1C9;opacity:0.9;}
    .CATtit h2 {display:inline-block;font-size:70px;font-weight:normal;margin:0 0 0 15px;}
    .CATfo {display:inline-block;width:460px;margin:10px 20px;height:210px;overflow:hidden;background:rgba(20,18,20,0.7);border-radius:7px;}
    .CATfodescimg {color:rgba(0,0,0,0);height:0;}
    .CATfodescimg img {width:460px;height:230px;border-radius:7px;}
    .CATfocont {position:absolute;z-index:3;background:rgba(20,18,20,0.7);width:459px;margin:0;height:209px;border-radius:7px;border:1px solid rgba(255,255,255,0.1);}
    .CATfotit {text-align:left;text-transform:uppercase;padding:10px;font-size:12px;opacity:0.8;}
    .CATfotit a {color:#d9c3a6!important;}
    .CATfocenter {position:absolute;width:460px;height:120px;background:rgba(255,255,255,0.1);z-index:3;overflow:hidden;}
    .CATfodesc img {display:none;}
    .CATfodesc {opacity:0.8;font-size:11px;padding:10px;text-align:justify;height:100px;overflow:auto;}
    .CATforight {width:100px;height:200px;float:right;}
    .CATforight img {height:50px;width:50px!important;margin-top:20px;border-radius:50px;box-shadow:0px 0px 8px rgba(0,0,0,0.4);}
    .CATfostat {margin-top:10px;font-size:10px;opacity:0.8;}
    .CATfolast {margin-top:120px;font-size:11px;text-align:left;padding:10px 5px;}
    .CATfolast br {display:none;}
    .CATfolast a {margin:5px;font-size:11px!important;}
    .CATfosub {font-size:9px;opacity:0.8;text-transform:uppercase;text-align:right;margin-right:10px;float:right;width:80px;}
    .CATfosubcont {visibility:hidden;transition:0.5s;opacity:0;text-align:right;width:350px;position:absolute;margin-left:-355px;margin-top:0px;}
    .CATfosubcont a {font-size:10px!important;}
    .CATfosub:hover .CATfosubcont {visibility:visible;transition:0.5s;opacity:1;}

    .PA {background-image:url('https://i.imgur.com/HgmHfgN.jpg');background-size:cover;border-radius:7px;border:1px solid rgba(255,255,255,0.1);margin-bottom:30px;}
    .total_pa {height:720px;font-size:11px;text-align:justify;margin-top:50px;margin-right:70px;}
    .titre_pa {box-shadow:0px 0px 5px rgba(0,0,0,0.3);text-shadow:0px 0px 2px #D1D1C9;opacity:0.9;height:25px;background:rgba(20,18,20,0.3);font-size:30px;line-height:30px;font-family:Lovers Quarrel;border-radius:7px 7px 0 0;padding:10px;text-align:left;}
    .histoire_pa {height:320px;vertical-align:top;border-radius:7px;width:395px;}
    .infobulle_histoire{box-shadow:0px 0px 5px rgba(0,0,0,0.3);position:relative;display:inline-block;height:275px;border-radius: 0px 0px 7px 7px;width:395px;}
    .infobulle_histoire img{border-radius: 0px 0px 7px 7px;width:395px;}
    .infobulle_histoire div{position:absolute;top:0px;left:0px;overflow: auto;z-index:2;width:375px;height:255px;background:rgba(24,24,24,0.5);border-radius: 0px 0px 7px 7px;padding: 10px;opacity:0;visibility: hidden;transition: all 1s;}
    .infobulle_histoire:hover div{opacity:0.9;visibility: visible;}
    .bureau_de_recrutement_pa, .campagne_ec_pa {box-shadow:0px 0px 5px rgba(0,0,0,0.3);width: 195px;height: 170px;display: inline-block;margin-top: 10px;border-radius:7px;vertical-align:top;}
    .lien_utiles_pa{margin-left: 5px;}
    .staff_contrat_zone_pa{width: 195px;height: 150px;vertical-align: top;margin-top: 10px;border-radius: 0px 0px 7px 7px;margin-left: 5px;display: inline-block;}
    .infobulle_recrutement{position:relative;display:inline-block;border-radius: 0px 0px 7px 7px;width:195px;height:125px;overflow: hidden;}
    .infobulle_recrutement a{color: white !important;text-decoration: none !important;}
    .infobulle_recrutement div{position:absolute;top:0px;left:0px;z-index:2;width:185px;height:115px;overflow: hidden;padding: 5px;background:rgba(84,84,84,0.5);border-radius: 0px 0px 7px 7px;text-align: justify;opacity:0;visibility: hidden;transition: all 1s;}
    .infobulle_recrutement:hover div{opacity:0.8;visibility: visible;}
    .infobulle_recrutement img{transition-property: transform;border-radius: 0px 0px 7px 7px;transition-duration: 1s;transition-timing-function: ease;}
    .infobulle_recrutement:hover img{position: relative;transform: translateX(-195px);transition: all 1s;visibility: hidden;}
    .infobulle_campagne{position:relative;display:inline-block;border-radius: 0px 0px 7px 7px;width:195px;height:105px;overflow: hidden;}
    .infobulle_campagne img{border-radius: 0px 0px 7px 7px;}
    .staff_pa{box-shadow:0px 0px 5px rgba(0,0,0,0.5);width: 195px;background:rgba(84,84,84,0.5);height: 85px;border-radius:7px 7px;text-align: center;margin-bottom: 5px;}
    .staff_pa img{width: 55px;height: 33px;border-radius: 3px;margin-left: 5.5px;margin-top: 3px;box-shadow:0px 0px 3px rgba(0,0,0,0.5);}
    .contrats_pa{box-shadow:0px 0px 5px rgba(0,0,0,0.3);width: 195px;height: 80px;border-radius:3px;background:rgba(84,84,84,0.5);text-align: center;}
    .contrats_pa img{box-shadow:0px 0px 3px rgba(0,0,0,0.3);margin-top:3px;margin-left:12px;height:29px;border-radius:7px 7px;width: 29px;filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);transition: all 1s;}
    .contrats_pa img:hover{filter: grayscale(0%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);transition: all 1s;}
    .lien_utiles_pa{box-shadow:0px 0px 5px rgba(0,0,0,0.5);width: 195px;height: 150px;display: inline-block;margin-top: 10px;border-radius:7px;vertical-align:top;text-align:center;background:rgba(84,84,84,0.5);}
    .lien_utiles_pa img{box-shadow:0px 0px 3px rgba(0,0,0,0.3);margin:13px 6px 0 6px;width:35px;height:35px;border-radius:7px 7px;filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);transition: all 1s;}
    .lien_utiles_pa img:hover{filter: grayscale(0%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);transition: all 1s;}

    À copier dans le panneau d'administrateur -> Affichage -> Templates -> Général -> Index_body :
    (Tout remplacer)
    Code:
    {JAVASCRIPT}
    {CHATBOX_TOP}
    {BOARD_INDEX}

    <div class="PAliens"><!-- BEGIN switch_user_logged_in -->
    <a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a> ✢ 
    <!-- END switch_user_logged_in -->
    <!-- BEGIN switch_delete_cookies -->
    <a href="{switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a> ✢ 
    <!-- END switch_delete_cookies -->
      <!-- BEGIN switch_on_index -->
    <!-- BEGIN switch_delete_cookies -->
    <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></div>
    <!-- END switch_delete_cookies -->
      <!-- END switch_on_index -->

    <!-- BEGIN disable_viewonline -->
    <table class="QEEL" width="100%" border="0" cellspacing="1" cellpadding="0">
      <div class="QEELaut">
        <div class="QEELtit">Qui est en ligne ?</div>
      <div class="QEELrig">
        <div class="QEELsstt">Statistiques</div>
        <div class="QEELsta">{TOTAL_POSTS}<br />{TOTAL_USERS}</div>
        <div class="QEELsstt">Bienvenue !</div>
        <div class="QEELbie">{NEWEST_USER}</div>
      </div>
      <div class="QEELlef">
        <div class="QEELsstt">En ce moment...</div>
        <div class="QEELnb">{TOTAL_USERS_ONLINE}</div>
        <div class="QEELco">{LOGGED_IN_USER_LIST}</div>
      </div>
      <div class="QEELcold">
        <div class="QEELsstt">Anniversaires</div>
        <div class="QEELana">{L_WHOSBIRTHDAY_TODAY}</div>
        <div class="QEELanb">{L_WHOSBIRTHDAY_WEEK}</div>
        <div class="QEELssttgp">Groupes</div>
        <div class="QEELgp">{GROUP_LEGEND}</div>
      </div>
        <div class="QEELsstt24">Ils sont passés</div>
        <div class="QEEL24">{L_CONNECTED_MEMBERS}</div>
      </div>
    </table>
    <!-- END disable_viewonline -->

    {CHATBOX_BOTTOM}
    {AUTO_DST}

    À copier dans le panneau d'administrateur -> Affichage -> Templates -> Général -> Index_box :
    (Tout remplacer)
    Code:
    <div class="PAliens">
      <!-- BEGIN switch_user_logged_in -->
      <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> ✢ 
      <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> ✢&nbsp;
      <!-- END switch_user_logged_in -->
      <a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
    </div>
    <!-- BEGIN catrow -->
    <!-- BEGIN tablehead -->
    <div class="CAT">
      <div class="CATtit">
        ❈ {catrow.tablehead.L_FORUM}
      </div>
      <!-- END tablehead -->
      <!-- BEGIN cathead -->
      <!-- BEGIN inc -->
      <!-- END inc -->
      <!-- END cathead -->
      <!-- BEGIN forumrow -->
      <div class="CATfo">
        <div class="CATfodescimg">
          {catrow.forumrow.FORUM_DESC}
        </div>
        <div class="CATfocont">
          <!-- BEGIN inc -->
          <!-- END inc -->
          <div class="CATfotit">
            <a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
          </div>
          <div class="CATfocenter">
            <div class="CATforight">
              <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
              <div class="CATfostat">
                {catrow.forumrow.TOPICS} sujets.<br />
                {catrow.forumrow.POSTS} messages.
              </div>
            </div>
            <div class="CATfodesc">
              {catrow.forumrow.FORUM_DESC}
            </div>
          </div>
          <div class="CATfolast">
            <!-- BEGIN avatar -->
            <!-- END avatar -->
            {catrow.forumrow.LAST_POST}
          </div>
          <div class="CATfosub">
            <div class="CATfosubcont">
              {catrow.forumrow.LINKS}
            </div>
            ✢ Sous-forums
          </div>
          <!-- BEGIN switch_moderators_links -->
          <!-- END switch_moderators_links -->
          <!-- BEGIN ads -->
          <!-- END ads -->
        </div>
      </div>
      <!-- END forumrow -->
      <!-- BEGIN catfoot -->
      <!-- BEGIN inc -->
      <!-- END inc -->
      <!-- END catfoot -->
      <!-- BEGIN tablefoot -->
    </div>
    <!-- END tablefoot -->
    <!-- END catrow -->

    À copier dans le panneau d'administrateur -> Affichage -> Templates -> Général -> Overall_header :
    (Tout remplacer)
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
      <head><link href="https://fonts.googleapis.com/css?family=Alegreya+SC:900i" rel="stylesheet" />
        <link href="https://fonts.googleapis.com/css?family=Lovers+Quarrel" rel="stylesheet" />
        <link href="https://fonts.googleapis.com/css?family=Merriweather" rel="stylesheet" />
        <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
        <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
        <meta http-equiv="content-script-type" content="text/javascript" />
        <meta http-equiv="content-style-type" content="text/css" />
        <!-- BEGIN switch_compat_meta -->
        <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
        <!-- END switch_compat_meta -->
        <!-- BEGIN switch_canonical_url -->
        <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
        <!-- END switch_canonical_url -->
        {META_FAVICO}
        {META}
        {META_FB_LIKE}
        <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
        {T_HEAD_STYLESHEET}
        {CSS}
        <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
        <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
        <script src="{JQUERY_PATH}" type="text/javascript"></script>
        <!-- BEGIN switch_recent_jquery -->
        <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
        <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
        <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
        <!-- END switch_recent_jquery -->
        <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>  
        {RICH_SNIPPET_GOOGLE}

        <!-- BEGIN switch_fb_login -->
        <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
        <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
        <!-- END switch_fb_login -->

        <!-- BEGIN switch_ticker -->
        <link type="text/css" rel="stylesheet" href="{JQUERY_DIR}ticker/ticker.css" />
        <script src="{JQUERY_DIR}/ticker/ticker.js" type="text/javascript"></script>
        <!-- END switch_ticker -->

        <!-- BEGIN switch_ticker_new -->
        <script src="{JQUERY_DIR}jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
        <script type="text/javascript">//<![CDATA[
            /* Definir le sens de direction en fonction du panneau admin */
            var tickerDirParam = "{switch_ticker.DIRECTION}";
            var slid_vert = false;
            var auto_dir = 'next';
            var h_perso = parseInt({switch_ticker.HEIGHT});

            switch( tickerDirParam ) {
                case 'top' :
                    slid_vert = true;
                    break;
                case 'left':
                    break;
                case 'bottom':
                    slid_vert = true;
                    auto_dir = 'prev';
                    break;
                case 'right':
                    auto_dir = 'prev';
                    break;
                default:
                    slid_vert = true;
            }

            $(document).ready(function() {
                var w_cont = $('#fa_ticker_container').width();

                if (w_cont > 0) {
                    $('#fa_ticker_container').width(w_cont);

                    /* Affichage de la liste */
                    $('#fa_ticker_content').css('display','block');

                    /* Calcul des dimensions du conteneur et des elements */
                    var width_max = $('ul#fa_ticker_content').width();
                    var width_item = Math.floor(width_max / {switch_ticker.SIZE});
                    var height_max = h_perso;

                    /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
                    $('ul#fa_ticker_content li').each( function () {
                        if ($(this).height() > height_max) {
                            height_max = $(this).height();
                        }
                    } );

                    /* Redimensionnement des elements et des images trop larges */
                    $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
                        if ($(this).width() > width_item) {
                            var ratio      = $(this).width() / width_item;
                            var new_height = Math.round($(this).height() / ratio);
                            $(this).height(new_height).width(width_item);
                        }
                    });

                    /* Redimensionnement et centrage du conteneur en mode vertical */
                    if (slid_vert) {
                        $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
                    }

                    /* Initialisation du caroussel */
                    $('#fa_ticker_content').jcarousel({
                        vertical: slid_vert,
                        wrap: 'circular',
                        auto: {switch_ticker.STOP_TIME},
                        auto_direction: auto_dir,
                        scroll: 1,
                        size: {switch_ticker.SIZE},
                        height_max: height_max,
                        animation: {switch_ticker.SPEED}
                    });
                } else {
                    $('ul#fa_ticker_content li:not(:first)').css('display','none');
                    $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
                }
            });
        //]]>
        </script>
        <!-- END switch_ticker_new -->

        <script type="text/javascript">//<![CDATA[
        $(document).ready(function(){
            <!-- BEGIN switch_enable_pm_popup -->
            pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
            if(pm != null) { pm.focus(); }
            <!-- END switch_enable_pm_popup -->
            <!-- BEGIN switch_report_popup -->
            report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
            if(report != null) { report.focus(); }
            <!-- END switch_report_popup -->
            <!-- BEGIN switch_ticker -->
            $(document).ready(function() {              
                Ticker.start({
                    height : {switch_ticker.HEIGHT},
                    spacing : {switch_ticker.SPACING},
                    speed : {switch_ticker.SPEED},
                    direction : '{switch_ticker.DIRECTION}',
                    pause : {switch_ticker.STOP_TIME}
                });
            });
            <!-- END switch_ticker -->
        });

        <!-- BEGIN switch_login_popup -->
            var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
        <!-- END switch_login_popup -->

        <!-- BEGIN switch_login_popup -->
        $(document).ready( function() {
            $(window).resize(function() {
                var windowWidth = document.documentElement.clientWidth;
                var popupWidth = $("#login_popup").width();
                var mypopup = $("#login_popup");

                $("#login_popup").css({
                "left": windowWidth/2 - popupWidth/2
                    });
            });
        });
        <!-- END switch_login_popup -->
        //]]>
        </script>
        {GREETING_POPUP}
        <!-- BEGIN switch_ticker_new -->
        <style>
        .jcarousel-skin-tango .jcarousel-item {
            text-align:center;
            width: 10px;
        }

        .jcarousel-skin-tango .jcarousel-item-horizontal {
            margin-right: {switch_ticker.SPACING}px;
        }

        .jcarousel-skin-tango .jcarousel-item-vertical {
            margin-bottom: {switch_ticker.SPACING}px;
        }
        </style>
        <!-- END switch_ticker_new -->
        {HOSTING_JS}

        <!-- BEGIN google_analytics_code -->
        <script type="text/javascript">
            //<![CDATA[
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

        ga('create', '{G_ANALYTICS_ID}', 'auto');
        ga('send', 'pageview');
        ga('set', 'anonymizeIp', true);

        <!-- BEGIN google_analytics_code_bis -->
        ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis');
        ga('bis.send', 'pageview');
        ga('bis.set', 'anonymizeIp', true);
        <!-- END google_analytics_code_bis -->
        //]]>
        </script>
        <!-- END google_analytics_code -->

    </head>
    <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
        <!-- BEGIN hitskin_preview -->
        <div id="hitskin_preview" style="display: block;">
            <h1><img src="https://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
            <div class="content">
                <p>
                    {hitskin_preview.L_THEME_SITE_PREVIEW}
                    <br />
                    <span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
                </p>
            </div>
        </div>
        <!-- END hitskin_preview -->

        <!-- BEGIN switch_login_popup -->
        <div id="login_popup" style="z-index: 10000 !important;">
            <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
                <tr height="25">
                    <td class="catLeft">
                        <span class="genmed module-title">{SITENAME}</span>
                    </td>
                </tr>
                <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
                    <td class="row1" align="left" valign="top">
                        <div id="login_popup_buttons">
                            <form action="{S_LOGIN_ACTION}" method="get">
                                <input type="submit" class="mainoption" value="{L_LOGIN}" />
                                <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                                <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                            </form>
                        </div>
                        <span class="genmed">{LOGIN_POPUP_MSG}</span>
                    </td>
                </tr>
            </table>
        </div>
        <!-- END switch_login_popup -->

        <a name="top"></a>
        {JAVASCRIPT}

      <div class="PAnav">{GENERATED_NAV_BAR}</div>
      
        <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
            <tr>
                <td class="bodyline">
                    <table width="100%" cellspacing="0" cellpadding="0" border="0" class="PA">
                        <tr>
                            <!-- BEGIN switch_logo_left -->
                            <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                            <!-- END switch_logo_left -->
                            <td align="center" width="100%" valign="middle">
                                <!-- BEGIN switch_logo_center -->
                                <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                                <br />
                                <!-- END switch_logo_center -->
                                
    <div class="total_pa">
      <div class="histoire_pa">
        <div class="titre_pa">Histoire
        </div>
        <div class="infobulle_histoire">
    <img src="https://i.imgur.com/uajXScm.jpg" width="400" height="275"/>
    <div> Ecris ton histoire juste ici</div>
    </div>
      </div>
      <div class="bureau_de_recrutement_pa">
        <div class="titre_pa">Bureau de recrutement
        </div>
        <div class="infobulle_recrutement">
    <img src="https://i.imgur.com/mpZFONp.png" width="195" height="125"/>
    <div>Tu mets ton petit texte tout mignon tout plein juste là. <br />
      <a href="LIEN" target="_blank">Lien vers le sous forum de recrutement</a></div>
    </div>
      </div>
      <div class="staff_contrat_zone_pa">
        <div class="staff_pa"><div class="titre_pa">Staff
      </div>
          <a href="LIEN_PROFIL"><img src="https://i.imgur.com/NFrlqFh.png" /></a>
          <a href="LIEN_PROFIL"><img src="https://i.imgur.com/NFrlqFh.png" /></a>
          <a href="LIEN_PROFIL"><img src="https://i.imgur.com/NFrlqFh.png" /></a>
        </div>
        <div class="contrats_pa"><div class="titre_pa">Contrats
      </div>
        <a href="#"><img src="https://i.imgur.com/J0slq3A.png" /></a>
        <a href="#"><img src="https://i.imgur.com/J0slq3A.png" /></a>
        <a href="#"><img src="https://i.imgur.com/J0slq3A.png" /></a>
        <a href="#"><img src="https://i.imgur.com/J0slq3A.png" /></a>
        </div>
      </div>
      <div class="campagne_ec_pa">
        <div class="titre_pa">Campagne en cours
        </div>
        <div class="infobulle_campagne">
          <a href="LIEN_CAMPAGNE" target="_blank"><img src="https://i.imgur.com/5RevVjO.jpg" width="195" height="125"/></a>
    </div>
      </div>
      <div class="lien_utiles_pa">
        <div class="titre_pa">Lien utiles
        </div>
        <a href="#"><img src="https://i.imgur.com/J0slq3A.png" /></a>
        <a href="#"><img src="https://i.imgur.com/J0slq3A.png" /></a>
        <a href="#"><img src="https://i.imgur.com/J0slq3A.png" /></a>
        <a href="#"><img src="https://i.imgur.com/J0slq3A.png" /></a><br />
        <a href="#"><img src="https://i.imgur.com/J0slq3A.png" /></a>
        <a href="#"><img src="https://i.imgur.com/J0slq3A.png" /></a>
        <a href="#"><img src="https://i.imgur.com/J0slq3A.png" /></a>
        <a href="#"><img src="https://i.imgur.com/J0slq3A.png" /></a>
      </div>
    </div>
                              </td>
                            <!-- BEGIN switch_logo_right -->
                            <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                            <!-- END switch_logo_right -->
                        </tr>
                    </table>

                    <div style="clear: both;"></div>

                    <!-- BEGIN switch_ticker_new -->
                    <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                            <tr>
                                <td align="left" class="row1">
                                    <div id="fa_ticker_container">
                                        <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                                            <!-- BEGIN ticker_row -->
                                            <li>{switch_ticker.ticker_row.ELEMENT}</li>
                                            <!-- END ticker_row -->
                                        </ul>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <!-- END switch_ticker_new -->

                    <!-- BEGIN switch_ticker -->
                    <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                            <tr>
                                <td align="left" class="row1">
                                    <div id="fa_ticker_container">
                                        <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                                            <div class="fa_ticker_content">
                                                <!-- BEGIN ticker_row -->
                                                <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                                <!-- END ticker_row -->
                                            </div>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <!-- END switch_ticker -->

                    <div id="page-body">
                        <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                            <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                                <tbody>
                                    <tr>
                                        <td valign="top" width="{C1SIZE}">
                                            <div id="{ID_LEFT}">
                                                <!-- BEGIN giefmod_index1 -->
                                                {giefmod_index1.MODVAR}
                                                    <!-- BEGIN saut -->
                                                    <div style="height:{SPACE_ROW}px"></div>
                                                    <!-- END saut -->
                                                <!-- END giefmod_index1 -->
                                            </div>
                                        </td>
                                        <td valign="top" width="100%">
    <!-- BEGIN html_validation -->
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </td>
            </tr>
        </table>
    </body>
    </html>
    <!-- END html_validation -->

    Une fois que ça sera fait dis-moi, il y aura certainement plein de détails à régler :p






    Habitant

    nizaril

    nizaril
    Habitant

    Marchands
    Masculin Âge : 35
    Messages : 28
    Clés : 0
    Date d'inscription : 20/07/2018


    Profil
    A vot' bon coeur m'sieurs Dames. - Page 2 Empty

    Message par nizaril le Jeu 15 Aoû - 19:43

    Tout est installé et joli beau hormis un petit soucis sur la PA. ( http://cds-kt.forumactif.com/ )
    Je suis assez fan du fond de page également si tu peux m'indiquer ou je peux le récupérer !



    Habitant

    nizaril

    nizaril
    Habitant

    Marchands
    Masculin Âge : 35
    Messages : 28
    Clés : 0
    Date d'inscription : 20/07/2018


    Profil
    A vot' bon coeur m'sieurs Dames. - Page 2 Empty

    Message par nizaril le Jeu 15 Aoû - 19:55

    Ok pour la PA j'ai pigé ! My bad !



    Poussez-vous, je passe !

    Leah Von Vendergarten

    Leah Von Vendergarten
    Poussez-vous, je passe !

    Marchands
    Féminin Âge : 21
    Messages : 6620
    Clés : 2
    Date d'inscription : 26/08/2015

    http://humanitas.maguilde.net/

    Profil
    A vot' bon coeur m'sieurs Dames. - Page 2 Empty

    Message par Leah Von Vendergarten le Jeu 15 Aoû - 20:44

    Alors voici les quelques changements que je te conseille de faire :

    Dans le panneau d'administrateur -> Affichage -> Images et couleurs -> Couleurs, remplir les champs comme suit :





    Pour le reste des champs des couleurs, tu peux faire comme il te plait.

    Le fond de page est à priori déjà en place, c'est juste qu'il faut enlever la couleur noire via le panneau de couleurs comme je te l'ai indiqué Wink

    Ensuite, dans le panneau d'administrateur -> Affichage -> Page d'accueil -> Généralités -> Général, il faudrait que tu coches "Oui" pour "Afficher la liste des membres connectés au cours des 24* dernières heures" et tu peux renseigner le nombre d'heures que tu souhaites.

    Dans le panneau d'administrateur -> Affichage -> Page d'accueil -> Structure et hiérarchie -> Niveau de compression de l'index tu vas choisir le mode "Moyen" de la ligne "Séparer les catégories sur l'index"

    Voyons déjà ce que cela donne Wink






    Habitant

    nizaril

    nizaril
    Habitant

    Marchands
    Masculin Âge : 35
    Messages : 28
    Clés : 0
    Date d'inscription : 20/07/2018


    Profil
    A vot' bon coeur m'sieurs Dames. - Page 2 Empty

    Message par nizaril le Jeu 15 Aoû - 22:16

    C'est pas mal du tout ! J'ai juste besoin de reprendre ma gestion des catégories et forums. J'ai remarqué par contre que la PA bougeait en fonction du zoom, tout comme le QEEL si tu dézoomes, tout par à gauche, c'est du détail, mais si tu as une astuce pour fixer la chose ça serait super.

    Si ça demande trop de travail, je me contenterai largement de ça !



    Habitant

    nizaril

    nizaril
    Habitant

    Marchands
    Masculin Âge : 35
    Messages : 28
    Clés : 0
    Date d'inscription : 20/07/2018


    Profil
    A vot' bon coeur m'sieurs Dames. - Page 2 Empty

    Message par nizaril le Ven 16 Aoû - 0:41

    Je spam un peu du coup, mais pourrais tu me donner le lot d'images "icones" que tu as utilisé ?
    J'ai remarqué également dans la partie des sous forum au niveau des sujets, qu'il y avait une barre en bleu assez disgracieuse, sais tu d'ou ça vient ?

    Merci et bonne nuit !



    Poussez-vous, je passe !

    Leah Von Vendergarten

    Leah Von Vendergarten
    Poussez-vous, je passe !

    Marchands
    Féminin Âge : 21
    Messages : 6620
    Clés : 2
    Date d'inscription : 26/08/2015

    http://humanitas.maguilde.net/

    Profil
    A vot' bon coeur m'sieurs Dames. - Page 2 Empty

    Message par Leah Von Vendergarten le Ven 16 Aoû - 9:52

    Bonjour !

    Oui c'est mieux si tu peux reprendre la gestion de tes catégories, ce sera plus esthétique Wink

    J'ai remarqué par contre que la PA bougeait en fonction du zoom, tout comme le QEEL si tu dézoomes, tout par à gauche, c'est du détail, mais si tu as une astuce pour fixer la chose ça serait super.
    J'ai réussi à régler ce problème pour la plupart des éléments sauf pour 1.
    Je vais être en mesure de régler totalement ce problème à une seule condition.
    L'espace "Groupes" dans le QEEL se remplit automatiquement dans la version actuelle du codage. (Quand tu rajoutes un groupe il se rajoutera de lui-même dans la liste). Seulement, le code initial de cette version de forumactif est fait de telle sorte que j'ai dû lui donner une position absolue (par exemple à 50 pixels de la gauche), ce qui fait que quand tu dézoomes, il reste fixé à 50 pixels de la gauche. Pour régler ce problème je ne vois pas d'autre solution que d'enlever la partie "Groupes" automatiques et de la remplacer par une partie "Groupes" que je remplirai manuellement et que je pourrais ainsi placer à ma guise.
    Donc ma question est, est-ce que tes groupes sont définis et plus ou moins définitifs de sorte que je puisse remplacer la liste automatique par une liste fixe qu'il faudra changer manuellement si tu changes tes groupes ?

    Concernant les icônes que j'ai utilisées, en fait je n'en ai créé qu'une seule (celle-ci : https://i.imgur.com/qlwwfwu.jpg , qui s'arrondit automatiquement avec le codage) pour l'exemple, mais je n'ai pas de lot à te fournir. Cependant, si tu as besoin d'un lot d'images (icônes, boutons, bannière, avatars, etc.) je ne peux que te rediriger vers notre service graphique : http://www.royale-pub.com/f18-l-atelier-graphique
    Nos graphistes pourront te fournir des belles créations dans le style que tu souhaites, avec les images que tu veux Wink

    J'ai remarqué également dans la partie des sous forum au niveau des sujets, qu'il y avait une barre en bleu assez disgracieuse, sais tu d'ou ça vient ?
    C'est une image qui est dans le panneau d'administrateur -> Affichage -> Images et couleurs -> Gestion des images -> Général / navigation.
    En fait tu peux enlever toutes les images qui concernent les champs :
    - Image du fond des titres
    - Image du fond des catégories (gauche)
    - Image du fond des catégories (droite)
    Après, si tu souhaites modifier les couleurs des sujets/sous-forums, tu peux le faire via ton panneau de couleurs. Si tu souhaites aller plus loin et coder l'affichage des sujets, liste des sujets, etc. n'hésite pas à me le dire Wink

    Encore un ajustement que tu peux faire s'il te plait : dans le panneau d'administrateur -> Affichage -> Page d'accueil -> Structure et hiérarchie -> Hiérarchie, cocher "Oui" dans "Afficher les liens vers les sous-forums" Very Happy

    Quand on aura réglé ce problème de zoom, et si tu n'as pas d'autres points à régler, je te fournirai les indications pour pouvoir changer les images et le contenu du codage et t'indiquerai également la taille des images prévues Wink






    Habitant

    nizaril

    nizaril
    Habitant

    Marchands
    Masculin Âge : 35
    Messages : 28
    Clés : 0
    Date d'inscription : 20/07/2018


    Profil
    A vot' bon coeur m'sieurs Dames. - Page 2 Empty

    Message par nizaril le Ven 16 Aoû - 10:17

    Les groupes sont figés, donc tu peux faire la modification que tu as en tête.
    Pour la partie icone etc... je vais sortir mon Photoshop et arrêté de faire l'assisté à 100% Wink.

    Pour le reste c'est réglé, je choisirai à l'occasion de quoi remplacer cette immonde barre bleue quand j'aurai mis la main sur une texture sympa qui va graphiquement avec le reste.

    Merci pour le petit truc des sous forums, ça rend la chose plus pratique effectivement. Je dois bosser sur l'arborescence pour rendre ça plus sympa maintenant.



    Poussez-vous, je passe !

    Leah Von Vendergarten

    Leah Von Vendergarten
    Poussez-vous, je passe !

    Marchands
    Féminin Âge : 21
    Messages : 6620
    Clés : 2
    Date d'inscription : 26/08/2015

    http://humanitas.maguilde.net/

    Profil
    A vot' bon coeur m'sieurs Dames. - Page 2 Empty

    Message par Leah Von Vendergarten le Ven 16 Aoû - 11:34

    Super ! Donc voici les codes que tu peux modifier :

    Dans le CSS, remplaces celui que je t'ai donné précédemment par celui-ci :
    Code:
    .QEEL {width:1267px;text-align:center;position:relative;margin:30px auto 30px auto;background-image:url('https://i.imgur.com/HgmHfgN.jpg');background-position:center bottom;background-size:cover;border-radius:7px;border:1px solid rgba(255,255,255,0.1);height:440px;}
    .QEELaut {text-align:left;width:1267px;height:300px;margin:auto;padding-top:20px;}
    .QEELtit {font-size:70px;font-family:Lovers Quarrel;line-height:20px;text-align:center;text-shadow:0px 0px 3px #D1D1C9;opacity:0.9;margin-top:60px;margin-bottom:-10px;}
    .QEELrig {float:right;margin:30px 30px 0 0;width:300px;}
    .QEELsstt {font-size:40px;font-family:Lovers Quarrel;line-height:30px;text-align:center;text-shadow:0px 0px 1px #D1D1C9;opacity:0.9;margin:30px auto 15px auto;}
    .QEELsta, .QEELbie, .QEELco, .QEELnb, .QEELgp {font-size:11px;padding:10px;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.2);box-shadow:0px 0px 5px rgba(0,0,0,0.5);border-radius:7px;text-align:justify;line-height:20px;}
    .QEELlef {float:left;margin:30px;width:270px;}
    .QEELco {margin-top:20px;height:75px;}
    .QEELcold {position:absolute;margin-left:660px;margin-top:-315px;width:250px;}
    .QEEL td, .QEEL tr {position:absolute;background:none;}
    .QEELgp {font-weight:bold;display:inline-block;width:1064px;margin-left:150px;margin-top:-35px;}
    .QEELssttgp {margin-top:310px;display:inline-block;margin-left:-320px;width:130px;font-size:40px;font-family:Lovers Quarrel;line-height:30px;text-align:center;text-shadow:0px 0px 1px #D1D1C9;opacity:0.9;}
    .QEEL tr:nth-child(1) {position:absolute;margin-left:650px;width:250px;margin-top:162px;}
    .QEEL tr:nth-child(1) td {font-size:11px;padding:10px;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.2);box-shadow:0px 0px 5px rgba(0,0,0,0.5);border-radius:7px;text-align:justify;line-height:20px;height:158px;}
    .QEEL tr:nth-child(2) {position:absolute;margin-left:330px;width:290px;margin-top:162px;}
    .QEEL tr:nth-child(2) td {font-size:11px;padding:10px;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.2);box-shadow:0px 0px 5px rgba(0,0,0,0.5);border-radius:7px;text-align:justify;line-height:20px;height:158px;}
    .QEELsstt24 {z-index:2;width:290px;margin-top:-285px;margin-left:330px;position:absolute;font-size:40px;font-family:Lovers Quarrel;line-height:30px;text-align:center;text-shadow:0px 0px 1px #D1D1C9;opacity:0.9;}

    body {background-image:url('https://i.imgur.com/94xWGGo.jpg');background-attachment:fixed;background-size:cover;}
    a {text-decoration:none!important;transition:0.5s;}
    a:hover {text-decoration:none!important;transition:0.5s;}

    #page-footer {opacity:0.7!important;font-size:11px!important;text-shadow:0px 0px 2px #D1D1C9;margin-top:30px;}
    .gen, .gensmall{font-size:11px!important;}

    .PAnav {position:fixed;top:0;left:0;height:30px;background:#222;width:100%;z-index:100;border-bottom:1px solid rgba(255,255,255,0.1);text-align:center;}
    .PAnav a {display:inline-block;padding:3px 7px;margin-top:6px;text-transform:uppercase;font-size:10px;font-family:Merriweather;transition:0.5s;text-shadow:0 0 2px #D1D1C9;}
    .PAnav a:hover {transition:0.5s;color:#D1D1C9;}
    .PAnav img {display:none;}

    .PAliens {font-size:10px;text-align:center;margin-top:20px;opacity:0.5;}
    .CAT {width:1000px;margin:60px auto;text-align:center;}
    .CATtit {font-size:40px;font-family:Lovers Quarrel;line-height:20px;text-align:left;padding-left:20px;text-shadow:0px 0px 3px #D1D1C9;opacity:0.9;}
    .CATtit h2 {display:inline-block;font-size:70px;font-weight:normal;margin:0 0 0 15px;}
    .CATfo {display:inline-block;width:460px;margin:10px 20px;height:210px;overflow:hidden;background:rgba(20,18,20,0.7);border-radius:7px;}
    .CATfodescimg {color:rgba(0,0,0,0);height:0;}
    .CATfodescimg img {width:460px;height:230px;border-radius:7px;}
    .CATfocont {position:absolute;z-index:3;background:rgba(20,18,20,0.7);width:459px;margin:0;height:209px;border-radius:7px;border:1px solid rgba(255,255,255,0.1);}
    .CATfotit {text-align:left;text-transform:uppercase;padding:10px;font-size:12px;opacity:0.8;}
    .CATfotit a {color:#d9c3a6!important;}
    .CATfocenter {position:absolute;width:460px;height:120px;background:rgba(255,255,255,0.1);z-index:3;overflow:hidden;}
    .CATfodesc img {display:none;}
    .CATfodesc {opacity:0.8;font-size:11px;padding:10px;text-align:justify;height:100px;overflow:auto;}
    .CATforight {width:100px;height:200px;float:right;}
    .CATforight img {height:50px;width:50px!important;margin-top:20px;border-radius:50px;box-shadow:0px 0px 8px rgba(0,0,0,0.4);}
    .CATfostat {margin-top:10px;font-size:10px;opacity:0.8;}
    .CATfolast {margin-top:120px;font-size:11px;text-align:left;padding:10px 5px;}
    .CATfolast br {display:none;}
    .CATfolast a {margin:5px;font-size:11px!important;}
    .CATfosub {font-size:9px;opacity:0.8;text-transform:uppercase;text-align:right;margin-right:10px;float:right;width:80px;}
    .CATfosubcont {visibility:hidden;transition:0.5s;opacity:0;text-align:right;width:350px;position:absolute;margin-left:-355px;margin-top:0px;}
    .CATfosubcont a {font-size:10px!important;}
    .CATfosub:hover .CATfosubcont {visibility:visible;transition:0.5s;opacity:1;}

    .PA {width:1267px;margin:0 auto 30px auto;background-image:url('https://i.imgur.com/HgmHfgN.jpg');background-size:cover;border-radius:7px;border:1px solid rgba(255,255,255,0.1);}
    .total_pa {height:720px;font-size:11px;text-align:justify;margin-top:50px;margin-right:70px;}
    .titre_pa {box-shadow:0px 0px 5px rgba(0,0,0,0.3);text-shadow:0px 0px 2px #D1D1C9;opacity:0.9;height:25px;background:rgba(20,18,20,0.3);font-size:30px;line-height:30px;font-family:Lovers Quarrel;border-radius:7px 7px 0 0;padding:10px;text-align:left;}
    .histoire_pa {height:320px;vertical-align:top;border-radius:7px;width:395px;}
    .infobulle_histoire{box-shadow:0px 0px 5px rgba(0,0,0,0.3);position:relative;display:inline-block;height:275px;border-radius: 0px 0px 7px 7px;width:395px;}
    .infobulle_histoire img{border-radius: 0px 0px 7px 7px;width:395px;}
    .infobulle_histoire div{position:absolute;top:0px;left:0px;overflow: auto;z-index:2;width:375px;height:255px;background:rgba(24,24,24,0.5);border-radius: 0px 0px 7px 7px;padding: 10px;opacity:0;visibility: hidden;transition: all 1s;}
    .infobulle_histoire:hover div{opacity:0.9;visibility: visible;}
    .bureau_de_recrutement_pa, .campagne_ec_pa {box-shadow:0px 0px 5px rgba(0,0,0,0.3);width: 195px;height: 170px;display: inline-block;margin-top: 10px;border-radius:7px;vertical-align:top;}
    .lien_utiles_pa{margin-left: 5px;}
    .staff_contrat_zone_pa{width: 195px;height: 150px;vertical-align: top;margin-top: 10px;border-radius: 0px 0px 7px 7px;margin-left: 5px;display: inline-block;}
    .infobulle_recrutement{position:relative;display:inline-block;border-radius: 0px 0px 7px 7px;width:195px;height:125px;overflow: hidden;}
    .infobulle_recrutement a{color: white !important;text-decoration: none !important;}
    .infobulle_recrutement div{position:absolute;top:0px;left:0px;z-index:2;width:185px;height:115px;overflow: hidden;padding: 5px;background:rgba(84,84,84,0.5);border-radius: 0px 0px 7px 7px;text-align: justify;opacity:0;visibility: hidden;transition: all 1s;}
    .infobulle_recrutement:hover div{opacity:0.8;visibility: visible;}
    .infobulle_recrutement img{transition-property: transform;border-radius: 0px 0px 7px 7px;transition-duration: 1s;transition-timing-function: ease;}
    .infobulle_recrutement:hover img{position: relative;transform: translateX(-195px);transition: all 1s;visibility: hidden;}
    .infobulle_campagne{position:relative;display:inline-block;border-radius: 0px 0px 7px 7px;width:195px;height:105px;overflow: hidden;}
    .infobulle_campagne img{border-radius: 0px 0px 7px 7px;}
    .staff_pa{box-shadow:0px 0px 5px rgba(0,0,0,0.5);width: 195px;background:rgba(84,84,84,0.5);height: 85px;border-radius:7px 7px;text-align: center;margin-bottom: 5px;}
    .staff_pa img{width: 55px;height: 33px;border-radius: 3px;margin-left: 5.5px;margin-top: 3px;box-shadow:0px 0px 3px rgba(0,0,0,0.5);}
    .contrats_pa{box-shadow:0px 0px 5px rgba(0,0,0,0.3);width: 195px;height: 80px;border-radius:3px;background:rgba(84,84,84,0.5);text-align: center;}
    .contrats_pa img{box-shadow:0px 0px 3px rgba(0,0,0,0.3);margin-top:3px;margin-left:12px;height:29px;border-radius:7px 7px;width: 29px;filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);transition: all 1s;}
    .contrats_pa img:hover{filter: grayscale(0%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);transition: all 1s;}
    .lien_utiles_pa{box-shadow:0px 0px 5px rgba(0,0,0,0.5);width: 195px;height: 150px;display: inline-block;margin-top: 10px;border-radius:7px;vertical-align:top;text-align:center;background:rgba(84,84,84,0.5);}
    .lien_utiles_pa img{box-shadow:0px 0px 3px rgba(0,0,0,0.3);margin:13px 6px 0 6px;width:35px;height:35px;border-radius:7px 7px;filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);transition: all 1s;}
    .lien_utiles_pa img:hover{filter: grayscale(0%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);transition: all 1s;}

    Et dans les Templates -> Général -> Index_body, il faut également tout remplacer par ça :
    Code:
    {JAVASCRIPT}
    {CHATBOX_TOP}
    {BOARD_INDEX}

    <div class="PAliens"><!-- BEGIN switch_user_logged_in -->
    <a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a> ✢ 
    <!-- END switch_user_logged_in -->
    <!-- BEGIN switch_delete_cookies -->
    <a href="{switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a> ✢&nbsp;
    <!-- END switch_delete_cookies -->
      <!-- BEGIN switch_on_index -->
    <!-- BEGIN switch_delete_cookies -->
    <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></div>
    <!-- END switch_delete_cookies -->
      <!-- END switch_on_index -->

    <!-- BEGIN disable_viewonline -->
    <table class="QEEL" width="100%" border="0" cellspacing="1" cellpadding="0">
      <div style="position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;text-align:center;z-index:2;">
      <div class="QEELaut">
        <div class="QEELtit">Qui est en ligne ?</div>
      <div class="QEELrig">
        <div class="QEELsstt">Statistiques</div>
        <div class="QEELsta">{TOTAL_POSTS}<br />{TOTAL_USERS}</div>
        <div class="QEELsstt">Bienvenue !</div>
        <div class="QEELbie" id="modif" style="text-align:center;">{NEWEST_USER}</div>
        <script type="text/javascript">document.getElementById('modif').innerHTML=document.getElementById('modif').innerHTML.replace(/L'utilisateur enregistré le plus récent est /,"");</script>
      </div>
      <div class="QEELlef">
        <div class="QEELsstt">En ce moment...</div>
        <div class="QEELnb">{TOTAL_USERS_ONLINE}</div>
        <div class="QEELco">{LOGGED_IN_USER_LIST}</div>
      </div>
        <div class="QEELssttgp">Groupes</div>
        <div class="QEELgp">[ <a href="http://cds-kt.forumactif.com/g2-soudya" target="_blank" style="color:#FFB700;">Soudya</a> ]
        [ <a href="http://cds-kt.forumactif.com/g3-phalan-hel" target="_blank" style="color:#F04C00;">Phalan'hel</a> ]
        [ <a href="http://cds-kt.forumactif.com/g4-inities" target="_blank" style="color:#F5DBA6;">Initiés</a> ]
        [ <a href="http://cds-kt.forumactif.com/g5-mercenaires" target="_blank" style="color:#87A177;">Mercenaires</a> ]
        [ <a href="http://cds-kt.forumactif.com/g6-impregnes" target="_blank" style="color:#31B52A;">Imprégnés</a> ]
        [ <a href="http://cds-kt.forumactif.com/g7-mendiants-et-voyageurs" target="_blank" style="color:#BDBDBD;">Mendiants et Voyageurs</a> ]
        </div>
        <div class="QEELsstt24">Ils sont passés</div>
      <div class="QEELcold">
        <div class="QEELsstt">Anniversaires</div>
        <div class="QEELana">{L_WHOSBIRTHDAY_TODAY}</div>
        <div class="QEELanb">{L_WHOSBIRTHDAY_WEEK}</div>
      </div>
        <div class="QEEL24">{L_CONNECTED_MEMBERS}</div>
      </div>
      </div>
    </table>
    <!-- END disable_viewonline -->

    {CHATBOX_BOTTOM}
    {AUTO_DST}

    Voilà, normalement tout devrait être bon ! Wink

    Alors, pour la modifications des images et du contenu :

    - Pour modifier le contenu de la PA, tu te rends dans les Templates -> Général -> Overall_header, les lignes concernées sont les lignes de 264 à 316.
    Ligne 269, l'image de l'histoire 195*275px
    Ligne 270, le contenu de l'histoire
    Ligne 277, l'image du recrutement 195*125px
    Lignes 278 et 279, le texte et le lien du recrutement
    Lignes 285 à 287, les liens et images du staff 55*33px
    Lignes 291 à 294, les liens et images des contrats 30*30px
    Ligne 301, lien et image des campagnes 195*125px
    Lignes 307 à 314, liens et images des liens utiles 35*35px (d'ailleurs il manque un S à "Lien" dans le titre juste au dessus, tu peux le rajouter Wink )

    - Pour le header, tu peux le faire via le panneau images, 800*800px

    - Pour la description, le titre et les images des catégories c'est comme d'habitude Wink Les images correspondent à celles qui sont en fond de chaque catégorie et sont en 460*210px

    - Les icônes des catégories sont à changer depuis le panneau images et sont en 50*50px

    - Les images de fond de la page, du fond de la PA et du QEEL sont à changer dans le CSS respectivement dans les lignes qui commencent par "body", ".PA" et ".QEEL", il suffit de remplacer le lien entre guillemets qui suit "background-image". Tu peux mettre la taille que tu veux tant que c'est suffisamment grand pour ne pas être pixelisé.

    - Pour le QEEL, c'est dans Templates -> Général -> Index_body, entre les lignes 17 et 52, normalement tu auras juste à modifier éventuellement les groupes entre les lignes 35 et 40

    Je crois que je n'ai rien oublié... As-tu encore des questions ? Wink






    Habitant

    nizaril

    nizaril
    Habitant

    Marchands
    Masculin Âge : 35
    Messages : 28
    Clés : 0
    Date d'inscription : 20/07/2018


    Profil
    A vot' bon coeur m'sieurs Dames. - Page 2 Empty

    Message par nizaril le Ven 16 Aoû - 13:27

    Non, tout est parfait !
    Merci encore pour tout le travail ! TouA été plous qué Formidable!



    Poussez-vous, je passe !

    Leah Von Vendergarten

    Leah Von Vendergarten
    Poussez-vous, je passe !

    Marchands
    Féminin Âge : 21
    Messages : 6620
    Clés : 2
    Date d'inscription : 26/08/2015

    http://humanitas.maguilde.net/

    Profil
    A vot' bon coeur m'sieurs Dames. - Page 2 Empty

    Message par Leah Von Vendergarten le Ven 16 Aoû - 13:43

    Super, je suis ravie alors Very Happy

    Je vais donc verrouiller ce sujet.

    Si tu as la moindre question, une remarque ou quoi que ce soit, n'hésite pas à m'envoyer un message privé Wink

    Et surtout, si tu veux passer une commande de graphisme ne t'en prive pas, le service est là pour ça Wink

    Bonne continuation Very Happy








    Contenu sponsorisé




    Profil
    A vot' bon coeur m'sieurs Dames. - Page 2 Empty

    Message par Contenu sponsorisé


      La date/heure actuelle est Sam 21 Sep - 2:56