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

Voir le sujet précédent Voir le sujet suivant Aller en bas

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

Message par Snorkii le Jeu 21 Mar 2013 - 18:03

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! Smile

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 Embarassed)
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 : http://img15.hostingpics.net/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! Smile
Un tout tout grand merci d'avance Very Happy


Dernière édition par Snorkii le Ven 22 Mar 2013 - 9:50, édité 1 fois

Snorkii
Nouveau membre

Messages : 17
Inscrit(e) le : 14/09/2008

http://www.forumonedirection.com
Snorkii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL & titre des catégories qui ne s'affichent pas

Message par Matriochka le Ven 22 Mar 2013 - 8:12

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>

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL & titre des catégories qui ne s'affichent pas

Message par Snorkii le Ven 22 Mar 2013 - 9:01

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

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 Smile

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?



Dernière édition par Snorkii le Ven 22 Mar 2013 - 9:08, édité 1 fois

Snorkii
Nouveau membre

Messages : 17
Inscrit(e) le : 14/09/2008

http://www.forumonedirection.com
Snorkii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL & titre des catégories qui ne s'affichent pas

Message par Matriochka le Ven 22 Mar 2013 - 9:04

Ravie de pouvoir t’aider Smile

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…

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL & titre des catégories qui ne s'affichent pas

Message par Snorkii le Ven 22 Mar 2013 - 9:09

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;
}

Snorkii
Nouveau membre

Messages : 17
Inscrit(e) le : 14/09/2008

http://www.forumonedirection.com
Snorkii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL & titre des catégories qui ne s'affichent pas

Message par Matriochka le Ven 22 Mar 2013 - 9:13

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 Smile Retire-le et enregistre. Ton image devrait apparaître.

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL & titre des catégories qui ne s'affichent pas

Message par Snorkii le Ven 22 Mar 2013 - 9:21

Je me suis toujours dis que cette ligne était bizarre...
L'image s'affiche! Very Happy (bon, on doit revoir notre fond transparent parce que c'est moche et pas bien placé, mais c'est affiché! Very Happy) 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

Snorkii
Nouveau membre

Messages : 17
Inscrit(e) le : 14/09/2008

http://www.forumonedirection.com
Snorkii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL & titre des catégories qui ne s'affichent pas

Message par Matriochka le Ven 22 Mar 2013 - 9:24

C'est normal Smile 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;
}

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL & titre des catégories qui ne s'affichent pas

Message par Snorkii le Ven 22 Mar 2013 - 9:32

Oh c'est juste parfait! Very Happy

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

Snorkii
Nouveau membre

Messages : 17
Inscrit(e) le : 14/09/2008

http://www.forumonedirection.com
Snorkii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL & titre des catégories qui ne s'affichent pas

Message par Matriochka le Ven 22 Mar 2013 - 9:36

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 Smile

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 Mr. Green

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL & titre des catégories qui ne s'affichent pas

Message par Snorkii le Ven 22 Mar 2013 - 9:40

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

Passez une bonne journée & merci encore!

Snorkii
Nouveau membre

Messages : 17
Inscrit(e) le : 14/09/2008

http://www.forumonedirection.com
Snorkii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: QEEL & titre des catégories qui ne s'affichent pas

Message par Matriochka le Ven 22 Mar 2013 - 9:45

Mais de rien, bonne journée également Smile
Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • 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 Smile

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum