Bonjour! ^^
Alors en fait, j'ai installé le tuto de catégorie Las Vegas sur mon forum. Voici le tuto: https://www.never-utopia.com/t54589p25-categories-las-vegas-phpbb2
Tout est nickel, sauf que je ne vois pas les sous-forums en bas là où on voit les liens des sous-forums avec les étoiles. Le code a bien été installé, mais le problème en fait, c'est que je ne sais pas où et ce que je dois mettre pour voir les liens de mes sous-forums. ( Oui, je sais je suis nuuuulle. XD )
Voici mon forum : https://www.never-utopia.com/t54589p25-categories-las-vegas-phpbb2
Normalement, on doit voir les liens avec les petites étoiles comme ça: https://2img.net/r/hpimg15/pics/655322nuitas.png
Voici mon CSS:
Mon index_box:
et le code que je dois mettre dans la description de chaque sous-forum:
Je remercie celui ou celle qui voudra bien m'aider.
Alors en fait, j'ai installé le tuto de catégorie Las Vegas sur mon forum. Voici le tuto: https://www.never-utopia.com/t54589p25-categories-las-vegas-phpbb2
Tout est nickel, sauf que je ne vois pas les sous-forums en bas là où on voit les liens des sous-forums avec les étoiles. Le code a bien été installé, mais le problème en fait, c'est que je ne sais pas où et ce que je dois mettre pour voir les liens de mes sous-forums. ( Oui, je sais je suis nuuuulle. XD )
Voici mon forum : https://www.never-utopia.com/t54589p25-categories-las-vegas-phpbb2
Normalement, on doit voir les liens avec les petites étoiles comme ça: https://2img.net/r/hpimg15/pics/655322nuitas.png
Voici mon CSS:
- Spoiler:
- Code:
/***** DÉBUT PA *******/
#contour_pa {
position: relative;
width: 600px;
height: 600px;
margin: auto;
}
/* Mise en forme du triangle du haut. */
#triangle_haut_pa {
width: 0;
height: 0;
border-left: 300px solid transparent;
border-right: 300px solid transparent;
/* Ici détermine la couleur du triangle. */
border-bottom: 150px solid #cccbcd;
}
/* Mise en forme et placement du bienvenue. */
#bienvenue_pa {
position: absolute;
top: 120px;
left: 0;
/* Empêche le retour à la ligne. */
white-space: nowrap;
width: 600px;
text-align: center;
/* Police du titre.*/
font-family: 'Alfa Slab One', cursive;
font-size: 22pt;
text-transform: uppercase;
/* Couleur et ombre du titre. */
color: white;
text-shadow: 1px 1px black;
}
/* Permet e placer les blocs du centre. */
#contour_centre_pa {
width: 100%;
height: 300px;
}
/* Div contenant le contexte. */
#contexte_pa {
width: 300px;
height: 100%;
float: left;
/* Couelur de fond du contexte */
background-color: white;
}
/* Permet d eplacer le staff & les news à droite. */
#gauche_pa {
width: 300px;
height: 100%;
float: left;
}
/* Div contenant le staff */
#staff_pa {
height: 50%;
width: 100%;
/* Couleur de fond du staff */
background-color: #BFBFBF;
}
/* Mise en forme de l'image du staff. Les images carrés sont redimmensionnées automatiquement, mais il FAUT qu'elles soeint carrées. */
.contour_staff_pa .img_staff_pa {
width: 50px;
border-radius: 50%;
opacity: 1;
transition: all 0.5s ease-in-out 0s;
}
/* Permet de réduire l'opacité de l'image du staff au passage de la souris. */
.contour_staff_pa:hover .img_staff_pa {
opacity: 0.5;
transition: all 0.5s ease-in-out 0s;
}
/* Permet de placer correctement les images du staff */
.contour_staff_pa {
position: relative;
display: inline-block;
margin: auto;
margin-left: 20px;
width: 50px;
height: 50px;
overflow: visible;
margin-top: 4px;
}
/* Mise en forme de l'Infobulle */
.contour_staff_pa div {
/* Placement de l'infobulle par rapport à l'image du staff. */
position: absolute;
top: 20px;
left: 20px;
/* Couleur de fond et d'écriture de l'infobulle. */
background-color: white;
color: black;
/* Largeur et hauteur de l'infobulle. */
width: 100px;
height: 50px;
overflow: auto;
text-align: center;
/* Bordure de l'infobulle. */
border: 2px solid black;
border-radius: 20px;
padding: 8px;
/* Permet de rendre l'infobulle invisible lorsque la souris n'est pas là. */
opacity:0;
transition: all 0.5s ease-in-out 0s;
z-index: 999;
visibility: hidden;
}
/* Fait apparaître l'infobulle du staff au passage de la souris ou au clic. */
.contour_staff_pa:hover div, .contour_staff_pa:focus div {
opacity:1;
transition: all 0.5s ease-in-out 0s;
visibility: visible;
}
/* Div contenant les news. */
#news_pa {
height: 50%;
width: 100%;
/* Couleur de fond des news. */
background-color: #898989;
}
/* Permet de créer le triangle du bas. */
#triangle_bas_pa {
width: 0;
height: 0;
border-left: 300px solid transparent;
border-right: 300px solid transparent;
/* La couleur du triangle est déterminée ici. */
border-top: 150px solid #cccbcd;
}
/* Mise en forme et placement du titre des Partenaires */
#partenaires_pa {
position: absolute;
bottom: 120px;
left: 0;
whitespace: no-wrap;
width: 600px;
text-align: center;
font-family: 'Alfa Slab One', cursive;
font-size: 22pt;
text-transform: uppercase;
color: white;
text-shadow: 1px 1px black;
}
/* Placement des partenaires. */
#position_part_pa {
position: absolute;
bottom: 60px;
left: 175px;
}
/* Permet de limiter la largeur et hauteur des partenaires. */
#partenaires_deroulement_pa {
position: relative;
width: 250px;
height: 50px;
overflow: hidden;
margin: auto;
}
/* Mise en forme des trois titres du centre. */
.titre_pa {
width: 100%;
text-align: center;
/* Police des titres. */
font-family: Georgia;
font-size: 20pt;
/* Couleur des titres */
color: black;
}
/* Mise en forme du contexte */
#contenu_conexte_pa {
width: 97%;
height: 85%;
padding: 5px;
text-align: justify;
font-size: 10pt;
overflow: auto;
}
/* Mise en forme des news. */
#contenu_news_pa {
width: 97%;
height: 70%;
padding: 5px;
text-align: justify;
font-size: 10pt;
overflow: auto;
}
/* Bloc de défilement des partenaires */
#marquee_pa {
height: 100%;
position: absolute;
top: 10px;
left: 0;
/* Modifier ici le nombre de secondes (les deux fois) pour accélérer ou ralentir le défilement. Plus le chiffre est gros, plus l'animation est lente. */
-webkit-animation: marqueelike 30s linear infinite;
animation: marqueelike 30s linear infinite;
white-space:nowrap;
}
/* Permet d'arrêter l'animation au passage de la souris */
#marquee_pa:hover {
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
/* Permettent tous deux le déplacement des partenaires, donc l'animation. Modifiez si nécessaire la seconde valeur (à 100%) */
@-webkit-keyframes marqueelike {
0% { -webkit-transform: translateX(280px); }
100% { -webkit-transform: translateX(-100%); }
}
@keyframes marqueelike {
0% { transform: translateX(280px); }
100% { transform: translateX(-100%); }
}
/***** FIN PA *******/
/*Profil et affichage de lavatar par Alu pour Never utopia */
.profilmembre {
border: 1px solid #a19388;
position:relative;
margin-right:10px;/*à adapter pour que la flèche noire ne morde pas le texte (augmenter)*/
background-color:#ABABAB;
}
.pseudo{
padding-top:4px;
width:200px;
height:31px;
background-color:#1C1C1C;
position:relative;
text-align:center;
color:#949046;
font:Josefin Slab, Georgia;
text-transform:uppercase;
}
.pseudo .name a{font-size:14px; font-weight:300;color:#737373 !important;}
.flecheprofil{
width:0px;
height:0px;
border:8px solid transparent;
border-left:25px solid #1C1C1C;
position:absolute;
top:10px;
left:200px;
}
.rang {
width:136px;
height:19px;
background-color: #1C1C1C;
font: 10px Josefin Slab, Georgia;
line-height:95%;
text-transform: uppercase;
color:#636363;
margin:-15px auto 5px auto;
padding:2px;
text-align:center;
position:relative;
z-index:2;
-moz-box-shadow: 0px 0px 8px 0px #656565;
-webkit-box-shadow: 0px 0px 8px 0px #656565;
-o-box-shadow: 0px 0px 8px 0px #656565;
box-shadow: 0px 0px 8px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=8);
}
.infoprofil{
position:absolute;
top:35px;
left:0;
background: rgba(0, 0, 0, 0.75);
opacity:0;
filter:alpha(opacity=0);
height:320px;
width:200px;
text-align:center;
font:13px sans-serif 500;
text-transform:uppercase;
color:#8A8A8A;
-moz-transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.infoprofil:hover{opacity:1; filter:alpha(opacity=100);}
.infoprofil .label span {
visibility:visible;
text-decoration:underline;
display:block;
background-color:rgba(0, 0, 0, 0.65);
color:#8A8A8A !important;
padding:5px;
margin: 5px 0 -5px 0;
}
.infoprofil .label{visibility:hidden;}
.infoprofilrep {
visibility:visible;
display:block;
background-color:rgba(0, 0, 0, 0.65);
padding:3px;
margin:-5px 0 -3px 0;
}
/*fin du profil ****************************************************/
/************************************************** DÉBUT DES CATÉGORIES **************************************************/
/*Bloc des forums*/
.cate_forum {
height: 200px;
width: 900px;
}
/*Bloc des titres des catégories*/
.cate_title {
width: 800px;
height: 75px;
margin: auto;
text-align: center;
text-transform: uppercase;
background-repeat: no-repeat;
background-position: top center;
margin-bottom: -10px;
}
/*Titres des catégories*/
.cate_title h2 {
display: block;
height: 60px;
margin: 0px;
font-family: "Alfa Slab One";
font-size: 45px;
text-transform: uppercase;
letter-spacing: 1px;
color: #272744;
}
.cate_title h2 img {
margin-top: -25px;
margin-left: 20px;
}
.cate_title h2 span {
display: none;
}
a.nav img {
display: none;
}
/*Bloc des catégories*/
.categorie_bloc {
background-color: #0C0C1C;
width: 900px;
margin: auto;
margin-bottom: 10px;
padding-top: 50px;
padding-bottom: 1px;
font-family: "abeatbykai", sans-serif;
font-size: 12px;
letter-spacing: 1px;
color: #272744;
}
/*Image Old New Lock*/
.old_new_lock {
float: left;
margin-left: -70px;
margin-top: -120px;
}
/*Bloc complet du milieu*/
.categorie_forum_milieu {
position: relative;
float: left;
margin-top: 10px;
margin-left: 65px;
margin-right: 15px;
width: 750px;
height: 140px;
padding: 10px;
padding-top: 17px;
background-color: #111124;
}
/*Titres des forums*/
.forumlink {
position: absolute;
margin-top: -15px;
margin-left: 15px;
z-index: 2;
height: 50px;
font-size: 35px;
text-transform: uppercase;
font-family: 'Alfa Slab One', cursive;
color: #272744!important;
font-weight: normal;
}
/*Titres survolés des forums*/
.forumlink:hover {
color: #6D6DAB!important;
text-decoration: none!important;
}
/*Désactiver les images des titres*/
.forumlink img {
display: none;
}
/*MISE EN FORME DESCRIPTION*/
.description {
font-size: 11px;
line-height: 11px;
text-align: justify;
position: relative;
padding: 15px;
height: 70px;
width: 430px;
overflow-y: auto;
padding-right: 5px;
margin-top : 40px;
}
.losange {
height: 80px;
width: 80px;
float: right;
margin-right: -280px;
margin-top: 40px;
border: 5px solid #0C0C1C;
background: #0C0C1C;
-ms-transform: rotate(45deg); /* Internet Explorer */
-moz-transform: rotate(45deg); /* Firefox */
-webkit-transform: rotate(45deg); /* Safari et Chrome */
-o-transform: rotate(45deg); /* Opera */
}
/*Bloc des sous forums*/
.sous_forum_lien {
font-size: 11px;
line-height: 11px;
text-align: justify;
position: relative;
margin-top : -25px;
margin-left: -10px;
overflow: auto;
height: 17px;
width: 400px;
background-color: #111124;
}
/*Bloc des statistiques et du dernier message*/
.categorie_forum_stat {
position: relative;
float: left;
margin-top: 10px;
width: 160px;
height: 70px;
padding: 5px;
text-align: center;
}
/*Statistiques*/
.forum_last_stats {
margin-left: 3px;
margin-right: 3px;
padding-bottom: 3px;
font-size: 25px;
font-family: "Abril Fatface";
color: #37A03F;
}
/*Police du dernier message*/
.forum_last_mess, .forum_last_mess a.gensmall {
font-size: 11px;
font-family: "abeatbykai", sans-serif;
}
/*Couleur des liens du dernier message*/
.forum_last_mess a {
color: #37A03F;
}
/*Les barres de défilement dans les catégories*/
.forum_desc::-webkit-scrollbar {height:11px; width:6px; background:none; margin-right:5px;}
.forum_desc::-webkit-scrollbar-thumb {background:rgba(241,163,189,1); height:30px; border-radius:30px;}
.forum_desc::-webkit-scrollbar-corner {background:none;}
/*Retirer les soulignements*/
a { text-decoration: none; }
/************************************************** FIN DES CATÉGORIES **************************************************/
Mon index_box:
- Spoiler:
- Code:
<link href='http://fonts.googleapis.com/css?family=Abril+Fatface|Oswald|Bree+Serif|Alfa+Slab+One|Covered+By+Your+Grace|Dancing+Script'rel='stylesheet' type='text/css'>
<table>
<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="cate_title">
{catrow.tablehead.L_FORUM}
</div>
<div class="categorie_bloc">
<!-- END tablehead -->
<!-- BEGIN cathead -->
<!-- END cathead -->
<!-- BEGIN forumrow -->
<div class="cate_forum">
<div class="categorie_forum_milieu">
<table _moz_resizing="true" border="0">
<tbody>
<tr>
<td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
{catrow.forumrow.FORUM_DESC}
<br />
</td>
<td><div class="categorie_forum_stat">
<div class="forum_last_stats">
{catrow.forumrow.TOPICS} • {catrow.forumrow.POSTS}
</div>
<div class="forum_last_mess">
{catrow.forumrow.LAST_POST}
</div>
</div></td><td>
<img class="old_new_lock" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /><br />
</td>
</tr>
</tbody>
</table>
<div class="sous_forum_lien">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
</div>
</div>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</div>
<!-- END tablefoot -->
<!-- END catrow -->
et le code que je dois mettre dans la description de chaque sous-forum:
- Spoiler:
- Code:
<div class="losange">
<img src="http://www.pixenli.com/images/1427/1427468682011529000.png" class="imgforum" />
</div>
<div class="description">
et quosdam obterens manicis, crimina scilicet multa consarcinando a veritate longe discreta. unde admissum est facinus impium, quod Constanti tempus nota inusserat sempiterna. Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu. et quosdam obterens manicis, crimina scilicet multa consarcinando a veritate longe discreta. unde admissum est facinus impium, quod Constanti tempus nota inusserat sempiterna. Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu.
</div>
Je remercie celui ou celle qui voudra bien m'aider.
Dernière édition par .pinkrocks le Mar 22 Mar 2016 - 13:51, édité 1 fois
