Le Deal du moment :
Fnac : 2 Funko Pop achetées : le 3ème ...
Voir le deal

Demande

Demande Empty Mar 18 Juil - 15:00
Bonjour dame Skaemp,
J'espère que vous vous portez bien.

Je vois que vous n'acceptez actuellement plus de commandes et j'ai bien lu les divers messages disant qu'aucune réouverture n'est programmée.
Une de mes co-admin avait déjà passé commande auprès de vous et vous aviez vraiment fait un travail magnifique. C'est pour cela que j'espérais pouvoir à nouveau profiter de vos talents.
Je tente tout de même tenter ma chance et vous laisse ci-dessous les éléments de ma demande dans le faible espoir que vous considérerez ma prière et acceptiez de faire une exception.

Bien cordialement,
Addy

Spoiler:
Revenir en haut Aller en bas
Demande Empty Mer 19 Juil - 8:55
Bonjour,

Peu sensible à la supplique, une réouverture temporaire ayant néanmoins été préalablement planifiée pour cette fin de semaine vous serez donc exaucé.

Remplacez l'intégralité du template index_box par :

Code:
<table width="760px" border="0" cellspacing="0" 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 -->
    <div class="tleCAT">{catrow.tablehead.L_FORUM}</div>
    <div class="mdlCAT"><!-- END tablehead -->

    <!-- BEGIN cathead -->
    <!-- END cathead -->
   
    <!-- BEGIN forumrow -->
    <div class="FRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="boxFRM"><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script><div class="triLDESC"></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="triRDESC"></div><div class="imgFRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" /></div><div class="lmsgFRM"><div class="nbFRM">{catrow.forumrow.TOPICS} sujets ● {catrow.forumrow.POSTS} messages</div>{catrow.forumrow.LAST_POST}</div></div></div>   
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
    </div>
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT{
margin:10px auto 0;
width:760px; padding:20px 0; text-align:center;
background:url(); /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0;
font-size:32px; font-family:Arial; text-transform:uppercase; letter-spacing:3px;
color:white; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT{
margin:auto; width:760px; padding:5px 0 15px;
background:#262938; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:0 auto 10px; width:740px;
font-family:Arial; text-align:center;
}
/* BLOC TITRE FORUM */
.tleFRM {
margin:auto; padding:5px 0 5px 125px;
font-style:italic; text-align:left; font-size:14px;
}
/* TITRE FORUM */
.tleFRM a{
color:#9D343B !important; /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top; margin-right:10px;
width:130px; height:57px; padding:3px 5px 0; overflow:hidden;
text-align:left; font-size:10px; text-transform:uppercase; line-height:11px;
background:#7C5164; /* MODIFIABLE */
}
.sfFRM:hover {
overflow:auto;
}
/* SOUS-FORUMS */
.sfFRM a{
color:white !important; /* MODIFIABLE */
}
/* TRIANGLE SOUS-FORUMS */
.sfFRM::before {
content:''; position:absolute; margin-left:135px; margin-top:-3px;
width:0; height:0; border-style:solid; border-width:60px 25px 0 0; border-color:transparent;
border-top-color:#7C5164; /* MODIFIABLE */
}
/* TRIANGLE GAUCHE DESCRIPTION FORUM */
.triLDESC {
display:inline-block; vertical-align:top; width:0; height:0;
border-style:solid; border-width:0 0 60px 25px; border-color:transparent;
border-bottom-color:#7C5164; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top;
width:310px; height:50px; padding:5px 0; overflow:hidden;
font-size:10px; text-align:justify; line-height:13px;
background:#7C5164; color:white; /* MODIFIABLE */
}
.descFRM:hover {
width:305px; padding-right:5px; overflow:auto;
}
/* TRIANGLE DROITE DESCRIPTION FORUM */
.triRDESC {
display:inline-block; vertical-align:top;
width:0; height:0; border-style:solid; border-width:60px 25px 0 0; border-color:transparent;
border-top-color:#7C5164; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; vertical-align:top;
width:55px; height:60px;
}
.imgFRM img{
margin-left:-25px; margin-top:-5px;
}
/* TRIANGLE DERNIER MESSAGE FORUM */
.lmsgFRM::before {
content:''; position:absolute; margin-top:-5px; margin-left:-25px;
width:0; height:0; border-style:solid; border-width:0 25px 60px 0; border-color:transparent;
border-right-color:#7C5164; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:140px; height:55px; padding-top:5px; overflow:hidden;
text-align:left; font-size:9px; line-height:11px;
background:#7C5164; color:white; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
margin-bottom:5px; text-transform:uppercase;
}
/* TITRE DERNIER MESSAGE FORUM */
.lmsgFRM a {
text-transform:uppercase;
color:white !important; /* MODIFIABLE */
}

Forme des icônes du forum :
Demande ImgFRM
Revenir en haut Aller en bas
Demande Empty Mer 19 Juil - 9:52
Bonjour dame Skaemp,

Si telle est la situation je suis ravie d'être tombée au bon moment.
Je vous remercie pour votre code. Je viens de le tester et je rencontre quelques soucis. Je vous montre une capture d'écran du résultat.

https://i.servimg.com/u/f11/19/09/33/21/cate_t10.png
L'image de zone se trouve au-dessus de la description et non dans le triangle prévu à cet effet.

J'ai également une disparition des groupes de catégories. Comme vous pourrez le voir dans le screen ci-dessus des catégories dans mon panneau d'administration, le cadre titre « L'institut » devrait séparer les parties « le carnet de vie » et « le manoir » or il n'apparaît pas.
https://i.servimg.com/u/f11/19/09/33/21/caty_a10.png

Est-il également possible que le titre des catégories commence au-dessus du début du second cadre ?

Merci de nouveau pour votre code et navrée de vous déranger encore une fois.
Bonne journée,
Addy
Revenir en haut Aller en bas
Demande Empty Jeu 20 Juil - 8:25
Veuillez me pardonner cette regrettable confusion ; nos qualifications respectives des divers éléments constituant une catégorie diffèrent significativement.

Remplacez l'intégralité du template index_box par :

Code:
<table width="760px" border="0" cellspacing="0" 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 -->
    <div class="tleCAT">{catrow.tablehead.L_FORUM}</div>
    <div class="mdlCAT"><!-- END tablehead -->

    <!-- BEGIN cathead -->
    <!-- END cathead -->
   
    <!-- BEGIN forumrow -->
    <div class="FRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="boxFRM"><div class="sfFRM">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script><div class="triLDESC"></div><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="triRDESC"></div><div class="boxDESC"><div></div></div><div class="lmsgFRM"><div class="nbFRM">{catrow.forumrow.TOPICS} sujets ● {catrow.forumrow.POSTS} messages</div>{catrow.forumrow.LAST_POST}</div></div></div>   
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
    </div>
    <!-- END tablefoot --><!-- END catrow -->

Partie CSS :
Code:
/* BLOC TITRE CATEGORIE */
.tleCAT{
margin:10px auto 0;
width:760px; padding:20px 0; text-align:center;
background:url(); /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0;
font-size:32px; font-family:Arial; text-transform:uppercase; letter-spacing:3px;
color:white; /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT{
margin:auto; width:760px; padding:5px 0 15px;
background:#262938; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:0 auto 10px; width:740px;
font-family:Arial; text-align:center;
}
/* BLOC TITRE FORUM */
.tleFRM {
margin:auto; padding:5px 0 5px 195px;
font-style:italic; text-align:left; font-size:14px;
}
/* TITRE FORUM */
.tleFRM a{
color:#9D343B !important; /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top; margin-right:10px;
width:130px; height:57px; padding:3px 5px 0; overflow:hidden;
text-align:left; font-size:10px; text-transform:uppercase; line-height:11px;
background:#7C5164; /* MODIFIABLE */
}
.sfFRM:hover {
overflow:auto;
}
/* SOUS-FORUMS */
.sfFRM a{
color:white !important; /* MODIFIABLE */
}
/* TRIANGLE SOUS-FORUMS */
.sfFRM::before {
content:''; position:absolute; margin-left:135px; margin-top:-3px;
width:0; height:0; border-style:solid; border-width:60px 25px 0 0; border-color:transparent;
border-top-color:#7C5164; /* MODIFIABLE */
}
/* TRIANGLE GAUCHE DESCRIPTION FORUM */
.triLDESC {
display:inline-block; vertical-align:top; width:0; height:0;
border-style:solid; border-width:0 0 60px 25px; border-color:transparent;
border-bottom-color:#7C5164; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top;
width:310px; height:50px; padding:5px 0; overflow:hidden;
font-size:10px; text-align:justify; line-height:13px;
background:#7C5164; color:white; /* MODIFIABLE */
}
.descFRM:hover {
width:305px; padding-right:5px; overflow-y:auto;
}
/* TRIANGLE DROITE DESCRIPTION FORUM */
.triRDESC {
display:inline-block; vertical-align:top;
width:0; height:0; border-style:solid; border-width:60px 30px 0 0; border-color:transparent;
border-top-color:#7C5164; /* MODIFIABLE */
}
/* BLOC IMAGE DESCRIPTIVE FORUM */
.boxDESC {
display:inline-block; vertical-align:top;
width:65px; height:60px;
}
/* TRIANGLE IMAGE DESCRIPTIVE FORUM */
.boxDESC div{
margin-left:-18px; margin-top:-5px;
width:0; height:0; border-style:solid;  border-width:0 35px 75px 35px; border-color:transparent;
border-bottom-color:#CCC; /* MODIFIABLE */
}
/* IMAGE DESCRIPTIVE FORUM */
.imgDESC {
position:absolute; margin-left:313px; margin-top:-20px; height:85px;
transform-style:preserve-3d; transform:rotateX(-5deg) rotateY(0deg); -webkit-transform:rotateX(-5deg) rotateY(0deg);
}
.imgDESC div, .imgDESC span, .imgDESC img {height:100%;}
.imgDESC span, .imgDESC img {display:block;}
.imgDESC div {
position:absolute; overflow:hidden; transform-style:preserve-3d;
}
.imgDESC span {
overflow:hidden;
transform:translateY(50%) rotate(30deg) skewY(30deg) scaleX(.865); -webkit-transform:translateY(50%) rotate(30deg) skewY(30deg) scaleX(.865);
}
.imgDESC img {
width:90px; transform:scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-50%);
-webkit-transform:scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-50%);
}
/* TRIANGLE DERNIER MESSAGE FORUM */
.lmsgFRM::before {
content:''; position:absolute; margin-top:-5px; margin-left:-30px;
width:0; height:0; border-style:solid; border-width:0 30px 60px 0; border-color:transparent;
border-right-color:#7C5164; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:135px; height:55px; padding-top:5px; overflow:hidden;
text-align:left; font-size:9px; line-height:11px;
background:#7C5164; color:white; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
margin-bottom:5px; text-transform:uppercase;
}
/* TITRE DERNIER MESSAGE FORUM */
.lmsgFRM a {
text-transform:uppercase;
color:white !important; /* MODIFIABLE */
}

Image descriptive / image de zone :
Code à placer avant le texte descriptif

Code:
<div class="imgDESC"><div><span><!-- IMAGE --><img src="image.png" /></span></div></div>

Quant à la séparation des catégories :
Panneau d'administration > Affichage > Page d'accueil > Structure et hiérarchie

Demande CATHIER
Revenir en haut Aller en bas
Demande Empty Jeu 20 Juil - 12:32
Merci beaucoup pour vos codes et vos explications. C'est parfait.
En vous souhaitant une bonne journée,
Addy
Revenir en haut Aller en bas
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum