[Réglé] Modifier le positionnement d'une icone sujet

Pour les recherches et les demandes de modifications de styles concernant votre forum phpBB 3.1

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com - Conditions générales de support graphique

Attention : pour éviter les bogues, votre style doit être mis à jour en même temps que votre forum, et ce, dans la dernière version disponible de phpBB !

[Réglé] Modifier le positionnement d'une icone sujet

Messagepar sylroc » 13 Juil 2015 à 15:58

Bonjour,

J'aimerais savoir comment faire pour modifier l'emplacement des icônes sujet.

voici un lien pour mieux expliqué (http://krazy-users.fr/forum/viewforum.php?f=26).

Actuellement l'icône est sur le bouton du sujet et j'aimerais l'implanter en php à gauche du titre.

Merci par avance. :D
Modifié en dernier par sylroc le 14 Juil 2015 à 15:13, modifié 1 fois.
sylroc
Posteur néophyte
Posteur néophyte
 
Messages: 8
Enregistré le: 14 Juin 2015 à 14:59

Re: Modifier le positionnement d'une icone sujet

Messagepar cabot » 13 Juil 2015 à 16:30

Hello,

Code: Tout sélectionner
ul.topiclist dt[style*="background-image"] a.topictitle {
	padding-left: 15px;
}
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26821
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Modifier le positionnement d'une icone sujet

Messagepar sylroc » 13 Juil 2015 à 16:57

merci de ta réponse rapide :D

la condition fonctionne (je n'étais d'ailleurs pas au courant que l'on pouvait faire des conditions en css) seulement ce n'est pas tout a fait ce que je recherche.

Un exemple, suivant l'image ci-dessous, pour le moment nous avons la ligne du dessus et nous voudrions obtenir celle du dessous sauf que dans le code on ne sait pas comment s'y prendre.

http://www.noelshack.com/2015-29-1436799255-onve.png (fait avec photoshop*)
sylroc
Posteur néophyte
Posteur néophyte
 
Messages: 8
Enregistré le: 14 Juin 2015 à 14:59

Re: Modifier le positionnement d'une icone sujet

Messagepar cabot » 13 Juil 2015 à 17:26

Ce n'est pas une condition CSS, c'est un sélecteur d'attribut. ^^

On part du principe que seule la présence d'une icône à cet endroit ajoute du style inline dans le HTML puisque la condition est faite ainsi dans le fichier viewtopic_body :
Code: Tout sélectionner
<dt<!-- IF topicrow.TOPIC_ICON_IMG and S_TOPIC_ICONS --> style="background-image: url({T_ICONS_PATH}{topicrow.TOPIC_ICON_IMG}); background-repeat: no-repeat;"<!-- ENDIF --> title="{topicrow.TOPIC_FOLDER_IMG_ALT}">

Il ne reste plus qu'à cibler la balise dt qui utilise un attribut de style dont la valeur contient l’occurrence background-image. :)

Remplace :
Code: Tout sélectionner
ul.topiclist dt[style*="background-image"] a.topictitle {
	padding-left: 15px;
}

Par :
Code: Tout sélectionner
ul.topiclist dt[style*="background-image"] {
	background-position: 40px 15%;
}

ul.topiclist dt[style*="background-image"] a.topictitle {
	padding-left: 50px;
}
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26821
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Modifier le positionnement d'une icone sujet

Messagepar sylroc » 14 Juil 2015 à 15:13

Merci beaucoup ça fonctionne nikel!!

Continuez ce que vous faites, c'est au top!
sylroc
Posteur néophyte
Posteur néophyte
 
Messages: 8
Enregistré le: 14 Juin 2015 à 14:59


Retourner vers [3.1.x] Modifications et recherche de styles

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 1 invité