Jeu 4 Mai - 17:21

Bonjour,

[Bah oui quoi, c'est pas parce que c'est une commande qu'il ne faut pas dire bonjour, namého].

Étant donné que j'ai toujours apprécié regarder ton travail, je me suis dis que cette fois-ci c'était mon tour de profiter de tes talents. En espérant que tu valides ma commande du coup héhé. Comme je te l'ai demandé en MP je n'ai pas mis l'adresse de mon forum sur ce sujet. Je te remercies d'avoir pris le temps de lire ma commande, & te remercies d'avance si tu la valides. Hihi.

Forum : www
Version : PHPBB2
Taille du forum : 900
Elément(s) demandé(s) : Catégories
Maquette :https://i.servimg.com/u/f58/18/90/75/00/sans_t10.png
Description (peut remplacer la maquette ou la compléter) : Taille du bloc titre catégorie : 900 px;
Taille du nom de forum : width:15px; height:175px;
Couleurs (si pas de maquette graphique) :
Polices à utiliser : Arial
Images à utiliser :
Acceptez-vous que le code finisse en LS ? Bien entendu
Mode de rendu : via le sujet
Autre chose à ajouter ? Je suis disponible pour toutes les questions que tu auras.

Jeu 4 Mai - 17:55

Coucou ! :D

J'ai jamais codé de catégories avec l'avatar du dernier posteur, donc je ne peux rien garantir (mais en soit, je ne pense pas que ça posera de problème, visiblement tout le monde le fait maintenant \o/). Je te dirais ça quand je commencerai :) Concernant le fait qu'il remplace les images de nouveaux messages ... tu as déjà vu ça quelque part ? Oo

Après il me faudrait juste les pictos que tu utilises s'il te plait, histoire de ne pas passer 10 ans à chercher :3

Jeu 4 Mai - 18:13

Alors j'ai vu ça quelques part oui il y a un certain temps. Impossible de me rappeler où. Si ça se trouves c'était sur Arcadia. Les images :

https://i.servimg.com/u/f58/18/90/75/00/corbei10.png
https://i.servimg.com/u/f58/18/90/75/00/lus10.png
https://i.servimg.com/u/f58/18/90/75/00/nouvea10.png
https://i.servimg.com/u/f58/18/90/75/00/sans_r10.png
https://i.servimg.com/u/f58/18/90/75/00/vos_me10.png

Mar 9 Mai - 21:30

Yop !

J'en suis là : www

Mer 10 Mai - 0:21

J'aime bien, par contre y'a un petit détail que j'aime pas trop c'est quand tu passes sur sous-forum ça va plus loin que le titre du forum je sais pas si tu vois ce que je veux dire. Possibilité de pas mettre en arrondi aussi pour les sous forum ? Et les espaces avant et après les forums les enlevés si tu peux =D

Mer 10 Mai - 8:33

C'est modifié.

Mer 10 Mai - 11:17

Possible de décalé le sous les forums vers le titre de forums ? Et les espaces avant et après les forums les enlevés si tu peux =D

Mer 10 Mai - 12:39

J'ai pas compris :/ Chez moi ils se décalent jusqu'au nom de forum. Et quels espaces ?

Mer 10 Mai - 14:04

Mer 10 Mai - 19:33

C'est modifié.

Pour les forum et leurs descriptions :

Code:

<img class="img_desc" src="https://i58.servimg.com/u/f58/18/90/75/00/lus10.png" /> <strong>Nemo quaeso miretur</strong>, si post exsudatos labores itinerum longos congestosque adfatim commeatus fiducia vestri ductante barbaricos pagos adventans velut mutato repente consilio ad placidiora deverti. Demo quaeso miretur, si post exsudatos labores itinerum longos congestosque adfatim commeatus fiducia vestri ductante barbaricos pagos adventans velut mutato repente consilio ad placidiora deverti. Remo quaeso miretur, si post exsudatos labores itinerum longos congestosque adfatim commeatus fiducia vestri ductante barbaricos pagos adventans velut mutato repente consilio ad placidiora deverti.

Le CSS

Code:

/* MISE EN FORME DES CATEGORIES ET FORUMS */

.clear {
  clear: both;
}

#contenu_categories {
  background: #c0c0c0;
  font-family: arial;
  padding: 0px;
  margin: auto;
  width: 900px;
}

.contenu_liens_cate {
  width: 900px;
  margin: 0.4%;
  padding: 2% 0;
}

.bloc_liens_categories {
  width: 155px;
  border: 1px solid #4c4842;
  color: #4c4842;
  font-size: 11px;
  background: #d9dce0;
  padding: 2px;
  margin: 2% 1%;
  float: left;
}

.bloc_liens_categories a {
  color: #4c4842 !important;
}

.bloc_liens_categories a:hover {
  color: #000 !important;
}

.img_liens_cate {
 float: left;
}

.cate_titre {
  clear: both;
  text-align: center;
  color: #fff;
  padding: 5px 0px;
  background: #191919;
  margin-top: 30px;
  margin-bottom: 10px;
  width: 900px;
  margin: auto;
}

.cate_titre h2{
  font-family: arial;
  font-size: 35px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 5px;
}

#contenu_cate {
  display: inline-block;
}

.bloc_mess_sujets {
  width: 150px;
  display: inline-block;
  padding: 2px;
  text-align: right;
  background: #eeeeee;
}

.forum_bloc {
  width: 900px;
  margin: 10px 0.5% 0 0.5%;
  padding: 0;
  font-size: 11px;
  color: #000;
}

.forum {
  float: left;
  display: block;
  margin: auto;
  position: relative;
  width: 450px;
  height: 200px;
  margin-top: 10px;
}

#description_forum {
  width: 290px;
  height: 100px;
  padding: 10px;
  text-align: justify;
  overflow: auto;
  float: left;
  margin-top: 5px;
  background: #eeeeee;
}

.img_desc {
  float: left;
}

.ava_dernier {
  width: 90px;
  height: 145px;
}

.ava_dernier img{
  width: 90px;
  float: left;
  display: block;
  margin-left: 5px;
  margin-top: -20px;
  height: 145px;
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -ms-filter: grayscale(1);
  -o-filter: grayscale(1);
  z-index: 1;
}

.ava_dernier img:hover {
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  z-index: 1;
}

.forum_categories {
  transform: rotate(90deg);
  position: absolute;
  right: -55px;
  top: 63px;
  padding: 5px;
  width: 140px;
  text-align: center;
  background: #191919;
}

.forum_categories a{
  color: #fffff !important;
  text-transform: uppercase;
  letter-spacing: 0;
}

.stats_lastpost {
  position: relative;
  width: 70px;
  z-index: 1;
  height: 30px;
  margin-left: 320px;
  margin-top: 70px;
  background: rgba(200, 200, 200, 0.8);
  border: 1px solid #b5b5b5;
  padding: 5px;
  text-align: center;
}

.lastpost {
  font-size: 9px;
  position: absolute;
  left: 0;
  z-index: 1;
}

.lastpost a {
  color: #000 !important;
}

.sforum {
  position: relative;
  z-index: 3;
  display: block;
  height: 0;
  width: 434px;
    background: #191817;
  color: #b5b5b5;
  overflow: hidden;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}

.ouverture_sousforum {
  position: relative;
  z-index: 3;
  display: block;
  float: right;
  width: 150px;
  margin-right: 8px;
  background: #191817;
  color: #b5b5b5;
  font-size: 11px;
  text-align: center;
  padding: 4px;
}

.sous_forum:hover .sforum {
  height: 50px;
  background: #191817;
  color: #b5b5b5;
  padding: 4px;
  width: 434px;
  overflow: auto;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}

.sous_forum a {
  color: #b5b5b5 !important;
  text-shadow: 1px 1px 0px #000000;
}

.sous_forum a:hover {
  color: #ffffff !important;
}

Template Index_box

Code:

<div id="contenu_categories">
     <div class="contenu_liens_cate">
          <div class="bloc_liens_categories"><img src="https://i58.servimg.com/u/f58/18/90/75/00/nouvea10.png" class="img_liens_cate" /><span id="nveauxmess"><br /><a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></span>
                <script type="text/javascript">document.getElementById('nveauxmess').innerHTML=document.getElementById('nveauxmess').innerHTML.replace(/Voir les nouveaux messages depuis votre dernière visite/,"Nouveaux messages");
                  </script>
          </div>
          <div class="bloc_liens_categories"><img src="https://i58.servimg.com/u/f58/18/90/75/00/vos_me10.png" class="img_liens_cate" /><span id="vosmess"><br /><a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></span>
                <script type="text/javascript">document.getElementById('vosmess').innerHTML=document.getElementById('vosmess').innerHTML.replace(/Voir ses messages/,"Vos messages");
                  </script>
          </div>
          <div class="bloc_liens_categories"><img src="https://i58.servimg.com/u/f58/18/90/75/00/sans_r10.png" class="img_liens_cate" /><span id="sansrep"><br /><a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></span>
                <script type="text/javascript">document.getElementById('sansrep').innerHTML=document.getElementById('sansrep').innerHTML.replace(/Voir les messages sans réponses/,"Messages sans réponses");
                  </script>
          </div>
          <div class="bloc_liens_categories"><img src="https://i58.servimg.com/u/f58/18/90/75/00/corbei10.png" class="img_liens_cate" /><span id="supprcate"><br /><!-- BEGIN switch_delete_cookies --><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a><!-- END switch_delete_cookies --></span>
                <script type="text/javascript">document.getElementById('supprcate').innerHTML=document.getElementById('supprcate').innerHTML.replace(/Supprimer les cookies du forum/,"Supprimer les cookies");
                  </script>
          </div>
          <div class="bloc_liens_categories"><img src="https://i58.servimg.com/u/f58/18/90/75/00/lus10.png" class="img_liens_cate" /><span id="forumlus"><br /><!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
         <!-- END switch_user_logged_in --></span>
                <script type="text/javascript">document.getElementById('forumlus').innerHTML=document.getElementById('forumlus').innerHTML.replace(/Marquer tous les forums comme lus/,"Marquer les forum comme lus");
                  </script>
          </div>

   </div>
  <div class="clear"></div>
           
    <!-- BEGIN catrow --><!-- BEGIN tablehead -->

    <div class="cate_titre">{catrow.tablehead.L_FORUM}</div>
  <div class="clear"></div>


    <!-- END tablehead -->
    <!-- BEGIN cathead -->


    <!-- END cathead -->
    <!-- BEGIN forumrow -->
   

    <div class="forum_bloc">
    <div class="forum">
      <div class="bloc_mess_sujets">{catrow.forumrow.TOPICS} Sujets</div> <div class="bloc_mess_sujets">{catrow.forumrow.POSTS} Messages</div>
      <div id="description_forum">{catrow.forumrow.FORUM_DESC}</div>
     
     
    <!-- BEGIN avatar -->
            <span class="ava_dernier">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
      <!-- END avatar -->  <div class="stats_lastpost"><span class="lastpost">{catrow.forumrow.LAST_POST}</span></div>
     
      <br />
      <div class="forum_categories">
      <a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
      </div>
     
      <div class="clear"></div>
   
      <div class="sous_forum">
        <span class="sforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
        <span class="ouverture_sousforum">Voir les sous-forum</span>
      </div>
     
    </div>
    </div>


    <!-- END forumrow -->
    <!-- BEGIN catfoot -->

    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->

    <!-- END tablefoot --><!-- END catrow -->
  <div class="clear"></div>
</div>

Mer 10 Mai - 22:50

Merci bcp =D

Jeu 11 Mai - 8:28

Ca fonctionne ?
Par contre j'ai vraiment rien trouvé pour l'avatar qui change selon le nouveau message ... désolée :/

Jeu 11 Mai - 16:59

Bonjour,

Cela fonctionne parfaitement. Je te remercies & pas de souci pour l'avatar.

Jeu 11 Mai - 18:55

Je verrouille alors :D
Et merci de me laisser poster le code en LS, c'est gentil ♥