[Réglé] Galeries d'avatars à l'affichage étrange

Forum de support pour les questions concernant l'utilisation de phpBB 3.1, les problèmes rencontrés lors de manipulations, de configuration du forum ou de personnalisation autres que les Styles ou les Extensions.

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com

Pensez à effectuer une recherche, la réponse à votre question a de grandes chances d'avoir déjà été donnée.

[Réglé] Galeries d'avatars à l'affichage étrange

Messagepar Casio » 03 Aoû 2015 à 15:16

Salutations,

j'avais soulevé le pb il y a 2 ans dans ce post, mais ma récente MaJ en 3.1.5 ne semble pas avoir corrigé le pb.
Je ré-explique donc ici :

Casio a écrit:Est-il normal que les galeries d'avatars s'affichent de cette manière désaxée ?

http://wda-fr.org/test/tempo/avatars.png

Et ceci qu'elle que soit la taille de la fenêtre...


Auriez-vous une idée ?
Image
Avatar de l’utilisateur
Casio
Roi des posts
Roi des posts
 
Messages: 506
Enregistré le: 02 Jan 2004 à 20:09
Localisation: Paris XVII / FRANCE

Re: Galeries d'avatars à l'affichage étrange

Messagepar cabot » 03 Aoû 2015 à 16:04

Hello,

Un compte test et un lien vers le forum 3.1, stp, il doit y avoir moyen de régler ça à coup de CSS.
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26802
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Galeries d'avatars à l'affichage étrange

Messagepar Casio » 03 Aoû 2015 à 21:11

cabot a écrit:Un compte test et un lien vers le forum 3.1

Aucun pb, merci de votre aide.
Voici un des comptes tests. Je viens de le sortir du groupe nouvel utilisateur spécialement pour vos tests.

Forum : http://forum.wda-fr.org
Nom d'utilisateur : Envoyé par MP
Mot de passe : Envoyé par MP

Merci ;-)
Image
Avatar de l’utilisateur
Casio
Roi des posts
Roi des posts
 
Messages: 506
Enregistré le: 02 Jan 2004 à 20:09
Localisation: Paris XVII / FRANCE

Re: Galeries d'avatars à l'affichage étrange

Messagepar cabot » 04 Aoû 2015 à 08:48

Ouvre cp.css, trouve :
Code: Tout sélectionner
#gallery label {
	position: relative;
	float: left;
	margin: 10px;
	padding: 5px;
	width: auto;
	border: 1px solid transparent;
	text-align: center;
}

Commente ou supprime :
Code: Tout sélectionner
float: left;
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26802
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Galeries d'avatars à l'affichage étrange

Messagepar Casio » 04 Aoû 2015 à 16:44

Dans le cp.css de notre thème "we_universal", il n'y a visiblement pas de paragraphe #gallery label :

Code: Tout sélectionner
/**
 * User Control Panel and Moderator Control Panel
 */
#tabs + .panel,
#attach-panel,
#poll-panel,
.section-ucp #postform > .panel.bg3 {
	border-top-left-radius: 0;
}

#tabs {
	margin-left: 0;
}

#tabs .tab > a {
	margin-top: 0;
	padding: 11px;
	border: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: #dfdfdf;
	color: #6b6b6b;
}

#tabs .tab > a:hover,
#tabs .tab > a:active {
	background: #e9e9e9;
	color: #bc2a4d;
}

#tabs .activetab > a,
#tabs .activetab > a:hover {
	box-shadow: none;
	border-bottom: 1px solid #ececec;
	background: #ececec;
	color: #414141;
}

#tabs .activetab > a:hover,
#tabs .activetab > a:active {
	color: #bc2a4d;
}

/* Subsection navigation */
#navigation {
	padding-top: 38px;
}

#navigation a {
	padding: 8px 6px;
	background: #ccc;
	color: #525252;
}

#navigation a:hover,
#navigation a:active {
	background: #bbb;
	color: #bc2a4d;
}

#navigation #active-subsection a,
#navigation #active-subsection a:hover {
	color: #bc2a4d;
}

/* MCP mini tabs */
#minitabs {
	margin-top: 8px;
}

#minitabs .tab > a {
	display: block;
	padding: 8px;
	border-radius: 0;
	background: #ccc;
	color: #525252;
}

#minitabs .tab > a:hover,
#minitabs .tab > a:active {
	background: #bbb;
	color: #bc2a4d;
}

#minitabs .activetab > a,
#minitabs .activetab > a:focus,
#minitabs .activetab > a:hover {
	background: #f9f9f9;
	color: #bc2a4d !important;
}

/* Friends list */
.cp-mini {
	margin: 10px 10px 0 0;
	padding: 8px;
	border-radius: 7px;
	background: #f8f8f8;
	line-height: 18px;
}

dl.mini dt {
	color: #3f3f3f;
}

.pm-legend:first-of-type {
	margin-top: 8px;
}

.pm-legend {
	margin-bottom: 5px;
	padding-top: 0 !important;
	padding-left: 5px;
	line-height: 22px;
}

/* Inside panels */
#cp-main h3,
#cp-main hr,
#cp-menu hr {
	border-color: #ccc;
}

#cp-main .panel {
	clear: both;
	padding-top: 8px;
}

#cp-main .panel p {
	font-size: 12px;
}

#cp-main .panel + fieldset.submit-buttons {
	margin-top: 10px;
}

#cp-main fieldset.display-actions {
	margin-top: 10px;
	padding-right: 0;
}

#cp-main fieldset.display-actions div {
	margin-top: 4px;
}

#cp-main fieldset.display-actions .left-box {
	margin-top: 0;
}

#cp-main fieldset.forum-selection {
	margin-top: 0;
	margin-bottom: 8px;
}

dl.details {
	line-height: 18px;
	font-size: 12px;
}

dl.details dt {
	color: #414141;
}

dl.details dd {
	margin-bottom: 4px;
	color: #525252;
}

ul.cplist {
	margin-bottom: 15px;
	border-top: 0;
	border-bottom: 3px solid #cacaca;
}

/* Forum/topic lists */
#cp-main .panel li.header dd,
#cp-main .panel li.header dt,
#cp-main .panel li.header a {
	color: #fff;
}

.section-ucp ul.topiclist li.header,
.section-mcp ul.topiclist li.header {
	display: block;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: #4c4c4c;
}

.section-ucp ul.topiclist dl.icon,
.section-mcp ul.topiclist dl.icon {
	background-position: 14px 50%;
}

.section-ucp ul.topiclist dl.icon dt,
.section-mcp ul.topiclist dl.icon dt {
	width: 100%;
	padding-left: 55px;
}

.section-ucp ul.topiclist li.row dt {
	background: transparent !important;
}

.section-ucp ul.topiclist .bg1,
.section-mcp ul.topiclist .bg1 {
	background-color: #f2f2f2;
}

.section-ucp ul.topiclist .bg2,
.section-mcp ul.topiclist .bg2 {
	background-color: #fafcfe;
}

.section-ucp ul.topiclist + h3 {
	margin-top: 30px;
}

dd.mark {
	width: 60px;
	float: none !important;
}

/* Private messages list */
#cp-main .buttons {
	margin-bottom: 8px;
}

#cp-main ul.linklist .pagination {
	margin-top: 5px;
	margin-bottom: 5px;
}

#viewfolder ul.topiclist,
#cp-main ul.linklist + p {
	clear: both;
}

#viewfolder ul.topiclist li.header dt {
	width: 100%;
	padding-left: 55px;
}
Image
Avatar de l’utilisateur
Casio
Roi des posts
Roi des posts
 
Messages: 506
Enregistré le: 02 Jan 2004 à 20:09
Localisation: Paris XVII / FRANCE

Re: Galeries d'avatars à l'affichage étrange

Messagepar cabot » 04 Aoû 2015 à 17:23

Ah oui, le style utilise aussi les CSS de prosilver, ajoute ça dans ton fichier cp.css :

Code: Tout sélectionner
#gallery label {
	float: none;
}
Image
Avatar de l’utilisateur
cabot
Equipe site
Equipe site
 
Messages: 26802
Enregistré le: 13 Fév 2011 à 20:42
Localisation: Rarement sur la plaque

Re: Galeries d'avatars à l'affichage étrange

Messagepar Casio » 30 Déc 2017 à 16:46

Nickel ! Cela fonctionne à merveille, et même sur leur nouveau thème (toujours pas mis à jour donc...)

Je clos la requête.
Merci ! ;-)
Image
Avatar de l’utilisateur
Casio
Roi des posts
Roi des posts
 
Messages: 506
Enregistré le: 02 Jan 2004 à 20:09
Localisation: Paris XVII / FRANCE


Retourner vers Utilisation

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Bing [Bot] et 2 invités