Cadrage réponse rapide
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Cadrage réponse rapide
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 19/04/2020
Lien du forum : https://lightuptheskies.forumactif.com/
Description du problème
Bonjour,J'aimerais savoir comment je pourrais aligner correctement la boite de réponse rapide pour qu'elle ne cache pas l'avatar.
Voici mon code CSS
- Spoiler:
- Code:
/*EDITION*/
-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }
/*JUSTIFICATION*/
.postbody {
display: block;
font-size: 11px;
padding-left: 25px;
padding-right: 25px;
text-align:justify;
line-height:1.6;
line-height: 18px;
}
/*soulignement*/
a { cursor: default; text-decoration: none; }
a:hover {
text-decoration: none !important;
cursor: default;
}
/*Liste des membres*/
.memberlist_inner img:first-child {
width: 145px;
background-color: ;
border-color: #;
border-radius: 0px;
border-style: solid;
border-width: 0px;
box-shadow: ;
}
.memberlist_container {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding:5px;
}
.memberlist_item {
flex: 0 1 auto;
margin:5px;
}
.memberlist_inner img:first-child:hover {
width: 145px;
background-color: ;
border-radius: 0px;
border-style: solid;
border-width: 0px;
box-shadow: ;
filter: grayscale(100%);
}
.memberlist_inner img:first-child {
width: 140px;
background-color: ;
border-radius: 0px;
border-style: solid;
border-width: 0px;
box-shadow: ;
filter: grayscale(100%);
}
.memberlist_inner {
position:relative;
}
.memberlist_inner_description {
position:absolute;
top: 0px;
left: 0px;
bottom: 0px;
right:0px;
font-size: 10px;
text-transform: uppercase;
background: white;
opacity: 0;
color: ;
transition: 1s;
overflow: auto;
padding: 10px;
text-align: center;
box-sizing: border-box;
}
.memberlist_inner_description:hover {
opacity: 1;
transition: 1s;
}
.memberlist_links {
padding-top: 8px;
}
/*AVATAR*/
.lastpost-avatar {
float: left;
padding: 2px;
}
.lastpost-avatar img {
width: 40px;
height: 60px;
border-radius: 0px;
}
.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
padding: 2px 3px;
}
.lastpost {
font-family: montserrat;
font-style: normal;
font-size: 9px;
line-height: 11px;
text-align: left!important;
text-transform: uppercase;
letter-spacing: 1px;
}
.postdetails.poster-profile img {
width:200px;
display:block;
}
.name{
font-size : 8px;
font-family: verdana;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
vertical-align: middle;
}
.postprofile{
text-align: center;
}
.pseudocat {
font-size : 9px;
font-family: verdana;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
vertical-align: middle;
}
a.gensmall {
font-size : 8px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
vertical-align: middle;
}
.field_uneditable img {
max-width:200px;}
.abtPFIL .field_uneditable img {
width: 200px;
}
.dermess {
position: relative;
display: inline-block;
color: black;
width: 151px;
text-align: left;
font-weight: bold;
}
.dermess .lastpost {
font-size: 8px;
font-weight: bold;
padding-top: 16px;
padding-left: 10px;
display: block;
text-align: left!important;
}
.lastpost strong {
font-size: 8px;
}
/*Avatar boite message*/
/*Avatar*/
#av_quickreply img {
left: 15px;
position: relative;
top: 35px;
max-width: 100px;
max-height: 160px;
}
#av_quickreply {
float: left;
position : absolute;
}
/*Boite message*/
div.sceditor-container{
min-height:250px !important;
width: 570px!important;
margin: 0 auto;
}
div.sceditor-toolbar {
background-color: #FFFFFF!important;
width: 540px !important;
align-content:left !important;
}
div.sceditor-group {
background-color: #FFFFFF !important;
align-content: left !important;
}
/* bordure sous les groupes de bouton */
body div.sceditor-group {
border-bottom: none!important;
}
#parent_editor_simple .row2{
margin-left:10px!mportant;
top:-10px!important;
max-width:650px!important;
}
#parent_editor_simple div.sceditor-container
{
margin-left:10px!mportant;
top:-2px!important;
width:625px!important;
}
#parent_editor_simple div.sceditor-toolbar {
margin-left:10px!mportant;
top:-2px!important;
background-color: #FFFFFF!important;
width: 615px !important;
}
Merci d'avance.
Re: Cadrage réponse rapide
Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu » |
Re: Cadrage réponse rapide
Je n'ai toujours pas de solution/réponse.
Up.
Up.
Re: Cadrage réponse rapide
Bonjour neon lights
Changer le code (JS) utilisé pour:
Changer le code (JS) utilisé pour:
- Code:
(function($) {
'use strict';
$(function() {
if (!$('#quick_reply')) return;
$('<td>', {
'class': 'row2'
}).html([
'<div>',
' ' + _userdata.avatar,
'</div>'
].join('\n')).insertBefore('#quick_reply > table tr:first td');
$('<td>').insertBefore('#quick_reply > table tr:last td');
});
})(jQuery);
Re: Cadrage réponse rapide
Oy o/
Je me suis permis de créer un compte pour voir ça de plus près :b
Dans le CSS, ajouter et/ou modifier (si déjà existant):
Je me suis permis de créer un compte pour voir ça de plus près :b
Dans le CSS, ajouter et/ou modifier (si déjà existant):
- Code:
form#quick_reply {
padding: 15px;
}
#av_quickreply img {
max-height: 320px;
max-width: 200px;
}
#av_quickreply {
float: left;
}
Dernière édition par Kehoru le Jeu 21 Mai 2020 - 22:28, édité 1 fois
Re: Cadrage réponse rapide
Hello Kehoru,
juste pour information, il y a des doublons dans ta feuille se style .
a++
juste pour information, il y a des doublons dans ta feuille se style .
a++
Invité- Invité
Re: Cadrage réponse rapide
Milouze14 a écrit:Hello Kehoru,
juste pour information, il y a des doublons dans ta feuille se style .
a++
Hello Milouze o/
Oulah, j'ai dû aller trop vite x_x C'est modifié, merci à toi !
Re: Cadrage réponse rapide
Hello Kehoru,
De rien , cela m'arrive parfois aussi .
a++
Kehoru a écrit:Milouze14 a écrit:Hello Kehoru,
juste pour information, il y a des doublons dans ta feuille se style .
a++
Hello Milouze o/
Oulah, j'ai dû aller trop vite x_x C'est modifié, merci à toi !
De rien , cela m'arrive parfois aussi .
a++
Invité- Invité
Re: Cadrage réponse rapide
Bonjour, merci beaucoup à vous pour cette aide.
Je me demandais s'il était possible de réduire la taille de l'avatar.
J'ai ce résultat
J'ai tenté de changer les 320 px et 200 px dans le CSS mais cela ne m'a rien changé.
Je me demandais s'il était possible de réduire la taille de l'avatar.
J'ai ce résultat
- Spoiler:
J'ai tenté de changer les 320 px et 200 px dans le CSS mais cela ne m'a rien changé.
Re: Cadrage réponse rapide
Re,
Ajoute ou change (si code déjà présent) ceci -toujours dans le CSS:
Ajoute ou change (si code déjà présent) ceci -toujours dans le CSS:
- Code:
form#quick_reply table tbody tr td.row2:first-child {
padding-top: 3px;
display: block;
}
form#quick_reply td.row2 div img {
height: 250px;
}
Re: Cadrage réponse rapide
Merci infiniment, le problème est résolu.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum