Avada KedagraphConnexion

description[terminé] Commande de catégories pour notre reboot ♥ [PRIS EN CHARGE PAR EYOTA]

more_horiz
Bonjour, bonsoir !
En l'occasion de la refonte de notre forum nous aimerions avoir de jolis codes Mais comme nous ne sommes pas très familiers avec le codage, on aimerait faire appel à vous !

Fray

Le type du code : Catégories
Le schéma: https://zupimages.net/up/19/01/95fh.png (J'espère qu'il sera clair!)
Acceptez-vous que le code soit mis en LS sur AK ? Pour le moment non, puisqu'il est amené à ne pas être changé souvent. Nous allons le garder un bon moment j'imagine. Mais si jamais nous ne l'utilisons plus, on vous fera signe !

Les éléments : Largeur max : 800px
Je n'ai pas de taille préférentielle pour le reste, mais je n'aimerai pas que ça prenne trop de place parce que nous avons pas mal de forums donc histoire que cela ne fasse pas une page à rallonge >< Quelque chose de minimaliste. Je ne sais pas si je suis claire ?
Pour l'image tout en haut pour les catégories, comme le thème n'est pas encore fait, j'ai rapidement fait une image le temps du développement : https://zupimages.net/up/19/01/rrok.png
Pour la police, je n'ai pas encore défini celle-ci, mais peut-être Playfair Display pour les titres ou Pirata One. Pour le reste, Verdana ou Arial seront biens pour le moment Smile

Un lien vers votre forum/site/Autre: Nous sommes encore en train de développer le forum donc il est en construction pour le moment. Je peux vous le donner par mp si vous le désirez (histoire qu'il n'y est pas de petits curieux qui se fassent spoiler )


Autre chose? Il y aura certainement d'autres commandes de templates à venir après celle-ci, notamment peut-être un qeel ou une pa

fiche réalisée par laxy



Merci par avance

descriptionRe: [terminé] Commande de catégories pour notre reboot ♥ [PRIS EN CHARGE PAR EYOTA]

more_horiz
Bonjour, je valide la commande avec plaisir! Vous avez discord? J aimerai bien que vous rejoignez le nôtre! I love you ca simplifie considérablement nos échanges! Wink
De plus, on ouvre un salon privé pour échanger en toute discrétion ! Wink

J ai déjà 2 commandes assez lourdes avant vous, après j en fais 2 en parallèle... Mais je vais finir le qeel avant de débuter la votre... :3

C est simplement pour vous prévenir...

Et dernière question, votre forum est en phpbb2? Smile Vous me passerez le lien via le discord au besoin! Wink

Bonne journée!

descriptionRe: [terminé] Commande de catégories pour notre reboot ♥ [PRIS EN CHARGE PAR EYOTA]

more_horiz
Bonjour Jamy !
Oui j'ai discord, j'ai déjà utilisé vos services il y a un moment pour un autre forum Smile Je suis nommée "Fray" sur votre serveur !

Concernant les autres commandes, pas de soucis ! Nous saurons attendre, d'autant que nous sommes encore en train de construire le forum et notre design n'est pas encore achevé du coup y'a pas de soucis I love you

Le forum est en phpbb2 si je ne dis pas de bêtises ! J'ai encore un peu de mal avec leurs noms et leurs différentes versions XD Mais j'ai utilisé celle qui est la plus répandue depuis un moment et il me semble que c'est celle-ci Arrow

Bonne journée et merci!

descriptionRe: [terminé] Commande de catégories pour notre reboot ♥ [PRIS EN CHARGE PAR EYOTA]

more_horiz
Coucou Smile

Et bien me voilà avec ta commande terminée Smile
J'espère que le résultat te plaira Smile

Template :

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="cateeyo" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="4" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
</tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span> 
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
      <div class="cateeyo2"><div class="categauche">
                  <span class="lastpost">{catrow.forumrow.LAST_POST}</span>
                  <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /><br/>
                  </div>
            <div class="lastpost-avatar"><!-- BEGIN avatar -->
              {catrow.forumrow.avatar.LAST_POST_AVATAR}
              <!-- END avatar --></div>
          <div class="catemilieu">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink" align="left">
                                  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a> <span class="statscate">{catrow.forumrow.TOPICS} {L_TOPICS}</span>
 ♛ <span class="statscate">{catrow.forumrow.POSTS} {L_POSTS}</span><div class="trait"></div><br/>
                                  </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="desccate">{catrow.forumrow.FORUM_DESC}</span>
         
                  </div></div>
                  <div class="sousforum">
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                  </div></td>
           
         
        </tr>
          <!-- END forumrow -->
   <!-- BEGIN tablefoot -->
</table><!-- END tablefoot --><!-- END catrow -->


CSS :

Code:

/*Catégorie Eyota by AK*/
.cateeyo {
  width: 800px;
  height: auto;
  background-color: #948C86;
  margin: 10px 0px 30px 0px;
  padding: 5px;
}

.secondarytitle {
  width: 800px;
    height: 100px;
    background-image: url(https://www.zupimages.net/up/19/01/rrok.png);
}

.secondarytitle h2 {
  font-size: 30px;
  font-family: 'Playfair Display SC', serif;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.categauche {
  width: 250px;
  height:100px;
  background-color: #DED6D5;
  padding: 2px;
  margin: 5px 5px 5px 0px;
  display: inline-block;
  vertical-align: top;
}

.statscate {
  font-size: 9px;
  color: black !important;
}

.lastpost {
  display: inline-block;
  margin-top : 5px;
  font-size: 9px;
}

.catemilieu {
  width: 450px;
  height: 100px;
  margin: 5px 0px 5px 5px;
  padding: 2px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}

.sousforum {
  width: 790px;
  height: 30px;
  overflow: auto;
  background-color: #DED6D5;
  padding:2px;
  margin-top: 2px;
  box-sizing:border-box;
}

.sousforum a {
  color: black !important;
  font-family: arial;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px;
}

.lastpost-avatar {
  margin: 5px 0px;
  height: 100px;
  width: 63px;
  display: inline-block;
  float: none;
  vertical-align: top;
}

.lastpost-avatar img{
  width:63px;
  height:100px;
  border-radius: none;
}

.forumlink a {
  text-align: left;
  font-size: 15px;
  font-family: 'Playfair Display SC', serif;
  color: black !important;
  margin-right: 5px;
}

.forumlink {
  display:inline-block;
  text-align: left;
}

.desccate {
  width: 450px;
    height :75px;
  overflow: auto;
  padding: 5px;
  display: inline-block;
  font-size:11px;
  margin-top: -10px;
  background-color: #DED6D5;
  box-sizing:border-box;
  text-align: justify;
}


/* cyrillic */
@font-face {
  font-family: 'Playfair Display SC';
  font-style: normal;
  font-weight: 400;
  src: local('Playfair Display SC Regular'), local('PlayfairDisplaySC-Regular'), url(https://fonts.gstatic.com/s/playfairdisplaysc/v7/ke85OhoaMkR6-hSn7kbHVoFf7ZfgMPr_lb0MEPM2.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Playfair Display SC';
  font-style: normal;
  font-weight: 400;
  src: local('Playfair Display SC Regular'), local('PlayfairDisplaySC-Regular'), url(https://fonts.gstatic.com/s/playfairdisplaysc/v7/ke85OhoaMkR6-hSn7kbHVoFf7ZfgMPr_lbYMEPM2.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Playfair Display SC';
  font-style: normal;
  font-weight: 400;
  src: local('Playfair Display SC Regular'), local('PlayfairDisplaySC-Regular'), url(https://fonts.gstatic.com/s/playfairdisplaysc/v7/ke85OhoaMkR6-hSn7kbHVoFf7ZfgMPr_lbcMEPM2.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display SC';
  font-style: normal;
  font-weight: 400;
  src: local('Playfair Display SC Regular'), local('PlayfairDisplaySC-Regular'), url(https://fonts.gstatic.com/s/playfairdisplaysc/v7/ke85OhoaMkR6-hSn7kbHVoFf7ZfgMPr_lbkMEA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


N'hésites pas si il y a le moindre soucis Smile

descriptionRe: [terminé] Commande de catégories pour notre reboot ♥ [PRIS EN CHARGE PAR EYOTA]

more_horiz
Bonjour Eyota!  I love you

La commande est parfaiten merci beaucoup !

descriptionRe: [terminé] Commande de catégories pour notre reboot ♥ [PRIS EN CHARGE PAR EYOTA]

more_horiz
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum