Sujets similaires

Coucou voilà je suis en train de travailler après mon annuaire (oui encore) et je me bat avec un code alors que je ne m'y connait pas du tout. On m'a aider pour le commencer mais je rencontre des bugs que je ne comprend pas. (j'ai reçu au départ du forum pub rpg design) mais suite au bug depuis quelques jours je ne reçoit aucune réponses.

J'espère que quelqu'un ici pourra m'aider à résoudre ce que j'ai fait de pas correct pour causer le bug.

voici le code :

Code:: .forumdesc
{
background-color:#201714; /* fond de la description */
border: 1px #655B56 solid; /* largeur, couleur et style de la bordure de la description */
border-bottom-left-radius: 20px; /* Arrondi sous Opera en bas à gauche */
-moz-border-radius-bottomleft: 20px; /* Arrondi sous Mozilla Firefox en bas à gauche */
-webkit-border-bottom-left-radius: 20px; /* Arrondi sous Chrome&Safari en bas à gauche */
border-top-right-radius: 20px; /* Arrondi sous Opera en haut à droite */
-moz-border-radius-topright: 20px; /* Arrondi sous Mozilla Firefox en haut à droite */
-webkit-border-top-right-radius: 20px; /* Arrondi sous Chrome&Safari en haut à droite */
padding:5px; /* marge intérieure */
}

.description-forum-text {
text-align : justify;
width : 500px;
}
.description-forum-liens {
background-color:#201714; /* fond de la description */
border: 1px #655B56 solid; /* largeur, couleur et style de la bordure de la description */
border-bottom-left-radius: 20px; /* Arrondi sous Opera en bas à gauche */
-moz-border-radius-bottomleft: 20px; /* Arrondi sous Mozilla Firefox en bas à gauche */
-webkit-border-bottom-left-radius: 20px; /* Arrondi sous Chrome&Safari en bas à gauche */
border-top-right-radius: 20px; /* Arrondi sous Opera en haut à droite */
-moz-border-radius-topright: 20px; /* Arrondi sous Mozilla Firefox en haut à droite */
-webkit-border-top-right-radius: 20px; /* Arrondi sous Chrome&Safari en haut à droite */
padding:5px; /* marge intérieure */
}
.description-forum-liens a {
text-decoration : none;
text-align : justify;
}

Voici le résultat obtenu :

Spoiler:

C'est presque le bon résultat, le problème est que je veux avoir la forme entourant la description pareil comme celle entourant les sous forums. Je ne sais pas pourquoi elle ne fonctionne pas exactement. Est-ce possible qu'un autre code CSS interfère avec celui-ci ? Ensuite je voudrais que la forme entourant le forum et sa description s'étende jusqu'à la partie à droite :

Spoiler:

J'aimerais aussi réduire l'espacement entre le titre du forum et la description tout en justifiant le texte. Je ne comprends pas non plus pourquoi la présentation de mes sous forums n'est pas un sous l'autre.

Si cela est possible j'aimerais avoir le code que l'on place dans le template pour éviter de passer dans chaque forum et sous forums pour y inclure les (onglets).

Présentement c'est le code que je dois faire à chaque forum et sous forums et c'est plutôt long à longue :

Code:: <table class="description-forum-cadre"><tr><td align="left">
Cette section est la plus importante du forum et elle est surtout obligatoire. Il est donc impératif que vous preniez le temps de tout lire entièrement. Cette section regroupe donc la charte d’ARN, vos présentations et la petite visite guidée du forum.
</td><td align="left"><blockquote class="description-forum-liens">
<a href="http://annuaire-rn.forumactif.org/service-d-analyse-f11/" class="postlink" target="_blank">Service d'analyse</a>
<a href="http://annuaire-rn.forumactif.org/service-de-correction-f13/" class="postlink" target="_blank">ervive de correction </a>
<a href="http://annuaire-rn.forumactif.org/service-graphique-f33/" class="postlink" target="_blank">Service graphique</a>
<a href="http://annuaire-rn.forumactif.org/service-d-aide-aux-publicites-f83/" class="postlink" target="_blank">Service d'aide aux publicités</a>
</blockquote>
</td></tr></table>

Merci à la personne qui viendra m'aider ... Sad

Bonjour =)

Alors :

- Pour le problème des liens qui ne sont pas l'un au dessous de l'autre. C'est parce que tu as oublié de faire des retours à la ligne dans ton code, ce qui est marqué par des

Code:: <br />

Donc il faut que tu en rajoutes après chaque lien comme ceci :

Code:: <table class="description-forum-cadre"><tr><td align="left">
Cette section est la plus importante du forum et elle est surtout obligatoire. Il est donc impératif que vous preniez le temps de tout lire entièrement. Cette section regroupe donc la charte d’ARN, vos présentations et la petite visite guidée du forum.
</td><td align="left"><blockquote class="description-forum-liens">
<a href="http://annuaire-rn.forumactif.org/service-d-analyse-f11/" class="postlink" target="_blank">Service d'analyse</a><br />
<a href="http://annuaire-rn.forumactif.org/service-de-correction-f13/" class="postlink" target="_blank">ervive de correction </a><br />
<a href="http://annuaire-rn.forumactif.org/service-graphique-f33/" class="postlink" target="_blank">Service graphique</a><br />
<a href="http://annuaire-rn.forumactif.org/service-d-aide-aux-publicites-f83/" class="postlink" target="_blank">Service d'aide aux publicités</a>
</blockquote>
</td></tr></table>

- Ensuite pour le cadre qui s'allonge jusqu'au dernier message. Tel quel il est impossible de le faire car la description de ton forum et la case dernier message ne sont pas dans une même colonne mais deux colonnes différentes dans le tableau. Pour y arriver il va donc falloir que tu supprimes la colonne "Derniers Messages" (même procédure que pour les colonnes : Messages et Sujets que tu as déjà supprimé) et que tu mettes les informations de cette colonne c'est à dire "Aujourd'hui blablabla" dans la colonne où tu as ta description et tes liens de sous-forum.

- Puis pour les arrondis, chez moi cela s'affiche comme tu le souhaites alors peut-être que quelque chose interfère je ne sais pas :/

Heum je dirais qu'il a un bug dans le code pareil car si on regarde mon forum où j'ai commencer à faire les modifications pour la présentation des forums et sous forums les bulles ne sont jamais du même format.

Cela fait un effet plutôt brouillon et pas très agréable à l'oeil. J'ai mit le

Code:: <br/>

dans les descriptions de forums, mais cela ne fonctionne pas vraiment toujours

Code:: <table class="description-forum-cadre"><tr><td align="justify">
Entrez dans la zone partenariat ! Ne soyez pas gênés et venez voir la zone où tous nos partenaires sont inscrits, sans oublier la zone pour vous, <a href="http://annuaire-rn.forumactif.org/invites-f27/">INVITÉS</a>. Cet endroit est conçu pour vous et vous permettra de venir poser votre demande de partenariat avec nous.<br/><br/>
ref multi-annuaires: <a target="_blank" href="http://www.annuaire-automatique.com/" title="Référencez votre site AUTOMATIQUEMENT sur annuaire-automatique.com venez battre le record de soumission">Annuaire Automatique</a> - <a target="_blank" href="http://www.categorille.com/" title="ajoutez votre site dans la bonne categorille">Annuaire Categorille</a> - <a target="_blank" href="http://andrimont.be/" title="annuaire automatique lien en dur">Annuaire Andrimont</a> - <a target="_blank" href="http://www.ci-dessus.com/" title="Ajoutez votre site cidessus">Annuaire ci-dessus</a> - <a target="_blank" href="http://www.ensival.be/" title="ensival le vrai site des ensivalois">ensival belgique</a>
</td><td align="center"><blockquote class="description-forum-liens">
<a href="http://annuaire-rn.forumactif.org/nos-partenaires-f26/" class="postlink" target="_blank">Nos partenaires</a><br/>
<a href="http://annuaire-rn.forumactif.org/invites-f27/" class="postlink" target="_blank">Invités</a>
</blockquote>
</td></tr></table>

Voir la capture d'écran :

Spoiler:

On peut au passage voir que chez moi la présentation des forums n'a pas de forme et je ne sais pas pourquoi. J'utilise firefox au passage.

Pour le truc du cadre où il faut enlever la colonne des nouveaux messages .... moi je ne sais pas comment faire... cela serait possible de m'expliquer ?

merci pour le temps prit pour me répondre.

EDIT : je mets ici la totalité de mon css histoire de vérifier si ce n'est pas moi qui a fait une boulette ....

Spoiler:

Code:: /*-------------------------------------
CSS ADDITIONNEL
--------------------------------------*/

.profilentour {
text-align:center;
padding:9px;
background-color:#614e46;
-moz-border-radius:10px 10px 10px 10px; }

.name {
text-decoration: none !important;
display:block; background-color:#000200;
text-transform:uppercase;
-moz-border-radius:10px 10px 10px 10px
}

th {
-moz-border-radius-topleft: 20%;
-moz-border-radius-topright: 20%;
border-top-left-radius: 20%;
border-top-right-radius: 20%;
}

/*EFFET DE TRANSPARENCE
LIENS NORMAUX */
.transparence a:link,
.transparence a:visited {
   filter : alpha(opacity=40);
   -moz-opacity : 0.4;
   opacity : 0.4;
}

/*EFFET DE TRANSPARENCE
LIENS SURVOLES */
.transparence a:hover,
.transparence a:active {
   filter : alpha(opacity=100);
   -moz-opacity : 1;
   opacity : 1;
}

/*SUPPRESSION DU SOULIGNEMENT SUR CERTAINES ZONES */
.lienspub a {
   text-decoration : none !important;
}

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #201714;
}

.postbody, td.row1 span.gensmall {
text-align: justify !important;
display: block;
}

.code {
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
border: 5px solid #655B56;
background-#201714;
padding:10px;
}
.spoiler {
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
border: 5px solid #655B56;
background-#201714;
padding:10px;
}
.quote {
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
border: 5px solid #655B56;
background-#201714;
padding:10px;
}

.bodyline {-moz-border-radius:20px;}

.forumline{
background-color: #201714;
-moz-border-radius: 0px 0px 14px 14px ;
border-bottom: 6px #655B56 solid;
border-top: 1px #655B56 dotted;
border-right: 1px #655B56 dotted;
border-left: 1px #655B56 dotted;}

a {
font-variant: small-caps;
}

input,textarea, select {
-moz-border-radius: 8px;}

/* --------------------------------------
CSS mise en page du QEEL
------------------------------------------*/

.onglet { background-color: # ;
border-right: 5px solid #3b5452;
border-left: 5px solid #3b5452;
border-top: 1px dotted #3b5452;
border-bottom: 1px dotted #3b5452;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 0px;
font-family: verdana;
font-weight: bold; text-align: center;
color: #C4B39E;}

.message { background-color: #;
border-right: 5px solid #3b5452;
border-left: 5px solid #3b5452;
border-top: 1px dotted #3b5452;
border-bottom: 1px dotted #3b5452;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 30px;
padding-right: 30px;
font-family: verdana;
text-align: center;
color: #C4B39E;}

/* --------------------------------------
CSS Spécial contenu des messages
------------------------------------------*/

/*Fiches de suivi*/
.fichesuivi {
width:90%;
-moz-border-radius:10px;
-webkit-border-radius:10px;
color: #C4B39E;
background:#614e46;
padding:5px;
font-family:Times New Roman;
border:3px #000200 double;
text-align:justify;
margin:auto;
}

/*Titres spéciaux (bords arrondis, double bordure) */
.titrespecial {
width:400px;
margin:auto;
-moz-border-radius:15px;
-webkit-border-radius:15px;
padding:2px;
color: #C4B39E;
background:#614e46;
border:3px double #2c201b;
text-align:center;
font-weight:bold;
}

/*boite avec titre à l'intérieur */
.boitespe {
margin:0px 50px;
color: #C4B39E;
background:#2c201b;
-moz-border-radius:15px;
-webkit-border-radius:15px;
padding:10px;
text-align:justify;
}

/*le titre contenu dans la boite*/
.boitespe .titrespe {
font-variant:small-caps;
font-size:120%;
font-weight:bold;
color: #C4B39E;
background:#614e46;
padding:2px 10px;
font-family:arial;
letter-spacing:2px;
}

div, table {
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

/* --------------------------------------
nom de forum - présentation
------------------------------------------*/

.forumlink{
font-weight: bold;
font-style: italic;
font-size: 18px;
font-family: Georgia,TrebuchetMS,Verdana,Arial,Helvetica,sans-serif;
color : #C4B39E;
border-bottom: double 3px #614e46; }

a.forumlink {
padding-left: 50px;
text-decoration: none;
color : #C4B39E;
display:block;
background-color: #614e46;
-moz-border-radius:5px;
background-image: url('http://i221.photobucket.com/albums/dd52/xodramm/new%20them/minifleur.png');
background-repeat: no-repeat;
background-position: left; }

a.forumlink:hover{
text-decoration: none !important; color : #000200;
border-bottom: double 3px #3b5452;
background-color: #614e46;
background-image: url('http://i221.photobucket.com/albums/dd52/xodramm/new%20them/minifleur.png');
background-repeat: no-repeat;
background-position: right;
padding-right: 20px; }

/*-------------------------------------
QEEL
--------------------------------------*/

.onglet { background-color: # ;
border-right: 5px solid #655B56;
border-left: 5px solid #655B56;
border-top: 1px dotted #655B56;
border-bottom: 1px dotted #655B56;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 0px;
font-family: verdana;
font-weight: bold; text-align: center;
color: #C4B39E;}

.message { background-color: #;
border-right: 5px solid #655B56;
border-left: 5px solid #655B56;
border-top: 1px dotted #655B56;
border-bottom: 1px dotted #655B56;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 30px;
padding-right: 30px;
font-family: verdana;
text-align: center;
color: #C4B39E;}

/*-------------------------------------
forums
--------------------------------------*/

.forumdesc
{
text-align : justify;
background-color:#201714; /* fond de la description */
border: 1px #655B56 solid; /* largeur, couleur et style de la bordure de la description */
border-bottom-left-radius: 20px; /* Arrondi sous Opera en bas à gauche */
-moz-border-radius-bottomleft: 20px; /* Arrondi sous Mozilla Firefox en bas à gauche */
-webkit-border-bottom-left-radius: 20px; /* Arrondi sous Chrome&Safari en bas à gauche */
border-top-right-radius: 20px; /* Arrondi sous Opera en haut à droite */
-moz-border-radius-topright: 20px; /* Arrondi sous Mozilla Firefox en haut à droite */
-webkit-border-top-right-radius: 20px; /* Arrondi sous Chrome&Safari en haut à droite */
padding:5px; /* marge intérieure */
}

.description-forum-text {
text-align : justify;
width : 500px;
}
.description-forum-liens {
text-align : justify;
background-color:#201714; /* fond de la description */
border: 1px #655B56 solid; /* largeur, couleur et style de la bordure de la description */
border-bottom-left-radius: 20px; /* Arrondi sous Opera en bas à gauche */
-moz-border-radius-bottomleft: 20px; /* Arrondi sous Mozilla Firefox en bas à gauche */
-webkit-border-bottom-left-radius: 20px; /* Arrondi sous Chrome&Safari en bas à gauche */
border-top-right-radius: 20px; /* Arrondi sous Opera en haut à droite */
-moz-border-radius-topright: 20px; /* Arrondi sous Mozilla Firefox en haut à droite */
-webkit-border-top-right-radius: 20px; /* Arrondi sous Chrome&Safari en haut à droite */
padding:5px; /* marge intérieure */
}
.description-forum-liens a {
text-decoration : none;
text-align : justify;
}

/*------------------------------------
Commande Enae Volare pour Miriraseth
----
CSS & HTML réalisés par 'Christa
Reproduction autorisée
----
Il est strictement interdit de retirer
les crédits présents dans ce code.
----
http://enaevolare.lostmindy.net
--------------------------------------*/

/* ---------------------------------
css des liens de navigation
------------------------------------*/
.navigation {
   font-variant:small-caps;
   font-weight:bold;
   text-align:center;
   letter-spacing:1px;
}

.navigation a {
   display : block; /* IMPORTANT ! */
   padding:2px 0px;
   margin:5px 0px;
   text-decoration:none !important;

}

/* LIENS NORMAUX */
.navigation a:link,
.navigation a:visited {
   background : #614e46;
   color : #C4B39E;
   border-left : 4px solid #2c201b;
   border-right : 4px solid #2c201b;
   -moz-border-radius:6px;
   -webkit-border-radius:6px;
}

/*LIENS SURVOLES */
.navigation a:hover,
.navigation a:active {
   background : #2c201b;
   color : #fff;
   border-left : 4px solid #000100;
   border-right : 4px solid #000100;
}

/*------------------------------------
CSS de la presentation du forum
--------------------------------------*/

.presentation {
   text-align:justify;
   font-size:normal;
   padding:2px 6px;
   margin:2px;
   background:#614e46;
color : #C4B39E;
   -moz-border-radius:15px;
   -webkit-border-radius:15px;
}

/*------------------------------------
CSS des nouveautés
--------------------------------------*/

.nouvelles {
   text-align:justify;
   font-size:x-small;
color : #C4B39E;
   background:#614e46;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   padding:5px;
}

.nouvelles a {
   font-variant:small-caps;
   font-weight:bold;
   color:#fff;
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
   text-decoration:none !important;
   padding:0px 4px;
}

.nouvelles a:link,
.nouvelles a:visited {
   background:transparent;
}

.nouvelles a:hover,
.nouvelles a:active {
   background:#2c201b;
}

/*------------------------------------
CSS de la partie staff
--------------------------------------*/

.staff {
background:#614e46;
-moz-border-radius:10px;
-webkit-border-radius:10px;
padding:4px;
border:3px double #2c201b;
}

.staff h1 {
text-align:center;
font-variant:small-caps;
font-size:14px;
font-weight:bold;
font-style:italic;
font-family:Georgia, serif;
margin-top:0px;
}

.staff img {padding:2px;}

.transparence a:link, .transparence a:visited {
filter : alpha(opacity=40);
-moz-opacity : 0.4;
opacity : 0.4;
}

.transparence a:hover, .transparence a:active {
filter : alpha(opacity=100);
-moz-opacity : 1;
opacity : 1;
}

/*------------------------------------
CSS des titres de l'en-tete
--------------------------------------*/

.titreentete {
   /*effets d'écriture*/
   font-variant:small-caps;
   font-size:16px;
   font-weight:bold;
   font-family:georgia,serif;
   color:#C4B39E;

   /*fond et bordure*/
   background:#2c201b;
   padding:2px;
   text-align:center;
   -moz-border-radius:15px;
   -webkit-border-radius:15px;
}

/*------------------------------------
CSS des liens "liste complete" & co
--------------------------------------*/
.sousliens {
   margin:2px;
   font-size:9px;
   text-align:center;
}

/*esthétique générale des liens*/
.sousliens a {
   -moz-border-radius:15px;
   -webkit-border-radius:15px;
   padding:0px 4px;
   font-weight:bold;
   color:#C4B39E;
   text-decoration : none !important;
}

/*liens normaux*/
.sousliens a:link,
.souliens a:visited {
   background:#614e46;
}

/*liens survolés*/
.sousliens a:hover,
.souliens a:active {
   background:#2c201b;
}

/*-------------------------------------
CSS des infobulles
--------------------------------------*/
a.infobulle {
   position: relative;
   text-decoration: none !important;
}

a.infobulle span {
   display: none;
   text-decoration: none !important;
}

a.infobulle:hover {
   background: none; /* correction d'un bug IE */
   z-index: 999; /*permet de s'assurer que l'infobulle est au tout premier plan */
   text-decoration:none !important;
}

a.infobulle:hover span {
   display: inline;
   position: absolute;
   left: 100px;
   width:120px;

   /*effets de texte*/
   color: #C4B39E;
   font-family:arial;
   font-size:9px;
   text-align: center;
   text-decoration:none !important;

   /*fond et bordures*/
   background: #614e46;
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
   border-radius:4px;
   padding: 4px;
   border:3px double #000100;
}

/*-------------------------------------
CSS du copyright enae
--------------------------------------*/

.creditenae {
   margin:2px;
   font-size:9px;
   text-align:center;
}

.creditenae a {
   -moz-border-radius:15px;
   -webkit-border-radius:15px;
   padding:0px 4px;
   font-weight:bold;
   text-decoration : none !important;
}

/*liens normaux*/
.creditenae a:link,
.creditenae a:visited {
   background:#614e46;
}

/*liens survolés*/
.creditenae a:hover,
.creditenae a:active {
   background:#2c201b;
   color:#fff;
}

J'ai demandé à certaine personne et comme moi ils ne voient pas la forme que le résultat est supposé donné.

Quand tu parles des "bulles qui ne sont pas au même format" tu parles de l'endroit où il y a les liens des sous-forums ? Si c'est cela c'est parce que la taille du cadre ou de la bulle comme tu l'appelles s'adapte à ce qu'il y a à l'intérieur. Mais je pense qu'on peut fixer une taille précise si tu le souhaites.

Ensuite qu'entends-tu par "chez moi la présentation des forums n'a pas de forme" ? La forme c'est toi qui est censée la créer.

Pour la colonne je peux te l'enlever si tu me passes ton template.

Pour les sous forums avec la forme qui s'ajuste oui je voudrais une taille fixe pour faire plus esthétique.

Ensuite le cadre autour du forum n'a pas la même apparence que celle pour les sous forums voir image ;

Spoiler:

Ensuite, je veux diminuer l'espace entre le nom du forum (le code avec la fleur) et la descriptions avec le cadre.

Pour le template lequel je dois te copier ?

merci pour ton aide.

Pour le template il me faut ton index_box s'il te plaît.
Tu peux le poster entre les balises

Code:: [hide][/hide]

Afin que seule moi puisse le voir si tu ne veux pas que d'autres le voient.

Ensuite pour ton cadre, je t'avais déjà répondu plus haut. Chez moi il se fait correctement donc là je ne vois pas pour le moment sorry >w<

Voilà le template mais plusieurs sont comme moi ils voient le cadre de la description du forum en rectangle aux coins arrondis alors qu'on est supposé voir le même style de cadre qu'autour des sous forums.

au final ma demande sera annulé j'ai reçu un MP en cadeau. Mais merci à Kimi pour son temps et au final j,ai quand même appris des choses.

Merci encore et désolé pour le dérangement.

aide pour un code

aide pour un code

Sujets similaires

Sujets similaires

Partenaires Or