Connexion

Récupérer mon mot de passe

Derniers sujets
» *RESOLU*[PHPBB3] Bouton Voter disparu
par Milouze14 Hier à 20:09

» *RESOLU*[PHPBB2] Popup de connexion
par Milouze14 Hier à 11:14

» *RESOLU*[PHPBB3] Remplacer un bouton poster sur sujet
par Milouze14 Hier à 3:23

» *RESOLU*[PHPBB3] Remplacer un bouton par un autre
par Milouze14 Dim 5 Avr 2020 - 19:28

» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par soleda Sam 4 Avr 2020 - 9:44

» [BESTOF] Hiérarchie sur sous forum et les sujets
par Milouze14 Ven 3 Avr 2020 - 19:41

» [TOUTES VERSIONS]Afficher un message aux membres ayant moins de X messages
par Ptite_Perle Ven 3 Avr 2020 - 14:52

» *RESOLU*[PHPBB3] Cadre des messages dans un sujet
par Milouze14 Jeu 2 Avr 2020 - 18:43

» [BESTOF] Supprimer le qui est en ligne sur la droite
par Milouze14 Jeu 2 Avr 2020 - 10:14

» *RESOLU*[PHPBB3] Message au dessus de l'éditeur
par Milouze14 Mer 1 Avr 2020 - 11:56

» *RESOLU*[PHPBB2] Fenetres en haut du forum suite
par Milouze14 Mar 31 Mar 2020 - 19:39

» *RESOLU*[PHPBB3] Smiley dans miniatures
par Milouze14 Sam 28 Mar 2020 - 18:23

» [PHPBB2] Petites précisions script remplace terme invité
par Milouze14 Sam 28 Mar 2020 - 18:22

» [PHPBB2] Remplacer le mot Invité
par Mi Neth Sam 28 Mar 2020 - 14:42

» [TOUTES VERSIONS] Edition rapide
par Mi Neth Ven 27 Mar 2020 - 13:05

» [TOUTES VERSIONS] Recherche de texte dans les templates
par Mi Neth Jeu 26 Mar 2020 - 17:07

» [PHPBB3] Cacher les boutons citer et multi-citation pour un membre spécifique
par Milouze14 Jeu 26 Mar 2020 - 15:53

» [PHPBB2] Descendre des infos dans le profil simple,
par Milouze14 Mar 24 Mar 2020 - 15:26

» [PHPBB2] Modifier un menu section membres
par Milouze14 Sam 21 Mar 2020 - 15:06

» *RESOLU*[PHPBB3] Modifier couleur titre de colonne dans les catégories
par Milouze14 Ven 20 Mar 2020 - 18:33

*RESOLU*[PHPBB2] Décaler des petites images dans le corps du message d'accueil sur l'index;

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

Mi Neth
Mi Neth
Milouzien

Avertissement : 20%

MessageMi Neth le Lun 17 Fév 2020 - 11:10

  • Version du forum :
    PHPBB2
  • Templates modifiés :
    oui
  • Navigateur :
    Chrome
Bonjour Milouze, 

Dans la zone message sur la page d'accueil, j'ai installé l"astuce de ce tuto, 
https://forum.forumactif.com/t233727-creer-un-forum-ou-les-membres-postent-mais-seuls-les-admins-lisent

J'aimerai y joindre deux petites images dans les coins, Comme cette exemple, 
*RESOLU*[PHPBB2] Décaler des petites images dans le corps du message d'accueil sur l'index; Copie_10

Mais, j'ai beau modifier l'alignement, j'obtiens toujours ce même résultat, 
*RESOLU*[PHPBB2] Décaler des petites images dans le corps du message d'accueil sur l'index; Zone_a10

J'apprécie, d'avance, ton aide, 
Merci et bonne journée, 
Mi Neth,
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 17 Fév 2020 - 14:54

Hello Neth,

comment as tu pratiqué pour afficher les deux images stp?


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

Avertissement : 20%

MessageMi Neth le Mar 18 Fév 2020 - 10:49

Bonjour Milouze, 

Pour ma première tentative,
J'ai sélectionné l'image de gauche et cliqué sur l'icône aligner à gauche dans le sélecteur d"édition, Puis fais de même avec le texte (aligner au centre, Et fini par l'image de droite (aligner à droite),

Pour ma deuxième tentative et suivantes (parce que j'ai insisté après avoir vidé mon cache), 
J'ai écris,


Code:
<p align="left"><img src="lien de mon image" /></p>

<p align="center">Toque ...</p>

<p align="right"><img src="lien de mon image" /></p>



Merci et bonne journée,
Mi Neth,
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 18 Fév 2020 - 14:55

Hello Neth,
non , je veux le code html installé sur ton fofo Merci


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

Avertissement : 20%

MessageMi Neth le Mer 19 Fév 2020 - 12:41

Avant de revenir te soumettre mon texte, j'ai retenté de nouveau,
Cette fois mes images sont bien à gauche et à droite, mais elles ne sont pa salignées avec mon lien, comme je voudrai,
Voici mon texte actuel,
Code:
<div align="center">
 
 <div style="text-align: left;">
    
 <div>
   <a rel="nofollow" target="_blank" class="postlink" href="https://servimg.com/view/18902432/1532"><img alt="" border="0" src="https://i.servimg.com/u/f88/18/90/24/32/img_to19.jpg" /></a>  
 </div>
    
 <div>
   <br />  
 </div>
    
 <div style="text-align: center;">
   <a href="https://yacinth.forumactif.com/post?f=8&mode=newtopic">Toque à la porte pour te présenter,</a>  
 </div>
    
 <div style="text-align: right;">
  <br />  
 </div>
    
 <div style="text-align: right;">
   <a rel="nofollow" target="_blank" class="postlink" href="https://servimg.com/view/18902432/1531"> </a>  
 </div><a rel="nofollow" target="_blank" class="postlink" href="https://servimg.com/view/18902432/1531"> </a>  
 <div style="text-align: right;">
  <a rel="nofollow" target="_blank" class="postlink" href="https://servimg.com/view/18902432/1531"> <img alt="" border="0" src="https://i.servimg.com/u/f88/18/90/24/32/img_to18.jpg" /></a>  
 </div>
            
 </div>
</div>

Merci pour ton aide,
Bonne journée,
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mer 19 Fév 2020 - 16:09

Hum, le bug est relatif au balise html du template.
On va remédier en insérant des class sur le code html.

Code:
<div class="M14_pa">
                
   <div class="M14_pa_left"><img border="0" src="https://i.servimg.com/u/f88/18/90/24/32/img_to19.jpg" alt="" />       
   </div>
   <div class="M14_pa_center">
              <a href="https://yacinth.forumactif.com/post?f=8&mode=newtopic">Toque à la porte pour te présenter,</a>       
   </div>
                  
   <div class="M14_pa_right"><img border="0" src="https://i.servimg.com/u/f88/18/90/24/32/img_to18.jpg" alt="" />       
   </div>
</div>


Puis ajouter ceci dans la feuille de style:


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

Ajouter ceci:

Code:

div.M14_pa{width:100%;height: 90px;}
div.M14_pa_left,div.M14_pa_center,div.M14_pa_right{width:30%;height: 90px;display: inline-block;}
div.M14_pa_center a{top: -30px;position: relative;}


Penser a cliquer sur le bouton *RESOLU*[PHPBB2] Décaler des petites images dans le corps du message d'accueil sur l'index; Sans_t10



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

Avertissement : 20%

MessageMi Neth le Jeu 20 Fév 2020 - 12:53

Merci pour ton aide,
J'ai installé les deux codes, Il y a un mieux, J'ai tenté de modifier le css, via les tailles en pourcentage et pixel pour que mes images se positionnent comme voulu, Comme, je n'y suis pas parvenue, j'ai remis ton code tel que fourni,
Voici je que j'obtiens,

*RESOLU*[PHPBB2] Décaler des petites images dans le corps du message d'accueil sur l'index; Fen_ac11

Encore merci;
Bonne journée à toi,
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Jeu 20 Fév 2020 - 16:09

Tu peux ajouter ceci dans ta feuille de style Nteh:
Code:
div.M14_pa_left img{margin-left:-100%;}
div.M14_pa_right img{margin-right:-100%;}


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

Avertissement : 20%

MessageMi Neth le Ven 21 Fév 2020 - 16:23

Merci Milouze,

J'ai mis à 95%, ça met, pile les images où je voulais,
Par contre, j'avais refait le script sans le mode gras, Et, c'est normal, tu as corrigé à partir de mon dernier script fourni,
Du coup, lorsque je tente de mettre le lien en gras, il s'en trouve sur deux lignes, J'ai testé de changer la taille, sans succès,
Bonne soirée,





Milouze14
Milouze14
Fondateur

MessageMilouze14 le Ven 21 Fév 2020 - 16:32

Re Neth,

alors il faut diminuer les valeurs de la première div et la dernière:
Les trois ont 30%:
Code:

div.M14_pa_left,div.M14_pa_center,div.M14_pa_right{width:30%;height: 90px;display: inline-block;}

Si tu modifies ainsi:
Code:

div.M14_pa_left,div.M14_pa_center,div.M14_pa_right
{height: 90px;display: inline-block;}
div.M14_pa_left{width:20%;}
div.M14_pa_center{width:40%;}
div.M14_pa_right{width:20%;}

Il faudra ajuster ensuite le rapprochement des images vers les extrémités.


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

Avertissement : 20%

MessageMi Neth le Sam 22 Fév 2020 - 10:05

Bonjour Milouze,

J'ai, finalement, remis les codes précédents, Je renonce à mettre le lien en gras, Soi mes tentatives décalaient les images, L'une en hauteur, L'autre dans le corps des catégories, Soi elles se rapprochaient, Mais le lien, lui, ne changeait pas, J'avais commencé en diminuant, comme tu me l'as conseillé, Mais ça n'a rien voulu savoir, Je me suis demandé, C'est un pourcentage pour les trois zones left, center, right (donc 100 divisible en trois)? Ou chacune à son pourcentage (ce qui donnerait 100 multiplié par trois)?
S"il s'agit de trois zones communes, celle du centre doit elle avoir l'absolu d'un pourcentage supérieur? Et dans le cas de zones distinctes, si je diminue le pourcentage de celle de gauche pour la placer au plus près du cadre, je dois faire le contraire pour celle de droite, non?
Merci pour ton aide et pour tes réponses,
Bonne journée,
Mi Neth,
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 22 Fév 2020 - 10:20

Hello Neth,

S"il s'agit de trois zones communes, celle du centre doit elle avoir l'absolu d'un pourcentage supérieur? Et dans le cas de zones distinctes, si je diminue le pourcentage de celle de gauche pour la placer au plus près du cadre, je dois faire le contraire pour celle de droite, non?

Toutes les divs seront placées à l'horizontale avec le display inline-block.
Donc rien en absolute.

Voilà pourquoi j'ai modifié la c.s.s:
Code:
div.M14_pa_left,div.M14_pa_center,div.M14_pa_right
{height: 90px;display: inline-block;}
div.M14_pa_left{width:20%;}
div.M14_pa_center{width:40%;}
div.M14_pa_right{width:20%;}

Au lieu de:
Code:
div.M14_pa_left,div.M14_pa_center,div.M14_pa_right{width:30%;height: 90px;display: inline-block;}

Sur mon fofo de tests tout fonctionne.
Si tu as laissé cette partie:
Code:
[code]div.M14_pa_left,div.M14_pa_center,div.M14_pa_right{width:30%;height: 90px;display: inline-block;}[/code]

Il est logique que rien ne fonctionne Neth.





Si on repart de zéro, ce code html et cette c.s.s sont fonctionnelle:


Code:
 
<div class="M14_pa">
                            
 <div class="M14_pa_left">
 <img border="0" alt="" src="https://i.servimg.com/u/f88/18/90/24/32/img_to19.jpg" />              
 </div>
      
 <div class="M14_pa_center">
                  <a href="https://yacinth.forumactif.com/post?f=8&mode=newtopic">Toque à la porte pour te présenter.</a>              
 </div>
                              
 <div class="M14_pa_right">
 <img border="0" alt="" src="https://i.servimg.com/u/f88/18/90/24/32/img_to18.jpg" />              
 </div>
    
</div>





Code:
div.M14_pa{width:100%;height: 90px;}
div.M14_pa_left,div.M14_pa_center,div.M14_pa_right
    {height: 90px;display: inline-block;}
    div.M14_pa_left{width:20%;}
    div.M14_pa_center{width:40%;}
    div.M14_pa_right{width:20%;}
div.M14_pa_left img{margin-left:-150%;}
div.M14_pa_right img{margin-right:-150%;}
div.M14_pa_center a{top: -30px;position: relative;font-size:18px;font-weight:bold;text-decoration:none!important;}


Voir le forum de tests:
https://testdesforums.1fr1.net/


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

Avertissement : 20%

MessageMi Neth le Sam 22 Fév 2020 - 12:56

Merci à toi,
J'ai adapté à 140% et c'est tout bon,
Pour te répondre, je n'avais pas remis le petit bout de code,
Et merci pour tes réponses,
Je mets en résolu,
bon week end,
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 22 Fév 2020 - 15:17

De rien et bon week-end à toi aussi.


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