QEEL & titre des catégories qui ne s'affichent pas

[Snorkii]

Bonjour à tous,

Je ne m'y connais absolument pas en HTML/CSS mais je dois coder le design d'un forum.
J'avais repris les codes de notre ancienne designer et ça fait 2 semaines que je me bas avec deux choses sans arriver à mes fins. J'ai beau être patiente, ça commence légèrement à m'énerver, du coup je me dis que vous pourriez peut-être m'aider!

Le forum d'essai est celui-ci : http://apercu-design.keuf.net

Mon première problème :

> L'image du QEEL ne s'affiche pas.

Dans les templates, je suppose que tout ce qui est en rapport avec le QEEL est ceci (après, je me trompe peut-être )

Code:

    <!-- BEGIN disable_viewonline -->
    <table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques">
      <tr>
    <td width="15%"></td>
    <td width="50%">
    <br><br><br><br><br><br><br><center>
    <span class="groupes"> <a href="http://www.forumonedirection.com/g1-administrateurs"><font color="#ff6970" size="2"><b>Administrateurs</b></font></a></span> <img src="">
    <span class="groupes"><a href="http://www.forumonedirection.com/g2-moderateurs"><font color="#98c893" size="2"><b>Modérateurs</b></font></a> </span> <img src="">
    <span class="groupes"> <a href="http://www.forumonedirection.com/g8-reporter"><font color="#DECCBF" size="2"><b>Reporters</b></font></a></span> <img src="">
    <span class="groupes"><a href="http://www.forumonedirection.com/g4-traductrices"><font color="#96958e" size="2"><b>Traducteurs</b></font></a> </span> <img src="">
</font></a> </span><br><br>
    <span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}<br />
    {NEWEST_USER}<br><br>
    {TOTAL_USERS_ONLINE}<br>
    {LOGGED_IN_USER_LIST}</center></span><br>
    <td width="5%"></td>
    </tr>
    </table>
   
    <table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify">
    {L_CONNECTED_MEMBERS}</table>
    <img src="LIEN IMAGE DU BAS"><br>
    <!-- END disable_viewonline -->

Et dans ma feuille de style j'ai ceci :

Code:

.statistiques{
border:0px;
background-image: url("http://img15.hostingpics.net/pics/532701QEEL.png");
background-repeat: no-repeat;
background-position: center;
height:290px;}

> Le lien de l'image sans transparent : https://2img.net/r/hpimg15/pics/152503317026qeel.png

Ce qu'il y avait sur l'ancien forum :


Ce que j'obtiens en modifiant :



Ensuite, un soucis tout bête, je pense :

> L'image titre des catégories ne s'affiche pas.
Voici le code de notre ancienne designer :

Code:

<img src=http://img11.hostingpics.net/pics/21532624ee.png style=display:none /><span class=txt-title>Administration</span>

Quand je le colle avec le lien de ma nouvelle image, rien ne s'affiche.

Par contre j'ai trouvé un autre code sur le net, il affiche correctement l'image mais me met :
*** Error in the name of your category ! *** dans la liste des catégories/forums.

Code:

<img src="http://img15.hostingpics.net/pics/207349157788administration.png"/>

Si vous savez m'aider, se serait vraiment génial parce que je n'en peux plus!
Un tout tout grand merci d'avance

[Matriochka]

Bonjour,

Concernant le Qui est en Ligne, es-tu bien sûr d’avoir mis le CSS comme il fallait et où il fallait ? Sur le forum que tu montres, en allant vérifier la feuille CSS, je ne vois pas ceci :

Code:

.statistiques{
border:0px;
background-image: url("http://img15.hostingpics.net/pics/532701QEEL.png");
background-repeat: no-repeat;
background-position: center;
height:290px;}

Pour ton deuxième souci, normal. Il faut mettre l’URL de l’image entre guillemets et retirer style=display:none (qui est mal écrit d’une part, mais en plus, permet de cacher l’image).

Code:

<img src="http://img11.hostingpics.net/pics/21532624ee.png" /><span class="txt-title">Administration</span>

[Snorkii]

Un tout grand merci pour ta réponse aussi rapide!

Justement, dans la feuille de style ce code est mit, j'ai gardé la même feuille de style qu'avait fait notre ancienne designer et j'ai juste modifier le lien de la photo, mais rien ne s'affiche (alors que sa photo s'affichait). Je ne sais pas si je dois changer quelque chose dans les templates ou quoi pour que ça fonctionne à nouveau, je nage totalement dans les codes, je n'y connais absolument rien :S

Pour le deuxième conseil, tu n'es pas le premier à dire que ces codes sont mal écrit et ton aide est très précieuse! Je vais tester pour voir ce que ça donne

EDIT :
Quand je mes le code que vous avez donné, voici ce que ça me met. Comment faire pour enlever ce mot ''administration'', s'il vous plait?

[Matriochka]

Ravie de pouvoir t’aider

J’ai testé ton template + ton CSS sur mon forum, ça fonctionne.

Peux-tu m’envoyer ta feuille de styles complète ? Si certaines lignes sont mal déclarées, ça peut créer des conflits…

[Snorkii]

Ah bon, effectivement il doit y avoir un soucis quelque part alors :S

La voici :

Code:

.dernierssujets{
background-image: url("http://i46.servimg.com/u/f46/17/46/78/12/untitl16.jpg");
background-repeat: no-repeat;
background-attachment: no-fixed;
background-position: bottom center;
padding-top: 4px;
width: 148px;
height: 102px;
}


/*Description des Catégories*/

.milieu {
width: 560px;
margin: 0px;
border: 1px solid #e3ecf4;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 5px;
background-image: url("");
background-color:#d6f6c2}

.milieu:hover{
width: 560px;
margin: 0px;
border: 1px solid #e3ecf4;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 5px;
background-color:#d6f6c2}

.CLASSE-DES-TITRES{
font-family: garamond, times new roman, impact, serif;
font-size: 16px;
letter-spacing: 1px;
font-variant: small-caps;
color: #d6f6c2;
text-align: left;
font-weight:bold;
}


.CLASSE-DES-TITRES:hover{
font-family: garamond, times new roman, impact, serif;
font-size: 16px;
letter-spacing: 1px;
font-variant: small-caps;
color: #d6f6c2;
text-align: left;
letter-spacing:2px;
font-weight:bold;
}



/*Arrondir bordure du forum*/

.forumline{
background-color: #E6989A;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border-right: 5px #E6989A solid;
border-left: 5px #E6989A solid;
border-top: 4px #E6989A solid;
border-bottom: 4px #E6989A solid;
-moz-box-shadow: 0px 0px 0px #E6989A;
}

textarea, .textarea.post, input.post {
-moz-border-radius:10px;
}

   
MessageSujet: Re: CRVTBYHNJK,L.M/  Jeu 3 Mai 2012 - 3:59   Répondre en citant Editer/Supprimer ce message Supprimer ce message Voir l'adresse IP du posteur
BODY {
background-image: url("http://i46.servimg.com/u/f46/17/46/78/12/untitl16.jpg");
background-color: #c5dae6;
background-repeat: no-repeat;
background-attachment: no-fixed;
background-position: top center;
cursor:crosshair;
}

.dernierssujets{
background-image: url("http://i46.servimg.com/u/f46/17/46/78/12/untitl16.jpg");
background-repeat: no-repeat;
background-attachment: no-fixed;
background-position: bottom center;
padding-top: 4px;
width: 148px;
height: 102px;
}


/*Description des Catégories*/

.milieu {
width: 560px;
margin: 0px;
border: 1px solid #e3ecf4;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 5px;
background-image: url("");
background-color:#f2fcec}

.milieu:hover{
width: 560px;
margin: 0px;
border: 1px solid #e3ecf4;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 5px;
background-color:#f2fcec}

.CLASSE-DES-TITRES{
font-family: garamond, times new roman, impact, serif;
font-size: 16px;
letter-spacing: 1px;
font-variant: small-caps;
color: #d4d3c3;
text-align: left;
font-weight:bold;
}


.CLASSE-DES-TITRES:hover{
font-family: garamond, times new roman, impact, serif;
font-size: 16px;
letter-spacing: 1px;
font-variant: small-caps;
color: #c3d1d4;
text-align: left;
letter-spacing:2px;
font-weight:bold;
}

/*Arrondir bordure du forum*/

.forumline{
background-color: #dbebf4;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border-right: 8px #dbebf4 solid;
border-left: 8px #dbebf4 solid;
border-top: 7px #dbebf4 solid;
border-bottom: 7px #dbebf4 solid;
-moz-box-shadow: 0px 0px 0px #0a0a0a;
}

textarea, .textarea.post, input.post {
-moz-border-radius:10px;
}

        .spoiler, .code {
          border: 3px solid #4c3e32;
          box-shadow: 2px 2px 10px #846f5d;
          -moz-box-shadow: 2px 2px 10px #846f5d;
          -webkit-box-shadow: 2px 2px 10px #846f5d;
          border-radius: 10px ;
          -moz-border-radiu: 10px;
          -webkit-border-radiu: 10px;
          padding: 5px;
          color: #000;}


        .module {
            border: 1px solid #4c3e32;
            border-radius: 4px;
            -moz-border-radius: 4px;
            -o-border-radius: 4px;
            -webkit-border-radius: 4px;
            box-shadow: 1px 1px 1px;
            }

/**Bottom**/
.ascenseur1 {
position: fixed;
bottom: 50px;
right: 0px;
background-color: #trans;
-moz-border-radius: 0px 35px 35px 0px;
-webkit-border-radius: 0px 35px 35px 0px;
border-radius: 0px 35px 35px 0px;
}



th.secondarytitle h2 img { display: inline!important; }
th.secondarytitle h2 .txt-title { display: none; }

/*Bordure des avatars*/

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
border-right: 4px solid #DBEBF4;
border-left: 4px solid #DBEBF4;
border-top: 4px solid #DBEBF4;
border-bottom: 4px solid #DBEBF4;
}

/*Code Citation*/

.quote {
-moz-border-radius: 20px ;
background-color: #FFFFF;
background-repeat: no-repeat !important;
background-position: center top !important;
margin: 30px;
border: 4px solid #DBEBF4;
border-left: 4px solid #DBEBF4;
border-right: 4px solid #DBEBF4;
padding: 5px;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 20px;
padding-right: 20px;
}

.statistiques{
border:0px;
background-image: url("http://img15.hostingpics.net/pics/532701QEEL.png");
background-repeat: no-repeat;
background-position: center;
height:290px;}

.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

/*Avatar pour dernier message posté*/
.mini_ava {
  float: left;
}
.mini_ava img {
  width: 40px;
  height: 40px;
  margin: 0 5px;
  border-radius: 10px;
  transition: all 2s;
  -moz-transition: all 2s;
  -webkit-transition: all 2s;
  -o-transition: all 2s;
}
.mini_ava img:hover
{
  width: 80px;
  height: 80px;
}

[Matriochka]

En effet, des erreurs apparemment, puisque lorsque j’entre ta feuille, j’ai ceci :

Erreur

Erreur détectée
Nous avons compté un nombre impaire de guillemets donc une chaine est mal fermée. Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.

Nous vous conseillons de relire votre code.

D’après ce que je vois dans ta feuille, tu as ceci à un moment donné :

MessageSujet: Re: CRVTBYHNJK,L.M/ Jeu 3 Mai 2012 - 3:59 Répondre en citant Editer/Supprimer ce message Supprimer ce message Voir l'adresse IP du posteur

Ça n’a rien à faire dedans Retire-le et enregistre. Ton image devrait apparaître.

[Snorkii]

Je me suis toujours dis que cette ligne était bizarre...
L'image s'affiche! (bon, on doit revoir notre fond transparent parce que c'est moche et pas bien placé, mais c'est affiché! ) Un grand merci

Par contre du coup, ça a refait surgir des choses de l'ancien forum...
http://apercu-design.keuf.net

Je suis vraiment terriblement désolée, je ne m'y connais absolument pas en codage et tout ça, je n'ai fais que changer des liens/couleurs au code de base. Mais là... il y a le fond de notre ancien design qui s'affiche et du bleu qui est apparu

[Matriochka]

C'est normal La ligne que je viens de te faire retirer bloquait plusieurs codes, dont celui de l'image du Qui est en ligne.

Maintenant, si tu veux supprimer le fond et le bleu, retire ceci :

Code:

BODY {
background-image: url("http://i46.servimg.com/u/f46/17/46/78/12/untitl16.jpg");
background-color: #c5dae6;
background-repeat: no-repeat;
background-attachment: no-fixed;
background-position: top center;
cursor:crosshair;
}

Même chose pour les contours bleu des catégories, si tu n'en veux pas :

Code:

.forumline{
background-color: #E6989A;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border-right: 5px #E6989A solid;
border-left: 5px #E6989A solid;
border-top: 4px #E6989A solid;
border-bottom: 4px #E6989A solid;
-moz-box-shadow: 0px 0px 0px #E6989A;
}

[Snorkii]

Oh c'est juste parfait!

Le dernier petit soucis par rapport a ça, c'est que normalement le #E6989A dans le code que vous me conseillez d'enlever, ça correspond au rose (comme les titres des catégories). Et même quand je l'enlève, les lignes bleues restent :S

De grand matin, je suis désolée de vous ennuyez autant

[Matriochka]

Oups ! En effet, c'est celui-ci qu'il faut retirer :

Code:

.forumline{
background-color: #dbebf4;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border-right: 8px #dbebf4 solid;
border-left: 8px #dbebf4 solid;
border-top: 7px #dbebf4 solid;
border-bottom: 7px #dbebf4 solid;
-moz-box-shadow: 0px 0px 0px #0a0a0a;
}

En fait, tu avais deux fois .forumline dans ton CSS, et quand c'est comme ça, celui qui est inscrit en dernier est pris en compte. Donc si tu retires celui-ci, le rose pourra apparaître

De grand matin, je suis désolée de vous ennuyez autant

Tu ne m'ennuies pas, allons ! C'est normal de vouloir bichonner son forum

[Snorkii]

Oh d'accord, merci infiniment en tout cas!
Le forum est tout joli et c'est en partie grâce à vous!

Passez une bonne journée & merci encore!

[Matriochka]

Mais de rien, bonne journée également

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif