images de messages

Page 2 sur 3 Précédent  1, 2, 3  Suivant

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

Résolu images de messages

Message par Coco2010 le Sam 2 Oct 2010 - 14:40

Rappel du premier message :

Bonjour,
je voulais vous demander pour mon forum : les images qui indiquent nouveaux messages, pas de nouveaux messages et forum vérouiller, et bien, la partie règlement par exemple est marqué sur l'image.
Ma question : Comment faire pour que le texte apparaisse à côté de l'image et non dessus ? Merci

Ps : voici l'adresse de mon forum ou vous pourrez constater cela : http://passion-animaux2010.forumactif.org/index.htm


Dernière édition par Coco2010 le Dim 3 Oct 2010 - 14:26, édité 1 fois

Coco2010
***

Féminin
Messages : 155
Inscrit(e) le : 14/09/2010

http://passion-animaux2010.forumactif.org
Coco2010 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images de messages

Message par ge80 le Sam 2 Oct 2010 - 19:59

Ok
Je vais voir.


Veuillez ajouter à la fin de votre CSS ce code
Code:

.topiclist dl.icon {
min-height: 102px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 102px;
}


puis :enreg:


Dernière édition par ge80 le Sam 2 Oct 2010 - 20:07, édité 2 fois

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images de messages

Message par Coco2010 le Sam 2 Oct 2010 - 20:05

merci, j'attend

Coco2010
***

Féminin
Messages : 155
Inscrit(e) le : 14/09/2010

http://passion-animaux2010.forumactif.org
Coco2010 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images de messages

Message par ge80 le Sam 2 Oct 2010 - 20:07

J'avais édité le message ci-dessus


Veuillez ajouter à la fin de votre CSS ce code
Code:

.topiclist dl.icon {
min-height: 102px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 102px;
}


puis :enreg:

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images de messages

Message par Coco2010 le Sam 2 Oct 2010 - 20:22

MERCIIIII ça marche, mais maintenant c'est pour les messages privés

Coco2010
***

Féminin
Messages : 155
Inscrit(e) le : 14/09/2010

http://passion-animaux2010.forumactif.org
Coco2010 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images de messages

Message par ge80 le Sam 2 Oct 2010 - 20:27

Et que se passe-t-il pour les messages privés ?

On ajoute à la suite dans la CSS pour voir

Code:
.topiclist dl.icon {
min-height: 12px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 102px;
}

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images de messages

Message par Coco2010 le Sam 2 Oct 2010 - 20:27

d'accord

Coco2010
***

Féminin
Messages : 155
Inscrit(e) le : 14/09/2010

http://passion-animaux2010.forumactif.org
Coco2010 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images de messages

Message par Coco2010 le Sam 2 Oct 2010 - 20:28

ça chevauche toujours l'image

Coco2010
***

Féminin
Messages : 155
Inscrit(e) le : 14/09/2010

http://passion-animaux2010.forumactif.org
Coco2010 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images de messages

Message par ge80 le Sam 2 Oct 2010 - 20:32


J'ai fait une erreur avec 12 au lieu de 102px dans min-height: 102px;
Ajoutez un 0 pour avoir ceci
Code:
.topiclist dl.icon {
min-height: 102px;
background-position: 2px 50%;
}


ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images de messages

Message par Coco2010 le Sam 2 Oct 2010 - 20:34

non, toujours pas

Coco2010
***

Féminin
Messages : 155
Inscrit(e) le : 14/09/2010

http://passion-animaux2010.forumactif.org
Coco2010 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images de messages

Message par ge80 le Sam 2 Oct 2010 - 20:38

Dans les messages privés, je ne peux voir et tester.

Nous continuerons demain car mon rugby va débuter.
Désolé.

Demain j'analyserai en profondeur votre CSS ou un autre membre aura la solution avant.


Le plus important a été fait...

Bonne fin de soirée et à demain si votre problème n'est pas totalement réglé.

Cordialement
Ge

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images de messages

Message par Coco2010 le Sam 2 Oct 2010 - 20:40

d'accord, j'allai aussi dire que nous continueront demain. Grand merci en tout cas de m'avoir aidé ! à demain victoire

Coco2010
***

Féminin
Messages : 155
Inscrit(e) le : 14/09/2010

http://passion-animaux2010.forumactif.org
Coco2010 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images de messages

Message par ge80 le Dim 3 Oct 2010 - 11:14

Bonjour


Vous avez des erreurs à la fin de votre CSS


Voici ce que vous avez :

Code:
.topiclist dl.icon {
min-height: 12px;
background-position: 2px 50%;
}.topiclist dl.icon {
min-height: 102px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 102px;
}.topiclist dl.icon {
min-height: 102px;
}.topiclist dl.icon {
min-height: 102px;
background-position: 2px 50%;
}

A REMPLACER par


Code:

.topiclist dl.icon {
min-height: 102px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 102px;
}
.topiclist dl.icon {
min-height: 102px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 102px;
}

Bien vérifier et enregistrer

Cordialement
Ge

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images de messages

Message par Coco2010 le Dim 3 Oct 2010 - 12:52

ça chevauche toujours Confused j'arriverai jamais Rolling Eyes

Coco2010
***

Féminin
Messages : 155
Inscrit(e) le : 14/09/2010

http://passion-animaux2010.forumactif.org
Coco2010 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images de messages

Message par ge80 le Dim 3 Oct 2010 - 13:08

Code:
.topiclist dl.icon {
min-height: 102px;
background-position: 2px 50%;
}
.topiclist dl.icon {
min-height: 12px;
background-position: 2px 50%;
}.topiclist dl.icon {
min-height: 102px;
}
.topiclist dl.icon {
min-height: 102px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 102px;
}
.topiclist dl.icon {
min-height: 102px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 102px;
}

Voici votre code CSS : les modifications sont fausses. Plusieurs fois les mêmes choses et avec un 12 px au lieu de 102px...

L'erreur y est toujours : Pas de panique mais simplement de l'attention.
SUPPRIMER TOUTES LES LIGNES ci-dessus et vérifiez que votre CSS se termine bien par une }


Une fois vérifié : ajouter les lignes entre code ci-après et rien de plus.

Code:


.topiclist dl.icon {
min-height: 102px;
background-position: 2px 50%;
}


* html .topiclist dl.icon {
height: 102px;
}


.topiclist dl.icon {
min-height: 102px;
}


ul.topics dt,ul.topics dd.dterm {
padding-left: 102px;
}






ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images de messages

Message par Coco2010 le Dim 3 Oct 2010 - 13:28

je narrive pas. Je vais vous montrer tout mon code css

Coco2010
***

Féminin
Messages : 155
Inscrit(e) le : 14/09/2010

http://passion-animaux2010.forumactif.org
Coco2010 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images de messages

Message par ge80 le Dim 3 Oct 2010 - 13:30



Copiez le code CSS de la page ici entre balise code.

Je ferai la modification.

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images de messages

Message par Coco2010 le Dim 3 Oct 2010 - 13:32

body
{ background-attachment: scroll;
background-repeat: no-repeat;
background-position: top center;
}
ul.navlinks { border: none; }
#wrap {
background-attachment: scroll;
background-image: url("http://i62.servimg.com/u/f62/13/52/25/78/cadre_17.png");
background-repeat: no-repeat;
background-position: bottom right;
}
.topiclist dl.icon {
min-height: 30px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 30px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 30px;
}
ul.pmlist dt {
padding-left: 30px;
}
.forabg {
margin-bottom: 4px;
clear: both;
background-color: #;
background-image: url('http://i62.servimg.com/u/f62/13/52/25/78/pf214.jpg');
background-repeat: repeat;
background-position: 0 0;
border: 2px solid #;
padding: 0px 5px;
}
.forumbg {
background-color: #;
background-image: url('http://i62.servimg.com/u/f62/13/52/25/78/pf214.jpg');
background-repeat: repeat;
background-position: 0 0;
border: 2px solid #;
padding: 0px 5px;
margin-bottom: 4px;
clear: both;
}
.navbar span.corners-top { background-image: none; }
.navbar span.corners-top span { background-image: none; }
.navbar span.corners-bottom { background-image: none; }
.navbar span.corners-bottom span { background-image: none; }

.headerbar span.corners-top { background-image: none; }
.headerbar span.corners-top span { background-image: none; }
.headerbar span.corners-bottom { background-image: none; }
.headerbar span.corners-bottom span { background-image: none; }

a.button1, input.button1 {
font-weight: bold;
border: 1px solid #156389;
}
a.button2, input.button2, button.button2 {
border: 1px solid #156389;
}
a.button1, input.button1, a.button2, input.button2, button.button2 {
background-image: url("http://i62.servimg.com/u/f62/13/52/25/78/pf112.jpg");
background-repeat: repeat;
background-position: top left;
}
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
background-image: url("http://i62.servimg.com/u/f62/13/52/25/78/pf212.jpg");
background-repeat: repeat;
background-position: top left;
}.topiclist dl.icon {
min-height: 102px;
background-position: 2px 50%;
}
.topiclist dl.icon {
min-height: 102px;
background-position: 2px 50%;
}.topiclist dl.icon {
min-height: 102px;
}
.topiclist dl.icon {
min-height: 102px;
background-position: 2px 50%;
}


* html .topiclist dl.icon {
height: 102px;
}


.topiclist dl.icon {
min-height: 102px;
}


ul.topics dt,ul.topics dd.dterm {
padding-left: 102px;
}

Coco2010
***

Féminin
Messages : 155
Inscrit(e) le : 14/09/2010

http://passion-animaux2010.forumactif.org
Coco2010 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images de messages

Message par Coco2010 le Dim 3 Oct 2010 - 13:33

voila tout mon code, il est long

Coco2010
***

Féminin
Messages : 155
Inscrit(e) le : 14/09/2010

http://passion-animaux2010.forumactif.org
Coco2010 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images de messages

Message par Coco2010 le Dim 3 Oct 2010 - 13:38

et aussi si vous pouviez décale encore un peut le texte, car il déborde d'une lettre sur les image ou il y a marqué le règlement, présentation des membres...

Coco2010
***

Féminin
Messages : 155
Inscrit(e) le : 14/09/2010

http://passion-animaux2010.forumactif.org
Coco2010 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images de messages

Message par ge80 le Dim 3 Oct 2010 - 13:52

Code:


body
{ background-attachment: scroll;
 background-repeat: no-repeat;
 background-position: top center;
}
ul.navlinks { border: none; }
#wrap {
background-attachment: scroll;
background-image: url("http://i62.servimg.com/u/f62/13/52/25/78/cadre_17.png");
background-repeat: no-repeat;
background-position: bottom right;
}
.topiclist dl.icon {
min-height: 30px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 30px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 30px;
}
ul.pmlist dt {
padding-left: 30px;
}
.forabg {
   margin-bottom: 4px;
   clear: both;
   background-color: #;
   background-image: url('http://i62.servimg.com/u/f62/13/52/25/78/pf214.jpg');
   background-repeat: repeat;
   background-position: 0 0;
   border: 2px solid #;
   padding: 0px 5px;
   }
.forumbg {
   background-color: #;
   background-image: url('http://i62.servimg.com/u/f62/13/52/25/78/pf214.jpg');
   background-repeat: repeat;
   background-position: 0 0;
   border: 2px solid #;
   padding: 0px 5px;
   margin-bottom: 4px;
   clear: both;
   }
.navbar span.corners-top { background-image: none; }
.navbar span.corners-top span { background-image: none; }
.navbar span.corners-bottom { background-image: none; }
.navbar span.corners-bottom span { background-image: none; }

.headerbar span.corners-top { background-image: none; }
.headerbar span.corners-top span { background-image: none; }
.headerbar span.corners-bottom { background-image: none; }
.headerbar span.corners-bottom span { background-image: none; }

a.button1, input.button1 {
   font-weight: bold;
   border: 1px solid #156389;
   }
a.button2, input.button2, button.button2 {
   border: 1px solid #156389;
   }
a.button1, input.button1, a.button2, input.button2, button.button2 {
background-image: url("http://i62.servimg.com/u/f62/13/52/25/78/pf112.jpg");
background-repeat: repeat;
background-position: top left;
}
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
background-image: url("http://i62.servimg.com/u/f62/13/52/25/78/pf212.jpg");
background-repeat: repeat;
background-position: top left;
}

.topiclist dl.icon {
min-height: 120px;
background-position: 2px 50%;
}
* html .topiclist dl.icon {
height: 120px;
}
ul.topics dt,ul.topics dd.dterm {
padding-left: 120px;
}
ul.pmlist dt,ul.pmlist dd.dterm {
padding-left: 120px;
}


Marquez tout votre CSS et vous effacez.

Puis vous copiez celui-ci à la place
Enregistrer et tester.

Pour la modification ou position des marges : il faut reprendre le point 1 du tutoriel.
Dans le panneau d'administration :
Like a Star @ heaven Affichage
Like a Star @ heaven Gestions des images (mode avancé)
Like a Star @ heaven Onglet "Icônes des sujets"

et mettre 120px pour les deux valeurs.

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images de messages

Message par Coco2010 le Dim 3 Oct 2010 - 13:55

donc j'efface en entier le code que je vous ai montré et je met celui que vous m'avez donné Question

Coco2010
***

Féminin
Messages : 155
Inscrit(e) le : 14/09/2010

http://passion-animaux2010.forumactif.org
Coco2010 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images de messages

Message par ge80 le Dim 3 Oct 2010 - 13:57

Oui, tout à fait, c'est le même avec les lignes modifiées à la fin.


ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images de messages

Message par Coco2010 le Dim 3 Oct 2010 - 13:58

daccord merci je vais essayé

Coco2010
***

Féminin
Messages : 155
Inscrit(e) le : 14/09/2010

http://passion-animaux2010.forumactif.org
Coco2010 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images de messages

Message par ge80 le Dim 3 Oct 2010 - 14:03

Courage Wink

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images de messages

Message par Coco2010 le Dim 3 Oct 2010 - 14:03

ça marche, mais le texte chevauche toujours les images

Coco2010
***

Féminin
Messages : 155
Inscrit(e) le : 14/09/2010

http://passion-animaux2010.forumactif.org
Coco2010 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images de messages

Message par ge80 le Dim 3 Oct 2010 - 14:05

comme dit plus haut

Pour la modification ou position des marges : il faut reprendre le point 1 du tutoriel.
Dans le panneau d'administration :
Like a Star @ heaven Affichage
Like a Star @ heaven Gestions des images (mode avancé)
Like a Star @ heaven Onglet "Icônes des sujets"

et mettre 120px pour les deux valeurs.

Vous ne l'avez pas fait.

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images de messages

Message par Coco2010 le Dim 3 Oct 2010 - 14:08

en fait j'ai cherché, mais je ne trouve pas ou l'on doit mettre ça.

Coco2010
***

Féminin
Messages : 155
Inscrit(e) le : 14/09/2010

http://passion-animaux2010.forumactif.org
Coco2010 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images de messages

Message par Coco2010 le Dim 3 Oct 2010 - 14:09

moi il n'y a que les images pas de nouveaux messages, nouveaux messages...

Coco2010
***

Féminin
Messages : 155
Inscrit(e) le : 14/09/2010

http://passion-animaux2010.forumactif.org
Coco2010 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images de messages

Message par ge80 le Dim 3 Oct 2010 - 14:13

Réglez les dimensions de la cellule image de catégorie et forum :

Like a Star @ heaven Général
Like a Star @ heaven Configuration --> Structure des pages


Vous l'aviez fait hier.
C'est la même chose mais simplement changer la valeur 100 px en 120 px.

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images de messages

Message par Coco2010 le Dim 3 Oct 2010 - 14:15

je me disais bien aussi. Car vous aviez dit
affichage
gestion des images
et onglet icone des sujets

Coco2010
***

Féminin
Messages : 155
Inscrit(e) le : 14/09/2010

http://passion-animaux2010.forumactif.org
Coco2010 a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 3 Précédent  1, 2, 3  Suivant

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