Modifications des forums (Description)
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Modifications des forums (Description)
Bonjours, Bonsoir :]
Comme le dit le titre j'aimerais savoir comment modifier les forums comme ci-dessous:
Voilà mon CSS, si besoin:
Si vous avez des questions, j'y répondrais :]
Merci a celui/ceux qui m'aidera/ont !
Merci d'Avance,
Etoile du Tonnerre.
Comme le dit le titre j'aimerais savoir comment modifier les forums comme ci-dessous:
- Spoiler:
Voilà mon CSS, si besoin:
- Code:
/* ------------------ QEEL TEXTES MODIFIER ---------------- */
/* DIV CONTENANT LE TOUT */
#qeel_all{
position: relative;
width: 100%;
margin: auto;
padding: 0;
text-shadow: 0px 1px 0px #000;
}
/* TABLE DU QEEL */
#qeel_tfa{
width: 100%;
background: url('http://img15.hostingpics.net/pics/645368Evangeline.png') no-repeat transparent top center;
border: 1px solid #404040;
-webkit-border-radius:15px;
-moz-border-radius: 15px;
border-radius: 15px;
margin: 10px auto;
}
/* CELLULE CONTENANT LE TITRE */
td #top_title_tfa{
font-family: 'Georgia', cursive;
font-size: 48px;
text-shadow: 4px 4px 4px #aaa;
}
/* CONFIGURATION DES TEXTES MODIFIER */
#TFA, #TFA1, #TFA2, #TFA3, #TFA4, #TFA5, #TFA6, #TFA7, #TFA8{
font: bold 14px The Girl Next Door;
}
#TFA6{
width: 100%;
font: 14px Indie Flower;
font-weight: bold;
}
#qeel_tfa td .row1{
background: transparent;
}
/* PARTIE DE GAUCHE */
.qeel_gauche{
background: url('http://img15.hostingpics.net/pics/965223Sanstitre1.png') transparent;
border: 1px solid #303030;
padding: 10px;
margin: 8px 8px 8px 0;
-webkit-border-radius:0 15px 15p 0x;
-moz-border-radius:0 15px 15px 0;
border-radius: 0 15px 15px 0;
}
/* PARTIE DE DROITE */
.qeel_droite{
background: url('http://img15.hostingpics.net/pics/965223Sanstitre1.png') transparent;
border: 1px solid #303030;
padding: 10px;
margin: 8px 0 8px 8px;
-webkit-border-radius: 15px 0 0 15px;
-moz-border-radius:15px 0 0 15px;
border-radius: 15px 0 0 15px;
}
/* DERNIERS CONNECTES */
#derniers_connecte{
height: 100px;
overflow-y: auto;
}
#derniers_connecte .gensmall{
font: bold 14px The Girl Next Door;
}
/* ANNIVERSAIRES */
#les_anniversaires{
position: relative;
width: 100%;
height: 100px;
overflow-y: auto;
}
#les_anniversaires span#TFA1{
display: block;
width: 100%;
}
#les_anniversaires span.gensmall{
font: bold 14px The Girl Next Door;
}
/* ---------------- LES GROUPES ------------------ */
/* TOUS LES GROUPES */
#les_groupes_all{
background: transparent;
width: 100%;
margin: 5px 0 0;
padding-left: 10px;
}
/* BOUTONS GROUPES */
#les_groupes a.group{
background: url('http://img15.hostingpics.net/pics/965223Sanstitre1.png') transparent;
border: 1px solid #303030;
height: 22px;
line-height: 22px;
vertical-align: center;
display: inline-block;
font: bold 18px The Girl Next Door;
margin: 3px 3px 0 3px;
padding: 3px;
text-decoration: none;
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
}
/* BOUTONS GROUPES AU SURVOL */
#les_groupes a.group:hover{
text-decoration: none;
text-transform: uppercase;
}
/* ---------- INFOBULLES GROUPES ----------- */
/* INFOBULLES */
.tfabulle{
position: relative;
float: left;
margin: 0;
padding: 0;
}
/* PARTIE MASQUEE DE L’INFOBULLE */
.in_bulle {
display: none;
margin: 0;
padding: 0;
}
/* INFOBULLES AU SURVOL */
.in_bulle:hover {
background: none;
z-index: 999;
}
/* CONFIGURATION-PARAMÈTRES DE L'INFOBULLE VISIBLE AU SURVOL */
.tfabulle:hover .in_bulle{
position: absolute;
width: 205px;
height: 146px;
display: block;
bottom: 15px;
left: 5px;
background: url('http://img15.hostingpics.net/pics/212131Sanstitre1.png') transparent no-repeat;
margin: 0;
padding: 0;
}
/* PARAGRAPHE DE L'INFOBULLE */
.in_bulle p{
width: 190px;
height: 116px;
margin: 0px auto;
padding: 0;
font: 12px Georgia;
text-align: left;
color: #000;
text-shadow: 0px 1px 0px #fff;
overflow: auto;
margin-top: 5px;
}
/* POLICE, COULEUR, ETC, DU TEXTE EN GRAS */
.in_bulle b{
font: 14px Georgia;
color: #CC0000;
}
/* LIENS DANS L'INFOBULLE */
.in_bulle p a{
color: #004575;
text-decoration: none;
text-shadow: 0px 1px 0px #000;
}
/* LIENS DANS L'INFOBULLE AU SURVOL */
.in_bulle p a:hover{
color: #a75300;
text-decoration: none;
}
/* ------------------------- ACCUEIL THEMES FA ------------------------ */
/* CONTENEUR PRINCIPAL */
.container_tfa_accueil {
width: 816px;
margin: 0 auto;
font: 12px Verdana;
color: #000;
}
/* LIENS */
.container_tfa_accueil a {
color: #0e50be;
text-decoration: none;
text-shadow: 0px 1px 0px #000;
}
/* LIENS AU SURVOL */
.container_tfa_accueil a:hover {
color: #be710e;
}
/* BARRE D'OUVERTURE */
h1.my_barre {
background: url(http://i45.servimg.com/u/f45/11/95/30/70/barre_23.png) no-repeat;
width: 816px;
height: 35px;
line-height: 35px;
vertical-align: middle;
font: bold 18px Verdana;
text-transform: uppercase;
letter-spacing: 3px;
padding: 0;
margin: 0;
margin-top: 5px;
}
/* TEXTE BARRE D'OUVERTURE */
h1.my_barre a {
display: block;
line-height: 35px;
vertical-align: middle;
color: #241000;
text-decoration: none;
outline: none;
margin: 0;
padding: 0 0 0 50px;
text-shadow: 0px 1px 0px #edd7a7;
}
/* TEXTE DE LA BARRE D'OUVERTURE AU SURVOL */
h1.my_barre a:hover {
color: #be710e;
text-shadow: 0px 1px 0px #000;
}
/* PREMIERE LETTRE DU TEXTE DE LA BARRE D'OUVERTURE */
h1.my_barre a:first-letter {
font: 25px Arial;
color: #0e50be;
text-shadow: 0px 1px 0px #000;
}
/* POSITION DE LA BARRE A L'ETAT ACTIF */
h1.plus {
background-position: left bottom;
}
/* BLOC DE CONTENU */
.my_contenu_accueil {
overflow: hidden;
font: 12px Arial;
width: 790px;
clear: both;
background: #f1e3ce;
border: 1px solid #a39361;
margin: 0 auto;
margin-bottom: 7px;
padding: 0;
-webkit-border-radius: 0px 0px 12px 12px;
-moz-border-radius: 0px 0px 12px 12px;
border-radius: 0px 0px 12px 12px;
}
/* DIV DU BLOC DE CONTENU PERMETTANT UN ESPACE */
.my_contenu_accueil .block {
padding: 10px;
}
/* PARAGRAPHE DU BLOC DE CONTENU */
.my_contenu_accueil .block p {
position: relative;
background-color: #fff;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
text-shadow: 0px 1px 1px #fff;
padding: 7px;
margin: 5px 0;
text-align: left;
}
/* TITRE DU BLOC DE CONTENU */
.my_contenu_accueil h2 {
width: 98%;
font: bold 20px Arial;
color: #0e50be;
margin-top: 5px;
padding: 0;
text-align: left;
border-bottom: 1px solid #be710e;
;
text-shadow: 0px 1px 0px #000;
}
/* PREMIERE LETTRE DU TITRE H2 */
.my_contenu_accueil h2:first-letter {
font: bold 22px Verdana;
color: #be710e;
text-shadow: 0px 1px 0px #000;
}
/* FOND BLANC A CERTAINS ENDROITS */
.fond_blanc {
position: relative;
background-color: #fff;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
text-shadow: 0px 1px 1px #fff;
padding: 7px;
margin: 5px;
}
/* --------------------- ELEMENTS DU PREMIER CONTENU ---------------- */
#a_pa_content {
width: 100%;
position: relative;
margin: 0 auto;
padding: 0;
}
/* PARTIE GAUCHE */
.pa_liens_staff {
float: left;
width: 50%;
margin: 0;
padding: 0;
}
/* --------------- NAVIGATION -------------- */
/* LISTE */
ul#tfa_nav {
display: block;
overflow: hidden;
margin: 10px auto 0px;
padding: 0;
}
/* ELEMENT DE LA LISTE */
ul#tfa_nav li {
position: relative;
background: #fff;
float: left;
height: 40px;
width: 94px;
list-style: none;
margin: 10px 1px 0 0;
}
/* LIEN DE LA LISTE */
ul#tfa_nav li a {
position: relative;
display: block;
overflow: hidden;
width: 94px;
height: 40px;
text-align: center;
font: 18px Arial;
color: #0e50be;
text-shadow: 0px 1px 0px #000;
text-decoration: none;
margin: 0;
padding: 0px;
}
/* IMAGE DE LA LISTE - est l'image qui coulisse */
ul#tfa_nav li img {
position: absolute;
top: 0;
left: 0;
border: 0;
}
/* SPAN - contient le texte */
ul#tfa_nav li span {
display: bloc;
width: 94px;
height: 40px;
line-height: 40px;
vertical-align: middle;
}
/* ------------------ CODES STAFF ----------------- */
/* PARTIE SLIDE */
.tfa_staff_code {
width: 170px;
margin: 0 auto;
padding: 0;
position: relative;
overflow: hidden;
}
.tfa_staff_code div {
width: 170px;
margin: 0 auto;
padding: 0;
text-align: center;
}
/* LE TITRE */
#staff_code_TFA h1 {
font-weight: bold;
font: bold italic 16px Georgia;
width: 100%;
text-align: center;
color: #0e50be;
margin: 4px auto;
}
/* PLACER LES ICONES AVANT-APRES */
#prevx {
position: absolute;
top: 60px;
left: 10px;
cursor: pointer;
}
#nextx {
position: absolute;
top: 60px;
right: 10px;
cursor: pointer;
}
/* STAFF */
/* BLOC DE CONTENU */
#staff_code_TFA {
position: relative;
width: 300px;
margin: 10px auto;
padding: 5px;
background: #fff;
border: 1px solid #a39361;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
/*CADRE AFFICHANT LES INFOS DU STAFF */
.info_staff {
width: 200px;
margin: 7px auto;
padding: 5px;
border: 1px solid #a39361;
background: #e5dfcb;
text-align: left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#staff_code_TFA .info_staff p {
margin: 0 auto;
padding: 0;
background-color: transparent !important;
font: 10px Arial;
color: #000;
}
.info_staff a {
font-size: 12px;
}
/* PARTIE A DROITE */
.pa_news {
float: right;
width: 50%;
margin: 0;
padding: 0;
}
/* EMPLACEMENT DU LIEN - lire la suite */
.liens_pa_bas {
width: 100%;
text-align: right;
display: block;
margin: 0;
padding: 0;
}
/* PARTIE SLIDE POTINS */
#potins_tfa_slide {
width: 370px;
position: relative;
overflow: hidden;
margin: 7px auto 0px;
}
#potins_tfa_slide p {
width: 370px;
cursor: pointer;
margin: auto;
padding: 5px;
}
/* --------------------- ELEMENTS DEUXIEME CONTENU ---------------- */
/* PARTIE EVENEMENT DE GAUCHE */
.new_event {
float: left;
width: 30%;
margin: 0;
padding: 0;
}
/* SLIDE EVENEMENT */
#pa_evenement {
width: 100%;
margin: 0 auto;
padding: 0;
position: relative;
overflow: hidden;
}
#pa_evenement div {
width: 100%;
margin: 0 auto;
text-align: center;
padding: 0;
position: relative;
}
#pa_evenement p {
margin: 5px;
}
/* PLACER LES ICONES AVANT-APRES */
#prev {
display: block;
width: 29px;
height: 20px;
margin: 1px auto;
padding: 0;
cursor: pointer;
}
#next {
display: block;
width: 29px;
height: 20px;
margin: 1px auto;
padding: 0;
cursor: pointer;
}
/* PARTIE CONCOURS DE DROITE */
.concours {
float: right;
width: 70%;
margin: 0;
padding: 0;
text-align: center;
}
/* SLIDE CONCOURS */
#slide_concours {
width: 330px;
text-align: center;
margin: 0 auto;
padding: 0;
position: relative;
overflow: hidden;
}
#slide_concours div {
width: 317px;
height: 120px;
margin: 0 auto;
text-align: center;
padding: 0;
position: relative;
}
#slide_concours h3 {
font: 14px Verdana;
color: #0e50be;
margin: 5px;
padding: 0;
text-shadow: 0px 1px 0px #000;
}
/* PREMIERE LETTRE DU TITRE H3 */
#slide_concours h3:first-letter {
font: 16px Arial;
color: #be710e;
text-shadow: 0px 1px 0px #000;
}
/* PLACER LES ICONES AVANT-APRES */
#prev0 {
position: absolute;
top: 60px;
left: 30px;
cursor: pointer;
}
#next0 {
position: absolute;
top: 60px;
right: 30px;
cursor: pointer;
}
/* --------------------- ELEMENTS DU TROISIEME CONTENU ---------------- */
/* CONTENEUR */
#all_part {
width: 100%;
margin: 0 auto;
padding: 0;
position: relative;
}
/* PARTIE DE GAUCHE */
#parts_gauche {
width: 70%;
margin: 0 auto;
padding: 0;
float: left;
}
/* PARTIE DE DROITE */
#parts_droite {
width: 30%;
margin: 0 auto;
text-align: center;
padding: 0;
float: right;
}
/* LES PARTENAIRES */
.pa_partenaires {
width: 464px;
margin: 10px auto;
padding: 0;
position: relative;
overflow: hidden;
}
.pa_partenaires div {
width: 464px;
margin: 0 auto;
text-align: center;
padding: 0;
position: relative;
}
.pa_partenaires div img {
width: 88px;
height: 31px;
margin: 1px;
border: none;
}
/* PLACER LES ICONES AVANT-APRES */
#prev1 {
position: absolute;
top: 20px;
left: 8px;
cursor: pointer;
}
#next1 {
position: absolute;
top: 20px;
right: 8px;
cursor: pointer;
}
/* LES VOTES */
.pa_votes {
width: 275px;
margin: 5px auto;
padding: 0;
position: relative;
overflow: hidden;
}
.pa_votes div {
font-size: 16px;
font-style: Italic;
width: 275px;
margin: 0 auto;
text-align: center;
padding: 0;
position: relative;
}
.pa_votes div img {
width: 40px;
margin: 1px;
border: none;
}
/* PLACER LES ICONES AVANT-APRES */
#prev2 {
position: absolute;
top: 17px;
left: 20px;
cursor: pointer;
}
#next2 {
position: absolute;
top: 17px;
right: 20px;
cursor: pointer;
}
/* --------- BEST PARTNER ----- */
/* SLIDE */
.best_partner {
width: 88px;
height: 110px;
margin: 0 auto;
padding: 0;
position: relative;
overflow: hidden;
}
.best_partner div {
width: 88px;
margin: 2px auto;
padding: 0;
position: relative;
}
.best_partner div img {
margin: 2px auto;
}
/* PLACER LES ICONES AVANT-APRES */
#prev3 {
display: block;
width: 29px;
height: 20px;
margin: 1px auto;
padding: 0;
cursor: pointer;
}
#next3 {
display: block;
width: 29px;
height: 20px;
margin: 1px auto;
padding: 0;
cursor: pointer;
}
/* LES FORUMS DU STAFF */
/* SLIDE FORUM STAFF */
#slide_forum_staff {
width: 468px;
height: 60px;
margin: 0 auto;
padding: 0;
position: relative;
overflow: hidden;
}
/* LIEN SLIDE */
#slide_forum_staff a {
text-decoration: none;
}
/* BANIERES DU SLIDE */
#slide_forum_staff a img {
width: 468px;
height: 60px;
margin: 0 auto;
padding: 0;
}
#slide_forum_staff .pics {
width: 468px;
height: 60px;
padding: 0;
margin: 0;
}
#slide_forum_staff .pics img {
width: 468px;
height: 60px;
top: 0;
left: 0
}
/* PLACER LES ICONES AVANT-APRES */
#prev4 {
position: absolute;
top: 27px;
left: 60px;
cursor: pointer;
}
#next4 {
position: absolute;
top: 27px;
right: 60px;
cursor: pointer;
}
/* --------------------- ELEMENTS DU QUATRIEME CONTENU ---------------- */
/* CONTENEUR DE GAUCHE ET DROITE */
#all_bonus {
width: 100%;
margin: 0 auto;
padding: 0;
position: relative;
}
/* CONTENEUR DE GAUCHE */
#gauche_bonus {
width: 60%;
margin: 0 auto;
padding: 0;
float: left;
}
/* CONTENEUR DE DROITE */
#droite_bonus {
width: 40%;
margin: 0 auto;
padding: 0;
float: right;
}
#all_bonus p {
margin: 5px;
}
#gauche_bonus p {
margin: 5px auto;
position: relative;
text-align: center;
}
.transparence {
background-color: transparent;
border: none;
opacity: 0.5;
}
.transparence:hover{
background-color: transparent;
border: none;
opacity: 2;
}
.pun table.table th {
padding: 0.5em 0;
border-style: dotted;
border-color: #couleur;
background-image: url('adresse de l'image');
}
.pun table.table td {
padding: 0.6em 0 0.7em;
border-width: 1px;
border-style: dotted none none dotted;
line-height: 130%;
background-color: #couleur;
background-image: url('adresse de l'image');
border-color: #couleur;
}
.row1{
background-image: url("http://img4.hostingpics.net/pics/394443SCREEN.png");
background-repeat: repeat;
}
.row2{
background-image: url("http://img4.hostingpics.net/pics/394443SCREEN.png");
background-repeat: repeat;
}
.row3{
background-image: url("http://img4.hostingpics.net/pics/394443SCREEN.png");
background-repeat: repeat;
}
.row3Right{
background-image: url("http://img4.hostingpics.net/pics/394443SCREEN.png");
background-repeat: repeat;
}
.haut{
background: url("http://i47.servimg.com/u/f47/14/47/99/84/sdsd12.png") no-repeat transparent;
height: 150px;
border:0;
}
.bas{
background: url("http://img4.hostingpics.net/pics/399882dsdsd.png") no-repeat transparent;
height: 12px;
border:0;
}
Si vous avez des questions, j'y répondrais :]
Merci a celui/ceux qui m'aidera/ont !
Merci d'Avance,
Etoile du Tonnerre.
Dernière édition par Etoile du tonnerre le Dim 22 Jan 2012 - 9:57, édité 3 fois
Re: Modifications des forums (Description)
Bonjour,
Avez-vous modifié le template Index_box? Si oui pourriez-vous nous le donner?
Cordialement.
Avez-vous modifié le template Index_box? Si oui pourriez-vous nous le donner?
Cordialement.
Invité- Invité
Re: Modifications des forums (Description)
Le voici:
- 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 width="100%" border="0" cellspacing="0" cellpadding="0"><tr>
<td width="200"><div style="width:300px;"></div></td> <td colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </td>
</tr></table><div class="haut"></div><table class="forumline" width="94%" border="0" cellspacing="1" cellpadding="0">
<!-- 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"> </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">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>
<td class="row3" align="center" valign="middle" height="50" width="50"><div style="width:50;">
<span class="gensmall">{catrow.forumrow.TOPICS}</span>
</td>
<td class="row2" align="center" valign="middle" height="50" width="50"><div style="width:50px;">
<span class="gensmall">{catrow.forumrow.POSTS}</span>
</td>
<td class="row3 over" align="center" valign="middle" height="50" width="150"><div style="width:150px;">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><div class="bas"></div><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Re: Modifications des forums (Description)
Bonjour,
Il va falloir remplacer toute cette partie ci-dessous dans votre template:
Cordialement.
Il va falloir remplacer toute cette partie ci-dessous dans votre template:
- Code:
<!-- END inc -->
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>
<td class="row3" align="center" valign="middle" height="50" width="50"><div style="width:50;">
<span class="gensmall">{catrow.forumrow.TOPICS}</span>
</td>
<td class="row2" align="center" valign="middle" height="50" width="50"><div style="width:50px;">
<span class="gensmall">{catrow.forumrow.POSTS}</span>
</td>
<td class="row3 over" align="center" valign="middle" height="50" width="150"><div style="width:150px;">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
</td>
</tr>
<!-- END forumrow -->
- Code:
<!-- END inc -->
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<table style="margin:0; width:100%"><tr>
<td class="icones" width="180" align="center" valign="middle">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
<br />
<span class="gensmall">{catrow.forumrow.LAST_POST}<br />
{catrow.forumrow.TOPICS} sujets et {catrow.forumrow.POSTS} messages</span>
</td>
<td class="descrip">
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>
</tr>
</table>
</td>
</tr>
<!-- END forumrow -->
- Code:
.icones{
border-top-left-radius: 80px;
border-bottom-left-radius: 80px;
background-color: #fff;
padding: 10px;
height: 120px;
}
.descrip{
border-top-right-radius: 80px;
border-bottom-right-radius: 80px;
background-color: #fff;
padding: 10px;
height: 120px;
}
a.forumlink{
display: block;
text-align: center;
margin-bottom: -20px;
font-size: 16px;
}
Cordialement.
Invité- Invité
Re: Modifications des forums (Description)
Merci
Il y a un petit problème... Dès que j’enregistre les modifications de mon template sa m'affiche sa:
"Erreur
La balise a été fermée avant d'avoir été ouverte ou la balise n'a pas été ouverte." :/
Il y a un petit problème... Dès que j’enregistre les modifications de mon template sa m'affiche sa:
"Erreur
La balise a été fermée avant d'avoir été ouverte ou la balise n'a pas été ouverte." :/
Re: Modifications des forums (Description)
Bonjour,
Je viens de refaire la manipulation, et je rencontre pas ce soucis.
Cordialement.
Je viens de refaire la manipulation, et je rencontre pas ce soucis.
Cordialement.
Invité- Invité
Re: Modifications des forums (Description)
Merci sa marche !
Mais plus rien ne s'affiche ! O.O
Plus de PA, plus de QEEL... Que la Bannière et les catégories :/
Mais plus rien ne s'affiche ! O.O
Plus de PA, plus de QEEL... Que la Bannière et les catégories :/
Re: Modifications des forums (Description)
Vous n'auriez pas modifié l'index_body au lieu de l'index_box?
Cordialement.
Cordialement.
Invité- Invité
Re: Modifications des forums (Description)
Alala je suis tête en l'air >.<'
Deux petites choses si sa ne vous dérange pas
1 ~> Comment faire pour mettre une "Ombre" autour des descriptions et de l'affichage de "Non new/New/Lock" ?
2 ~> Voilà:
J'ai un problème avec l'image "Administration". J'aimerais qu'elle soit plus rapprocher de l'image juste en dessous... Je n'ai pas trouver comment faire :/
Deux petites choses si sa ne vous dérange pas
1 ~> Comment faire pour mettre une "Ombre" autour des descriptions et de l'affichage de "Non new/New/Lock" ?
2 ~> Voilà:
J'ai un problème avec l'image "Administration". J'aimerais qu'elle soit plus rapprocher de l'image juste en dessous... Je n'ai pas trouver comment faire :/
Re: Modifications des forums (Description)
Bonsoir,
Pour ajouter une ombre, il faut ajouter la propriété box-shadow dans votre CSS pour les class icones et descrip:
Pour ajouter une ombre, il faut ajouter la propriété box-shadow dans votre CSS pour les class icones et descrip:
- Code:
.icones{
border-top-left-radius: 80px;
border-bottom-left-radius: 80px;
background-color: #fff;
padding: 10px;
height: 120px;
box-shadow: 2px 2px 10px #000;
-webkit-box-shadow: 2px 2px 10px #000;
-moz-box-shadow: 2px 2px 10px #000;
}
.descrip{
border-top-right-radius: 80px;
border-bottom-right-radius: 80px;
background-color: #fff;
padding: 10px;
height: 120px;
box-shadow: 2px 2px 10px #000;
-webkit-box-shadow: 2px 2px 10px #000;
-moz-box-shadow: 2px 2px 10px #000;
}
- Code:
.haut{
background: url("URL DE L'IMAGE") no-repeat transparent;
height: 150px;
border:0;
margin-bottom: -2px;
}
Invité- Invité
Re: Modifications des forums (Description)
Merci pour l'effet "Ombre" qui marche très bien
Non, l'image "Administration" et l'image en forme arrondis sont deux images distingues.
Explication:
~> L'image "Administration" est placer à la place du titre de la catégorie:
~> Et l'image:
est une autre image qui est placer dans le CSS
J'ai tous essayé, modifier les templates, mais rien n'y fais, l'image "Administration" Reste a la même place D:
Non, l'image "Administration" et l'image en forme arrondis sont deux images distingues.
Explication:
~> L'image "Administration" est placer à la place du titre de la catégorie:
- Code:
<img src="http://s4.noelshack.com/uploads/images/7930631297556_administration.png">
~> Et l'image:
- Spoiler:
est une autre image qui est placer dans le CSS
J'ai tous essayé, modifier les templates, mais rien n'y fais, l'image "Administration" Reste a la même place D:
Re: Modifications des forums (Description)
Bonjour,
Je n'ai pas trouvé de solution non plus. l'image contient une partie vide en bas, en la supprimant, le titre devrait descendre un peu, mais je n'ai as trouver d'autre solution.
Cordialement.
Je n'ai pas trouvé de solution non plus. l'image contient une partie vide en bas, en la supprimant, le titre devrait descendre un peu, mais je n'ai as trouver d'autre solution.
Cordialement.
Invité- Invité
Re: Modifications des forums (Description)
C'est pas grave ^^
Merci de m'avoir aidé.
!
Merci de m'avoir aidé.
!
Sujets similaires
» Image en description des forums + sous forums
» Encadrement de la description des forums et sous-forums
» Description forum et sous forums en hover sous l'image de description
» Absence du logo "HTML" dans les modifications de forums
» Onglet dans la description des forums
» Encadrement de la description des forums et sous-forums
» Description forum et sous forums en hover sous l'image de description
» Absence du logo "HTML" dans les modifications de forums
» Onglet dans la description des forums
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum