Connexion

Récupérer mon mot de passe

Derniers sujets
» [AWESOMEBB] Changer la police titre forum
par Milouze14 Mar 2 Juin 2020 - 20:11

» *RESOLU*[PHPBB3] Le fil d'ariane en bas
par Milouze14 Mar 2 Juin 2020 - 20:10

» *RESOLU*[PHPBB3] Bouton chatbox sur barre de notification
par Milouze14 Mar 2 Juin 2020 - 17:59

» *RESOLU*[PHPBB3] Erreur dans template
par Milouze14 Lun 1 Juin 2020 - 15:56

» [PHPBB2] Mettre en résolu via la réponse rapide
par Morane Lun 1 Juin 2020 - 14:28

» *RESOLU*[PHPBB2] Installation Messenger - Template modifié
par Milouze14 Sam 30 Mai 2020 - 20:16

» [PHPBB2] Cacher les infos du profil sous l'avatar, en hover
par Milouze14 Jeu 28 Mai 2020 - 18:54

» [AWESOMEBB] Supprimer le soulignement des liens
par Milouze14 Mer 27 Mai 2020 - 18:28

» *RESOLU*[PHPBB2] Champs du profil en fonction de la couleur de groupe.
par Milouze14 Mar 26 Mai 2020 - 17:54

» [PUNBB] Codage qeel
par Milouze14 Mar 26 Mai 2020 - 17:44

» [TOUTES VERSIONS] Changer les boutons Nouveau MP et Répondre au MP par du texte
par croklivre Lun 25 Mai 2020 - 18:25

» [TOUTES VERSIONS] Faire clignoter les images des nouveaux messages
par croklivre Lun 25 Mai 2020 - 18:17

» [PUNBB] Couleurs des Catégories et des cellules qui ne changent pas de couleurs
par Milouze14 Lun 25 Mai 2020 - 14:47

» [BESTOF] [AWESOMEBB] Modifier le en ligne hors ligne
par Milouze14 Dim 24 Mai 2020 - 5:38

» [AWESOMEBB] Taille de la zone.
par Milouze14 Dim 24 Mai 2020 - 5:38

» [PUNBB] Agencement du profil
par Milouze14 Sam 23 Mai 2020 - 19:06

» *RESOLU*[MODERNBB] Chatbox - Enlever les deux points après le pseudo
par Milouze14 Sam 23 Mai 2020 - 17:26

» *RESOLU*[PHPBB3] Anomalies certains éléments
par Milouze14 Sam 23 Mai 2020 - 16:05

» [AWESOMEBB]Refonte du profil dans un sujet.
par Milouze14 Sam 23 Mai 2020 - 3:31

» [PHPBB2] Alignement du champ masculin/féminin
par Milouze14 Jeu 21 Mai 2020 - 20:24

*RESOLU*[PHPBB3] Une barre de titre pour les citation avec la photo du profil

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

mustard
mustard
Milouzien

Messagemustard le Sam 18 Avr 2020 - 17:44

  • Version du forum :
    PHPBB3
  • Templates modifiés :
    oui
  • Navigateur :
    Firefox
Salut à tous,
oui c'est encore moi à une nouvelle question :)

ayant vu ce site je vois qu'il est possible de faire une photo du profil à gauche de la citation (quote)
https://www.xul.fr/css/blockquote.php

Mon souhait serait d'avoir ceci:
1) Une photo de l'auteur de la citation à gauche (si possible dans un cercle et avec une légère transparence)
2) une barre de titre dans la citation pour bien séparer le texte du titre
3) retirer l’apostrophe qui est présent en début (et absent pour la fin)

En image (modifiée photoshop) en haut ce que j'ai, en bas ce que j'aimerai avoir

*RESOLU*[PHPBB3] Une barre de titre pour les citation avec la photo du profil Captur88

Est ce une chose envisageable ?
Merci pour votre aide toujours de qualité


PS: le profil en rond dans le titre de citation est un script obtenu sur le net, mais qui ne servira plus si ceci est faisable


Dernière édition par mustard le Mer 22 Avr 2020 - 11:50, édité 1 fois
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 18 Avr 2020 - 18:12

Hello Fred,
il y a déjà cette astuce ici:
https://www.milouze14.com/t31081-phpbb3-afficher-l-avatar-dans-une-citation-nommee#590706

Est-ce que cela répond à ta demande ?


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
mustard
mustard
Milouzien

Messagemustard le Sam 18 Avr 2020 - 18:18

J'avais déja inséré ce script qui était très interessante, on la voit dans ma capture photo, mais ca ne répond pas vraiment à ce que j'aimerai maintenant pour personnaliser mes citations c'est à dire une barre de titre des citations et la photo à droite de la citation et non plus dedans, ce qui permet de 'lavoir plus grande
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 18 Avr 2020 - 18:38

Ce petit symbole :      doit définitivement être supprimé ou alors juste pour les citations nommées?

Hum, sur ta capture l'avatar est à gauche avec ton montage!!!!


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
mustard
mustard
Milouzien

Messagemustard le Sam 18 Avr 2020 - 19:07

idéalement il faudrait le rajouter en fin de citation, si ce n'est pas possible alors le supprimer
e tpour la barre de titre d ela citation, c'est faisable ?

Pour la photo à gauche, j'ai vu ce lien (en bas de page) qui explique comment faire, mais c'est générique, faut adapter à forumactif
https://www.xul.fr/css/blockquote.php
ca te parait faisable avec ce lien ou pas ?
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 18 Avr 2020 - 19:14

Ok merci,

pour le titre cela va être assez compliqué , mais je te donneris tout cela demain matin et tu me diras ce que tu en penses.

Idéalement il faudrait le rajouter en fin de citation,


Je vois ce que je peux faire.

Donc, c'est bien à gauche qu'il faut positionner l'avatar du membre ayant cité ?




Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
mustard
mustard
Milouzien

Messagemustard le Sam 18 Avr 2020 - 19:17

oui, comme sur la photo montage que j'ai mis en haut, sur le message du bas
Mais si c'est trop complexe ne te casse pas la tete, ne gache pas ton dimanche pour ça :)
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 18 Avr 2020 - 19:22

Oki pas de soucis,
donc je pars du principe que toutes les citations nommées auront la même apparence Fred.

Ne te tracasse pas, c'est gentil, mais je prend du temps pour me reposer quand même.
Bonne soirée et à demain.




Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
mustard
mustard
Milouzien

Messagemustard le Sam 18 Avr 2020 - 19:24

Changement de programme apres debat avec les admin

La barre ne sert à rien si tu peux arriver à descendre le guillemet en debut et fin du texte de citation, et ne pas le mettre dans le titre de la citation
On garde la photo à gauche, si possible dans un petit cercle, ni trop grand ni trop petit, si possible un peu de transparence pour l'aténuer. et on supprime la photo dans le titre de la citation (script venant du lien que tu as donné un peu au dessus.

En gros il faudrait aboutir à ce résultat là si possible.
Prend ton temps il n'y a aucune urgence, la migration de mon forum est prévu pour juin car l'actu spatial en mai va etre chargée

*RESOLU*[PHPBB3] Une barre de titre pour les citation avec la photo du profil Captur91

  As tu besoin que je t'envoie un template ou mon CSS ?
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 18 Avr 2020 - 19:45

Il serait idéal de discuter avec les admins avant de poster sur l'entraide,
cela m'évitera de perdre mon temps ainsi que le codage Fred.

Je reviens vers toi demain hinhin .
Bonne soirée cher ami.





Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
mustard
mustard
Milouzien

Messagemustard le Sam 18 Avr 2020 - 19:50

oui desolé Phil mais on s'est mis d'accord sur ça voyant que la barre serait assez compliqué d'après tes propos, on a voulu te simplifier le travail et finalement on a trouvé cette solution plus simple pour toi et mieux pour nous. on s'est permis ce changement vu que là tu disais te reposé pour le moment ;)

Mais je te rassure nos travaux sur le forum touche à sa fin
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 18 Avr 2020 - 19:54

C'est pas grave Fred clin oeil .


Juste avant de partir:

Tu peux tester ce style:

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajouter ceci:

Code:

blockquote.M14_cita{width: 80%;margin-left:10%;}
blockquote.M14_cita
{
background:#ebeadd url(https://2img.net/i/fa/prosilver/quote.gif) top right no-repeat !important;
}

blockquote.M14_cita div {margin-left:0px!important;}


/*Avatar citation*/
    img.M14_Img_Citation
    {

    height:48px;/*hauteur de l avatar*/
    width:48px;/*largeur de l avatar*/
  position: absolute;
margin-left:-96px;
margin-top: -5px;
border-radius: 48px;/*on arrondi l avatar*/
opacity:0.8;/*l opactite de l avatar*/
 border:2px solid #333;
    }


Penser a cliquer sur le bouton *RESOLU*[PHPBB3] Une barre de titre pour les citation avec la photo du profil Sans_t10

Puis modifier le script donné par celui-ci:

Code:
$(function() {
    if (_userdata["user_id"] >= (0))
    {
    $('blockquote').each(function(){
      var $this=$(this);
    // L AVATAR PAR DEFAUT
    var M14_AvatarDefaut="https://2img.net/u/4111/79/89/03/avatars/gallery/avi11210.png";
    var M14_Get_img=$(this).find('a[title^="Voir le profil"]:first').before('<img class="M14_Img_Citation"src="'+M14_AvatarDefaut+'"/>');
    var M14_user=$(this).find('a[title^="Voir le profil"]:first').attr('href');
    var M14_userTexte=$(this).find('a[title^="Voir le profil"]:first').text().substring(1);
    
    $.get(M14_user,function(data){
      var M14_Img_Citation=$(data).find('#profile-advanced-right .module:first img:first').attr('src');
    if(M14_user)
    {
     $this.addClass('M14_cita');
    M14_Get_img.prev().attr('src',M14_Img_Citation).wrap('<a href="'+M14_user+'" class="M14_prof_cita" title="Voir le profil de '+M14_userTexte+'"></a>');
    }
    });});
    }
    });


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
mustard
mustard
Milouzien

Messagemustard le Sam 18 Avr 2020 - 20:29

wow t'es rapide. Ca me donne ceci
Le guillemet d'ouverture en est fin de ligne du titre de citation, alors qu'il doit etre en début du texte (la ligne en dessous)
Il n'y a pas de guillemet en fin
Au chargement de la page la photo profil est à cheval entre le profil et le message et il se recale après un délai 1 à 2 sec.
https://coup-de-gueule.kanak.fr/t34-ceci-est-un-message-d-essai#90
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 19 Avr 2020 - 7:36

Hello Fred,

il va falloir être assez indulgent avec cette balise car c'est assez complexe a coder.
Il suffit de modifier le display et hop tout est explicite:

Code:
blockquote cite {display: block;}
en inline
Code:
blockquote cite {display:inline;}

Ensuite la latence correspond à l'appel du script.

C'est pour cela que je te demandais si tu voulais appliquer cela à toutes les citations nommées:

https://www.milouze14.com/t32575-phpbb3-une-barre-de-titre-pour-les-citation-avec-la-photo-du-profil#620619

On va donc appliquer le style à toutes les citations, sauf que cela risque de buguer pour des citations traditionnelles.
Voici le style a remplacer afin d'avoir un style plus ou moins identique entre les citations nommées ou traditionnelles.

Code:
 
blockquote{width: 80%; margin-left:10%;}
blockquote cite a[href^="/u"]:first-child{margin-left: 20px;}
blockquote div:after {
content: "";
width: 15px;
height: 12px;
background: url("https://2img.net/i/fa/prosilver/quote.gif");
float:right!important;
position: relative;
bottom: -12px;
}



/*Avatar citation*/
    img.M14_Img_Citation
    {

    height:48px;/*hauteur de l avatar*/
    width:48px;/*largeur de l avatar*/
  position: absolute;
margin-left: -105px;
margin-top: -5px;
border-radius: 48px;/*on arrondi l avatar*/
opacity:0.8;/*l opacite de l avatar*/
 border:2px solid #333;
    }





Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
mustard
mustard
Milouzien

Messagemustard le Dim 19 Avr 2020 - 12:19

Merci Phil.
le premier et second code que tu mets, je n'ai pas à le copier quelque part ?

Pour le 3eme bloc de code que tu donne , c'est dans le CSS mais c'est en plus ou à la place de celui d'hier ?

Par contre il y a toujours ce problème de guillemet qui est avant "X a écrit" alors qu'il devrait à la ligne suivante, devant le texte. Et le guillemet de fin est inversé, il faut le retourner vers la gauche. Je ne trouve nul par cette image du guillemet, c'est ou dans le codage ?


Dernière édition par mustard le Dim 19 Avr 2020 - 13:40, édité 2 fois
mustard
mustard
Milouzien

Messagemustard le Dim 19 Avr 2020 - 12:44

Pour la lenteur d'affichage il faut dire que depuis hier FA est très lent, sur plusieurs forum FA. Est ce la cause de lenteur d'affichage du portrait ?
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 19 Avr 2020 - 15:29

Re,
il faut juste prendre le dernier code et remplacer le style déjà présent dans la feuille de style.
Les deux premiers étant que fictifs pour te faire voir ce que cette partie est difficilement paramétrable.


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
mustard
mustard
Milouzien

Messagemustard le Dim 19 Avr 2020 - 18:10

Et pour les guillemets tu penses que c'est faisable ?
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 19 Avr 2020 - 18:57

Re Fred,

tu demandes cet imagé:

*RESOLU*[PHPBB3] Une barre de titre pour les citation avec la photo du profil Captur91

Tu as ceci:

*RESOLU*[PHPBB3] Une barre de titre pour les citation avec la photo du profil 1104

Que veux tu de plus, comme mentionné plus haut
cette partie est très compliqué a paramétrer donc il faut à un moment comprendre
que l'on ne peut pas faire ce que l'on veut Fred.


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
photoclic
photoclic
Milouzien

Messagephotoclic le Dim 19 Avr 2020 - 19:24

Bonjour Philippe et Fred.

S'il s’agit des gillements fermantes que tu veux inverser, peut-être simplement changer dans le css le background correspondant à l'image par celle-ci:
https://i.servimg.com/u/f31/19/32/37/01/quote10.gif
mustard
mustard
Milouzien

Messagemustard le Dim 19 Avr 2020 - 19:26

ok, je comprend que parfois je demande des choses trop complexes ou impossible. Tu as déja beaucoup fait et je t'en suis énormément reconnaissant, pour ta réactivité, tes compétences et ta grand patience.
Un grand merci (encore) à toi
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 19 Avr 2020 - 19:32

Complexes oui,
mais sur cette demande Fred.

Il suffit de mettre une double citation nommée et hop c'est le foutoir......


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
mustard
mustard
Milouzien

Messagemustard le Dim 19 Avr 2020 - 19:37

Oui je comprend. après je demande, si c'est possible tant mieux, si c'est trop complexe ou trop dur tant pis, c'est pas grave
J'ai mis les guillemet que tu m'a donné ça marche. J'avoue avoir cherché et totalement zappé ce lien image des guillemets
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 19 Avr 2020 - 19:56

Pour l'image de fermeture , il suffit de mettre le lien de l'image:

https://i.servimg.com/u/f31/19/32/37/01/quote10.gif
entre les doubles guillemets ici:

Code:
blockquote div:after {
content: "";
width: 15px;
height: 12px;
background: url("https://2img.net/i/fa/prosilver/quote.gif");
float:right!important;
position: relative;
bottom: -12px;
}



Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
mustard
mustard
Milouzien

Messagemustard le Dim 19 Avr 2020 - 20:10

ok mais j'ai du supprimer la ligne background car les deux se superposaient
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 20 Avr 2020 - 3:57

Hello Fred,
tu pouvais aussi aussi procéder ainsi en déposant le lien dans la content, mais c'est pas très propre.

Pour les citations multiples , tu peux les aligner avec ce style:

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajouter ceci:

Code:

blockquote blockquote{margin: 20px 5px 20px -25px;}


Penser a cliquer sur le bouton *RESOLU*[PHPBB3] Une barre de titre pour les citation avec la photo du profil Sans_t10

Il faudra ajuster la valeur négative du margin-left.



Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
mustard
mustard
Milouzien

Messagemustard le Lun 20 Avr 2020 - 11:28

Ce code alignent toute les citation, ça fait moins clair je trouve, le coté précédent en cascade me parait mieux
En tout cas merci pour ton énième coup de main précieux. Pour ma part je pense que ce sujet est résolu, si tu ne vois rien à rajouter je peux le déclarer RESOLU
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 20 Avr 2020 - 16:38

Ok Fred, pas de soucis pour moi Merci .


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 21 Avr 2020 - 18:38


Hello

Si ton sujet est résolu, merci de suivre la procédure suivante:
Un tag précédent ton premier message est présent.

Il te suffira de cliquer sur ce dernier pour mettre ton sujet en résolu.



Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mer 22 Avr 2020 - 15:13


Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil





Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum