Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Cadrage réponse rapide

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

Résolu Cadrage réponse rapide

Message par neon lights le Jeu 14 Mai 2020 - 0:38

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:
Cadrage réponse rapide HcppOerL_o

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.
neon lights

neon lights
Nouveau membre

Messages : 7
Inscrit(e) le : 28/04/2020

Voir le profil de l'utilisateur https://lightuptheskies.forumactif.com/
neon lights a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadrage réponse rapide

Message par Chacha le Mer 20 Mai 2020 - 9:39

Cadrage réponse rapide UmaslZ4Bonjour,

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 »
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 62868
Inscrit(e) le : 21/08/2010

Voir le profil de l'utilisateur https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadrage réponse rapide

Message par neon lights le Mer 20 Mai 2020 - 22:58

Je n'ai toujours pas de solution/réponse.

Up.
neon lights

neon lights
Nouveau membre

Messages : 7
Inscrit(e) le : 28/04/2020

Voir le profil de l'utilisateur https://lightuptheskies.forumactif.com/
neon lights a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadrage réponse rapide

Message par pedxz le Jeu 21 Mai 2020 - 0:17

Bonjour neon lights

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);
pedxz

pedxz
Nouveau membre

Messages : 16
Inscrit(e) le : 19/12/2017

Voir le profil de l'utilisateur http://power-pixel.net
pedxz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadrage réponse rapide

Message par mSyx le Jeu 21 Mai 2020 - 0:41

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):
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
mSyx

mSyx
****

Masculin
Messages : 213
Inscrit(e) le : 22/09/2012

Voir le profil de l'utilisateur https://forum.forumactif.com/
mSyx a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Cadrage réponse rapide

Message par Milouze14 le Jeu 21 Mai 2020 - 19:45

Hello Kehoru,
juste pour information, il y a des doublons dans ta feuille se style Wink .

a++
Milouze14

Milouze14
Membre actif

Masculin
Messages : 5938
Inscrit(e) le : 18/04/2005

Voir le profil de l'utilisateur https://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Cadrage réponse rapide

Message par mSyx le Jeu 21 Mai 2020 - 22:28

@Milouze14 a écrit:Hello Kehoru,
juste pour information, il y a des doublons dans ta feuille se style Wink .

a++

Hello Milouze o/
Oulah, j'ai dû aller trop vite x_x C'est modifié, merci à toi ! I love you
mSyx

mSyx
****

Masculin
Messages : 213
Inscrit(e) le : 22/09/2012

Voir le profil de l'utilisateur https://forum.forumactif.com/
mSyx a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Cadrage réponse rapide

Message par Milouze14 le Ven 22 Mai 2020 - 3:56

Hello Kehoru,

Kehoru a écrit:
@Milouze14 a écrit:Hello Kehoru,
juste pour information, il y a des doublons dans ta feuille se style Wink .

a++

Hello Milouze o/
Oulah, j'ai dû aller trop vite x_x C'est modifié, merci à toi ! I love you

De rien Wink , cela m'arrive parfois aussi Very Happy .


a++
Milouze14

Milouze14
Membre actif

Masculin
Messages : 5938
Inscrit(e) le : 18/04/2005

Voir le profil de l'utilisateur https://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadrage réponse rapide

Message par neon lights le Sam 23 Mai 2020 - 22:18

Bonjour, merci beaucoup à vous pour cette aide. I love you I love you
Je me demandais s'il était possible de réduire la taille de l'avatar.  scratch
J'ai ce résultat
Spoiler:
Cadrage réponse rapide Fgros8PZ_o

J'ai tenté de changer les 320 px et 200 px dans le CSS mais cela ne m'a rien changé.
neon lights

neon lights
Nouveau membre

Messages : 7
Inscrit(e) le : 28/04/2020

Voir le profil de l'utilisateur https://lightuptheskies.forumactif.com/
neon lights a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadrage réponse rapide

Message par mSyx le Sam 23 Mai 2020 - 23:06

Re,
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;
}
mSyx

mSyx
****

Masculin
Messages : 213
Inscrit(e) le : 22/09/2012

Voir le profil de l'utilisateur https://forum.forumactif.com/
mSyx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadrage réponse rapide

Message par neon lights Hier à 2:19

Merci infiniment, le problème est résolu. ::pourtoi:: résolu
neon lights

neon lights
Nouveau membre

Messages : 7
Inscrit(e) le : 28/04/2020

Voir le profil de l'utilisateur https://lightuptheskies.forumactif.com/
neon lights 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