Augmenter l'espace icone dans les sujets

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

Résolu Augmenter l'espace icone dans les sujets

Message par yangra le Mer 16 Mai 2012 - 14:39

Bonjour à tous,

J'ai un "petit" soucis...

Voilà, j'ai l'icone qui se supperpose avec le sujet... les paroles ne remplacent pas une image :



J'ai entré le code suivant :

Code:
dl.icon dd.dterm, dl.icon dt {
margin-left : 5px;
  }

Le texte du sujet s'est bien déplacé à droite, mais là, je me retrouve avec le petit trait à gauche...




Ce trait appartient aux cadres des cellules. Je peux supprimer ces cadres en supprimant leur couleur, mais ça ne m'arrange pas esthétiquement. Je ne veux vraiment enlever que CE trait, coté gauche du forum. Est-ce possible?

Merci pour votre aide!



Dernière édition par yangra le Mar 22 Mai 2012 - 11:35, édité 1 fois

yangra
*

Messages : 41
Inscrit(e) le : 15/05/2012

http://techniqueg60.forumactif.com/
yangra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Augmenter l'espace icone dans les sujets

Message par SandyL le Mer 16 Mai 2012 - 16:03

Bonjour,

Essayez en collant le code ci dessous dans :
Arrow Panneau d'administration
Arrow Affichage
Arrow Couleurs : Onglet "Feuille de style css" (pensez à valider)

Code:
 dl.icon {
min-height: 55px;
background-position: 2px 50%;
}
* html dl.icon {
height: 55px;
}
ul.topics dt {
padding-left: 75px;
}
ul.pmlist dt {
padding-left: 75px;
}

Vous pouvez changer le chiffres des "px" pour s'adapter à votre image.

Very Happy

SandyL
+ Hyperactif +

Féminin
Messages : 26992
Inscrit(e) le : 14/06/2007

http://www.monzoo.net/myzoo.php?pseudo=Arkana
SandyL a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Augmenter l'espace icone dans les sujets

Message par hutchbidou le Mer 16 Mai 2012 - 18:56

Bonjour,

j'avais le même problème aujourd'hui, j'ai essayé le code de SandyL sans succès malheureusement.
En revanche, j'ai repris votre code et plutôt que de toucher aux marges extérieures des cellules, j'ai décidé de m'attaquer aux marges intérieures avec un padding au lieu du margin, et cela a fonctionné pour ce qui est des forums, mais ça a modifié aussi sur la page d'accueil et là ça me décale tout Confused . Parce que je n'ai, à la base, pas le même décalage par rapport aux bords de la cellule.

hutchbidou
Nouveau membre

Messages : 1
Inscrit(e) le : 16/05/2012

http://holsteiner.forum-actif.eu
hutchbidou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Augmenter l'espace icone dans les sujets

Message par yangra le Mer 16 Mai 2012 - 20:10

@SandyL a écrit:Bonjour,

Essayez en collant le code ci dessous dans :
Arrow Panneau d'administration
Arrow Affichage
Arrow Couleurs : Onglet "Feuille de style css" (pensez à valider)

Code:
 dl.icon {
min-height: 55px;
background-position: 2px 50%;
}
* html dl.icon {
height: 55px;
}
ul.topics dt {
padding-left: 75px;
}
ul.pmlist dt {
padding-left: 75px;
}

Vous pouvez changer le chiffres des "px" pour s'adapter à votre image.

Very Happy

Merci pour votre aide.
Les premiers px me changent la position de l'icone, c'est déjà pas mal. Mais ça ne me décale pas le sujet, ce qui fait que mon icone se superpose avec le texte.
Les 3 derniers px ne modifient rien sur la page... Embarassed

yangra
*

Messages : 41
Inscrit(e) le : 15/05/2012

http://techniqueg60.forumactif.com/
yangra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Augmenter l'espace icone dans les sujets

Message par SandyL le Mer 16 Mai 2012 - 20:19

Pouvez-vous remettre les icônes de message et me donner le lien vers votre forum afin de visualiser Very Happy

SandyL
+ Hyperactif +

Féminin
Messages : 26992
Inscrit(e) le : 14/06/2007

http://www.monzoo.net/myzoo.php?pseudo=Arkana
SandyL a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Augmenter l'espace icone dans les sujets

Message par yangra le Mer 16 Mai 2012 - 21:07

@SandyL a écrit:Pouvez-vous remettre les icônes de message et me donner le lien vers votre forum afin de visualiser Very Happy

Hello, voici : http://techniqueg60.forumactif.com/f9-la-vie-du-site

Dites moi quand vous l'aurez visualisé, que je remette un icone qui pesse mieux, merci!

Merci en tous cas de vous pencher sur mon problème Wink

yangra
*

Messages : 41
Inscrit(e) le : 15/05/2012

http://techniqueg60.forumactif.com/
yangra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Augmenter l'espace icone dans les sujets

Message par yangra le Mer 16 Mai 2012 - 21:13

Il y a bien dans les menus de configuration "largeur de la cellule image catégorie / forum" mais cette valeur n'affecte que la page d'accueil

yangra
*

Messages : 41
Inscrit(e) le : 15/05/2012

http://techniqueg60.forumactif.com/
yangra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Augmenter l'espace icone dans les sujets

Message par SandyL le Mer 16 Mai 2012 - 21:15

Vous avez d'autres code dans votre css perso ?

SandyL
+ Hyperactif +

Féminin
Messages : 26992
Inscrit(e) le : 14/06/2007

http://www.monzoo.net/myzoo.php?pseudo=Arkana
SandyL a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Augmenter l'espace icone dans les sujets

Message par yangra le Mer 16 Mai 2012 - 21:19

Voici :

Code:
/****** modif taille police titres forums + décalage vers le haut ****/
.forumtitle {
  display: inline;
  line-height : 25px;
    font-size: 14px !important;
  font-family : ;
}
/****** agrandissement taille police titre forum au passage de la souris ****/
        .forumtitle:hover {
          font-size: 16px !important;
        }
/****** modif taille police catégorie + centrage horizontal + centrage vertical ****/
.table-title, .table-title h2 {
    color: #F7FF00;
    display: block;
    font-size: 14px;
    font-weight : bold;
  text-align : center; 
  margin-top: 0px;
  }
/****** largeur colonne icone dans sujets ****/
dl.icon dd.dterm, dl.icon dt {
margin-left : px;
  }
/****** largeur colonne icone dans sujets ****/
 dl.icon {
min-height: 55px;
background-position: 2px 50%;
}
* html dl.icon {
height: 55px;
}
ul.topics dt {
padding-left: 75px;
}
ul.pmlist dt {
padding-left: 75px;
}

Même en supprimant tous les codes, je me retrouve avec le même problème

yangra
*

Messages : 41
Inscrit(e) le : 15/05/2012

http://techniqueg60.forumactif.com/
yangra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Augmenter l'espace icone dans les sujets

Message par yangra le Jeu 17 Mai 2012 - 12:46

up!

yangra
*

Messages : 41
Inscrit(e) le : 15/05/2012

http://techniqueg60.forumactif.com/
yangra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Augmenter l'espace icone dans les sujets

Message par yangra le Ven 18 Mai 2012 - 12:49

up Crying or Very sad

yangra
*

Messages : 41
Inscrit(e) le : 15/05/2012

http://techniqueg60.forumactif.com/
yangra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Augmenter l'espace icone dans les sujets

Message par yangra le Sam 19 Mai 2012 - 15:58

up! Personne pour me dire comment élargir cet espace? Crying or Very sad

yangra
*

Messages : 41
Inscrit(e) le : 15/05/2012

http://techniqueg60.forumactif.com/
yangra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Augmenter l'espace icone dans les sujets

Message par SandyL le Sam 19 Mai 2012 - 18:48

Vous pouvez essayer avec ceci :

Code:
/****** modif taille police titres forums + décalage vers le haut ****/
.forumtitle {
display: inline;
line-height : 25px;
font-size: 14px !important;
font-family : ;
}
/****** agrandissement taille police titre forum au passage de la souris ****/
.forumtitle:hover {
font-size: 16px !important;
}
/****** modif taille police catégorie + centrage horizontal + centrage vertical ****/
.table-title, .table-title h2 {
color: #F7FF00;
display: block;
font-size: 14px;
font-weight : bold;
text-align : center;
margin-top: 0px;
}
/****** largeur colonne icone dans sujets ****/
dl.icon {
min-height: 55px;
background-position: 2px 50%;
}
* html dl.icon {
height: 55px;
}
ul.topics dt {
padding-left: 75px;
}
ul.pmlist dt {
padding-left: 75px;
}

SandyL
+ Hyperactif +

Féminin
Messages : 26992
Inscrit(e) le : 14/06/2007

http://www.monzoo.net/myzoo.php?pseudo=Arkana
SandyL a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Augmenter l'espace icone dans les sujets

Message par yangra le Sam 19 Mai 2012 - 22:50

Non, toujours pas Sad

yangra
*

Messages : 41
Inscrit(e) le : 15/05/2012

http://techniqueg60.forumactif.com/
yangra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Augmenter l'espace icone dans les sujets

Message par SandyL le Dim 20 Mai 2012 - 12:21

reflexion Bizarre

SandyL
+ Hyperactif +

Féminin
Messages : 26992
Inscrit(e) le : 14/06/2007

http://www.monzoo.net/myzoo.php?pseudo=Arkana
SandyL a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Augmenter l'espace icone dans les sujets

Message par yangra le Lun 21 Mai 2012 - 15:12

Voilà ce que j'obtiens : l'icone est toujours trop large, et il empiète sur le texte




n'y a t'il pas de possibilité pour décaler le texte???




Encore une petite chose, peut-on placer le titre "sujets" au centre de la cellule, et non pas collé à gauche comme là?



Merci en tous cas!

yangra
*

Messages : 41
Inscrit(e) le : 15/05/2012

http://techniqueg60.forumactif.com/
yangra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Augmenter l'espace icone dans les sujets

Message par yangra le Mar 22 Mai 2012 - 11:09

up!

yangra
*

Messages : 41
Inscrit(e) le : 15/05/2012

http://techniqueg60.forumactif.com/
yangra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Augmenter l'espace icone dans les sujets

Message par yangra le Mar 22 Mai 2012 - 11:35

Ca y est, j'ai trouvé, j'ai entré ce code :

Code:
ul.topics dd.dterm, ul.topics dt {
display: block;
float: left;
padding-left: 75px;
width: 50%;
min-height: 55px;}

En modifiant padding-left, vous modifiez l'espace pour votre icone Wink

yangra
*

Messages : 41
Inscrit(e) le : 15/05/2012

http://techniqueg60.forumactif.com/
yangra 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