Connexion

Récupérer mon mot de passe

Derniers sujets
» [PHPBB2] Menu Rechercher en haut à gauche effet survol
par Milouze14 Aujourd'hui à 18:50

» [TOUTES VERSIONS] Une page html connexion/deconnexion...
par christ77000 Hier à 14:13

» [EDGE]Afficher les boutons " éditer, citer, supprimer, etc ... " sous forme de texte
par Ptite_Perle Lun 24 Fév 2020 - 18:24

» *RESOLU*[MODERNBB] Fusionner la toolbar et la barre de navigation sur un thème modernBB
par Milouze14 Dim 23 Fév 2020 - 15:56

» *RESOLU*[PHPBB2] Décaler des petites images dans le corps du message d'accueil sur l'index;
par Milouze14 Sam 22 Fév 2020 - 15:17

» [PHPBB3] Afficher les membres en ligne (version graphique) sur l'index et dans la liste des sujets
par BarTender Sam 22 Fév 2020 - 15:00

» histoire du Jour sans fin
par Quad Daniel Sam 22 Fév 2020 - 12:06

» [PHPBB3] Widget anniversaire sur toutes les pages du fofo
par Milouze14 Sam 22 Fév 2020 - 10:43

» [TOUTES VERSIONS] Bouton générateur de tableaux
par BarTender Ven 21 Fév 2020 - 15:31

» [PHPBB3] Intégrer des boutons en relation avec le profil du membre style barre de contact
par BarTender Ven 21 Fév 2020 - 14:57

» [TOUTES VERSIONS]Remplacer les icônes de l'éditeur par des icônes FontAwesome
par BarTender Ven 21 Fév 2020 - 13:08

» *RESOLU*[PHPBB2] Fenetres en haut du forum
par Milouze14 Ven 21 Fév 2020 - 3:46

» [BESTOF] Images favorites
par Milouze14 Jeu 20 Fév 2020 - 19:33

» [BESTOF] Ajouter lien message dans titre citation
par Milouze14 Mar 18 Fév 2020 - 18:44

» *RESOLU*[PHPBB2] WYSIWYG pour citation sur message rapide
par Milouze14 Mar 18 Fév 2020 - 18:32

» [TOUTES VERSIONS]Ajouter un contenu visible que par les membres ayant répondu.
par dymo Mar 18 Fév 2020 - 2:10

» *RESOLU*[PHPBB2] Mise en page dans le corps du message uniquement sur le 1er message
par Milouze14 Ven 14 Fév 2020 - 16:25

» [BESTOF] Les photos à partir de l'ID d'un membre
par Milouze14 Ven 14 Fév 2020 - 3:53

» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par christ77000 Jeu 13 Fév 2020 - 10:01

» [TOUTES VERSIONS]Visualiser le mot de passe
par christ77000 Jeu 13 Fév 2020 - 8:29

*RESOLU*[EDGE] Tags sur la page d'accueil

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

msfeettoes
msfeettoes
Milouzien

Avertissement : 30/100

Messagemsfeettoes le Sam 18 Jan 2020 - 11:27

  • Version du forum :
    EDGE
  • Templates modifiés :
    oui
  • Navigateur :
    Chrome
bonjour
est t'il possible de mettre des tags sur la page d'accueil sous cette forme 
merci
*RESOLU*[EDGE] Tags sur la page d'accueil Screen14


Dernière édition par msfeettoes le Mer 22 Jan 2020 - 17:29, édité 1 fois
fascicularia
fascicularia
Milouzien

Messagefascicularia le Sam 18 Jan 2020 - 12:41

Bonjour Emeline, 
quelle fonction doivent remplir ces tags (sur les titre des sujets ou pour autre chose) ?.

En l'état, ta demande est particulièrement évasive.

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 18 Jan 2020 - 17:54

Hello Emeline,
bonjour
est t'il possible de mettre des tags sur la page d'accueil sous cette forme
merci

Ho oui, je pense.


@fascicularia a écrit:
Bonjour Emeline, 
quelle fonction doivent remplir ces tags (sur les titre des sujets ou pour autre chose) ?.

En l'état, ta demande est particulièrement évasive.

Hello Stéphane,

rien à dire sur ce point Merci .





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

Messagefascicularia le Sam 18 Jan 2020 - 20:18

Hello, 
tu dois commencer à avoir l'habitude.transpir

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 18 Jan 2020 - 20:24

@fascicularia a écrit:
Hello, 
tu dois commencer à avoir l'habitude.transpir



Malheureusement oui pleure
msfeettoes
msfeettoes
Milouzien

Avertissement : 30/100

Messagemsfeettoes le Lun 20 Jan 2020 - 15:52

bonjour
dans un bouton qu'on pourrait rajouter dans l'editeur

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 20 Jan 2020 - 15:55

Bonjour Emeline,
bonjour
dans un bouton qu'on pourrait rajouter dans l'editeur

Mais quel rapport avec ta demande initiale?

est t'il possible de mettre des tags sur la page d'accueil sous cette forme

Il n'y a pas d'éditeur sur la page d’accueil !!!!!!!!!!!!!!!!!!!!!!!!!!!!
msfeettoes
msfeettoes
Milouzien

Avertissement : 30/100

Messagemsfeettoes le Lun 20 Jan 2020 - 16:13

en effet y a pas d'editeur sur la page d'accueil encore une gaffe , comment expliquer ça 
je voudrais ces tags dans la page d'accueil sous forme de boutons cliquable dés lors que quand on clique dessus  une image 
apparaîtra !
 je ne sais pas si c'est clair pour toi

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 20 Jan 2020 - 16:18

Oui cela devient plus clair, as tu des images à disposition que je puisse faire des essais.
Donc, combien de cases désires tu ?
On part donc de cette idée:
On a un texte dans une case, si ce texte est cliqué on afficha une image?
msfeettoes
msfeettoes
Milouzien

Avertissement : 30/100

Messagemsfeettoes le Lun 20 Jan 2020 - 16:21

oui quand on clique sur ce texte une image apparaîtra
quelle taille pour les images
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 20 Jan 2020 - 16:23

Donc, combien de cases désires tu ?

Pour les images, il ne faudrait pas dépasser les dimensions suivantes Emeline:
64px par 64px
msfeettoes
msfeettoes
Milouzien

Avertissement : 30/100

Messagemsfeettoes le Lun 20 Jan 2020 - 16:27

ok je t'envoie ça en MP ou ici
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 20 Jan 2020 - 16:29

Ici Emeline, merci de répondre à ma question :
https://www.milouze14.com/t32474-edge-tags-sur-la-page-d-accueil#617978
msfeettoes
msfeettoes
Milouzien

Avertissement : 30/100

Messagemsfeettoes le Lun 20 Jan 2020 - 16:31

ah oui j'avais zapper ça je fait vraiment pas attention 
15 cases si possible
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 20 Jan 2020 - 16:33

Hum,
avec 15 cases cela ne tiendra pas sur une seule ligne .
Ou alors on laisse les dimensions a 64px et au survol de la case on affiche l'image ?
msfeettoes
msfeettoes
Milouzien

Avertissement : 30/100

Messagemsfeettoes le Lun 20 Jan 2020 - 16:36

oui aussi on peut faire ça
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 20 Jan 2020 - 16:37

Ok, j’attends tes images Emeline Merci


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

Avertissement : 30/100

Messagemsfeettoes le Lun 20 Jan 2020 - 17:57

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 20 Jan 2020 - 18:01

Les liens ne sont pas bon Emeline
cliques sur la première image:
https://zupimages.net/viewer.php?id=20/04/hw9a.jpg
msfeettoes
msfeettoes
Milouzien

Avertissement : 30/100

Messagemsfeettoes le Lun 20 Jan 2020 - 18:03

tu ne vois pas l'image
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 20 Jan 2020 - 18:24

@msfeettoes a écrit:tu ne vois pas l'image

Ah non, il faut donner le lien direct de l'image pour afficher les images
ceci:
https://zupimages.net/viewer.php?id=20/04/hw9a.jpg
Envoie vers l'hébergeur, et il faut copier le lien direct:

https://zupimages.net/up/20/04/hw9a.jpg

Mais laisses tomber j'ai réussis a les trouver
msfeettoes
msfeettoes
Milouzien

Avertissement : 30/100

Messagemsfeettoes le Lun 20 Jan 2020 - 18:37

*RESOLU*[EDGE] Tags sur la page d'accueil Hw9a*RESOLU*[EDGE] Tags sur la page d'accueil Oboy*RESOLU*[EDGE] Tags sur la page d'accueil 4d4v*RESOLU*[EDGE] Tags sur la page d'accueil Ur15*RESOLU*[EDGE] Tags sur la page d'accueil Wnbm*RESOLU*[EDGE] Tags sur la page d'accueil Azus*RESOLU*[EDGE] Tags sur la page d'accueil Uasj*RESOLU*[EDGE] Tags sur la page d'accueil 6eop*RESOLU*[EDGE] Tags sur la page d'accueil Nfk3*RESOLU*[EDGE] Tags sur la page d'accueil 9qy0*RESOLU*[EDGE] Tags sur la page d'accueil Jc6y*RESOLU*[EDGE] Tags sur la page d'accueil Xj0x*RESOLU*[EDGE] Tags sur la page d'accueil Vug9*RESOLU*[EDGE] Tags sur la page d'accueil Ddk1*RESOLU*[EDGE] Tags sur la page d'accueil 8udx

dis moi si c'est bon
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 20 Jan 2020 - 18:42

C'est bon de mon côté Merci .
Je finalise le code html.


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

MessageMilouze14 le Lun 20 Jan 2020 - 18:50

Tu as des textes particuliers pour les boutons ?


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

Avertissement : 30/100

Messagemsfeettoes le Lun 20 Jan 2020 - 18:56

non pas vraiment fait en fonction des images
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 20 Jan 2020 - 19:02

non pas vraiment fait en fonction des images
Ben quand même, c'est pas à moi de trouver le texte, les pieds ne me parlent pas moi mdr
msfeettoes
msfeettoes
Milouzien

Avertissement : 30/100

Messagemsfeettoes le Lun 20 Jan 2020 - 19:06

ok un texte unique ou un mot pour toutes les images c'est bon
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 20 Jan 2020 - 19:12

J'ai déposé Photo comme texte,
exemple
Photo 1
Photo 2
etc etc

Chaque bouton est interprété ainsi à 15 reprises:
Code:

<div class="M14_tag_img un color-primary">
<img src="https://www.zupimages.net/up/20/04/hw9a.jpg" />    
<span>Photo 1</span>                                                              
</div>

Au clic sur le texte "Photo", l'image viendra s'afficher au dessus.


A l'extrême droite tu auras un bouton "Reset" qui masquera toutes les images.

Le style est intégré entre les balises:
Code:
<style> et </style>



Affichage/Page d'acceuil/Généralités/Message sur la page d'accueil

Déposes ceci:
Code:
<div id="M14_tag_img">
                                                                                                                            
 <div class="M14_tag_img un color-primary">
                                     <img src="https://www.zupimages.net/up/20/04/hw9a.jpg" />     <span>Photo 1</span>                                                              
 </div>
                                                                                                                            
 <div class="M14_tag_img deux color-primary">
                                <img src="https://zupimages.net/up/20/04/oboy.jpg" />                                     <span>Photo 2</span>                                                              
 </div>
                                                                                                                            
 <div class="M14_tag_img trois color-primary">
                              <img src="https://zupimages.net/up/20/04/4d4v.jpg" />                                     <span>Photo 3 </span>                                                                
 </div>
                                                                                                                            
 <div class="M14_tag_img quatre color-primary">
                     <img src="https://zupimages.net/up/20/04/ur15.jpg" />                                            <span>Photo 4 </span>                                                              
 </div>
                                                                                                                            
 <div class="M14_tag_img cinq color-primary">
                     <img src="https://zupimages.net/up/20/04/wnbm.jpg" />                                           <span>Photo 5</span>                                                              
 </div>
                                                                                                                            
 <div class="M14_tag_img six color-primary">
                      <img src="https://zupimages.net/up/20/04/azus.jpg" />                                           <span>Photo 6</span>                                                              
 </div>
                                                                                                                            
 <div class="M14_tag_img sept color-primary">
                      <img src="https://zupimages.net/up/20/04/uasj.jpg" />                                           <span>Photo 7</span>                                                              
 </div>
                                                                                                                            
 <div class="M14_tag_img huit color-primary">
                      <img src="https://zupimages.net/up/20/04/6eop.jpg" />                                           <span>Photo 8 </span>                                                                
 </div>
                                                                                                                            
 <div class="M14_tag_img neuf color-primary">
                      <img src="https://zupimages.net/up/20/04/nfk3.jpg" />                                           <span>Photo 9 </span>                                                              
 </div>
                                                                                                                            
 <div class="M14_tag_img dix color-primary">
                      <img src="https://zupimages.net/up/20/04/9qy0.jpg" />                                           <span>Photo 10</span>                                                              
 </div>
                                                                                                                            
 <div class="M14_tag_img onze color-primary">
                      <img src="https://zupimages.net/up/20/04/lmsj.jpg" />                                           <span>Photo 11</span>                                                              
 </div>
                                                                                                                            
 <div class="M14_tag_img douze color-primary">
                      <img src="https://zupimages.net/up/20/04/puao.jpg" />                                           <span>Photo 12</span>                                                              
 </div>
                                                                                                                            
 <div class="M14_tag_img treize color-primary">
                      <img src="https://zupimages.net/up/20/04/nvjh.jpg" />                                           <span>Photo 13 </span>                                                                
 </div>
                                                                                                                            
 <div class="M14_tag_img quatorze color-primary">
                      <img src="https://zupimages.net/up/20/04/f981.jpg" />                                           <span>Photo 14 </span>                                                              
 </div>
                                                                                                                            
 <div class="M14_tag_img quinze color-primary">
                      <img src="https://zupimages.net/up/20/04/9pv0.jpg" />                                           <span>Photo 15</span>                                                              
 </div>
              
 <div class="M14_tag_img reset color-primary">
       <span>Reset</span>                                                              
 </div>
                                                                                                                              
</div>
 <style>
#M14_tag_img{width:100%;padding:5px;text-align:center;}
.M14_tag_img{width:64px;height:20px;line-height:20px;display: inline-block;text-align:center;margin:2px;padding:2px;border-radius:4px;cursor:pointer;}
.M14_tag_img img
{
display:none;
position:absolute;
width:64px;
height:64px;
margin-top: -66px;
border-bottom: none;
margin-left: -1px;
border:1px solid #069;
}
.M14_tag_img span{color:white;}
</style><script>
jQuery(function(){
jQuery('.M14_tag_img:not(.reset)').find('span').each(function(){
var text =jQuery(this).text();
jQuery(this).hover(function(){

jQuery(this).text('Cliquez');
}, function(){
jQuery(this).text(text);
});});

jQuery('.M14_tag_img.reset').click(function(){
jQuery(this).closest('#M14_tag_img').find('img').fadeOut();});
jQuery('.M14_tag_img:not(.reset)').each(function(){
var infobulle=jQuery(this).find('span').text();
jQuery(this).find('img').attr('title',infobulle);
var color =jQuery(this).css('backgroundColor');
jQuery(this).find('img').css('borderColor',color);
jQuery(this).click(function(){
jQuery(this).find('img').slideToggle();});});

});
</script>

Penses a cliquer sur le bouton Enregistr ;
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 20 Jan 2020 - 19:19

Ou alors aussi celui-ci qui va te permettre de tout afficher en cliquant sur le bouton "+" et de tout masquer en cliquant sur le bouton "-":
Code:
<div id="M14_tag_img">
      
   <div class="M14_tag_affich color-primary" title="Tout afficher">
          <span>+</span>                                                                 
   </div>
                                                                                                                                      
   <div class="M14_tag_img un color-primary">
                                              <img src="https://www.zupimages.net/up/20/04/hw9a.jpg" />    <span>Photo 1</span>                                                                 
   </div>
                                                                                                                                      
   <div class="M14_tag_img deux color-primary">
                                          <img src="https://zupimages.net/up/20/04/oboy.jpg" />                                    <span>Photo 2</span>                                                                 
   </div>
                                                                                                                                      
   <div class="M14_tag_img trois color-primary">
                                        <img src="https://zupimages.net/up/20/04/4d4v.jpg" />                                    <span>Photo 3 </span>                                                                   
   </div>
                                                                                                                                      
   <div class="M14_tag_img quatre color-primary">
                              <img src="https://zupimages.net/up/20/04/ur15.jpg" />                                            <span>Photo 4 </span>                                                                 
   </div>
                                                                                                                                      
   <div class="M14_tag_img cinq color-primary">
                              <img src="https://zupimages.net/up/20/04/wnbm.jpg" />                                          <span>Photo 5</span>                                                                 
   </div>
                                                                                                                                      
   <div class="M14_tag_img six color-primary">
                                <img src="https://zupimages.net/up/20/04/azus.jpg" />                                          <span>Photo 6</span>                                                                 
   </div>
                                                                                                                                      
   <div class="M14_tag_img sept color-primary">
                                <img src="https://zupimages.net/up/20/04/uasj.jpg" />                                          <span>Photo 7</span>                                                                 
   </div>
                                                                                                                                      
   <div class="M14_tag_img huit color-primary">
                                <img src="https://zupimages.net/up/20/04/6eop.jpg" />                                          <span>Photo 8 </span>                                                                   
   </div>
                                                                                                                                      
   <div class="M14_tag_img neuf color-primary">
                                <img src="https://zupimages.net/up/20/04/nfk3.jpg" />                                          <span>Photo 9 </span>                                                                 
   </div>
                                                                                                                                      
   <div class="M14_tag_img dix color-primary">
                                <img src="https://zupimages.net/up/20/04/9qy0.jpg" />                                          <span>Photo 10</span>                                                                 
   </div>
                                                                                                                                      
   <div class="M14_tag_img onze color-primary">
                                <img src="https://zupimages.net/up/20/04/lmsj.jpg" />                                          <span>Photo 11</span>                                                                 
   </div>
                                                                                                                                      
   <div class="M14_tag_img douze color-primary">
                                <img src="https://zupimages.net/up/20/04/puao.jpg" />                                          <span>Photo 12</span>                                                                 
   </div>
                                                                                                                                      
   <div class="M14_tag_img treize color-primary">
                                <img src="https://zupimages.net/up/20/04/nvjh.jpg" />                                          <span>Photo 13 </span>                                                                   
   </div>
                                                                                                                                      
   <div class="M14_tag_img quatorze color-primary">
                                <img src="https://zupimages.net/up/20/04/f981.jpg" />                                          <span>Photo 14 </span>                                                                 
   </div>
                                                                                                                                      
   <div class="M14_tag_img quinze color-primary">
                                <img src="https://zupimages.net/up/20/04/9pv0.jpg" />                                          <span>Photo 15</span>                                                                 
   </div>
                        
   <div class="M14_tag_img reset color-primary" title="Tout masquer">
                <span>-</span>                                                                 
   </div>
                                                                                                                                        
</div>
 <style>
#M14_tag_img{width:100%;padding:5px;text-align:center;}
.M14_tag_affich,.M14_tag_img{width:64px;height:20px;line-height:20px;display: inline-block;text-align:center;margin:2px;padding:2px;border-radius:4px;cursor:pointer;}
.M14_tag_img img
{
display:none;
position:absolute;
width:64px;
height:64px;
margin-top: -66px;
border-bottom: none;
margin-left: -1px;
border:1px solid #069;
}
.M14_tag_img span{color:white;}
</style><script>
jQuery(function(){
jQuery('.M14_tag_img:not(.reset)').find('span').each(function(){
var text =jQuery(this).text();
jQuery(this).hover(function(){

jQuery(this).text('Cliquez');
}, function(){
jQuery(this).text(text);
});});
jQuery('.M14_tag_affich').click(function(){
jQuery(this).closest('#M14_tag_img').find('img').fadeIn();});
jQuery('.M14_tag_img.reset').click(function(){
jQuery(this).closest('#M14_tag_img').find('img').fadeOut();});
jQuery('.M14_tag_img:not(.reset)').each(function(){
var infobulle=jQuery(this).find('span').text();
jQuery(this).find('img').attr('title',infobulle);
var color =jQuery(this).css('backgroundColor');
jQuery(this).find('img').css('borderColor',color);
jQuery(this).click(function(){
jQuery(this).find('img').slideToggle();});});

});
</script>
msfeettoes
msfeettoes
Milouzien

Avertissement : 30/100

Messagemsfeettoes le Mer 22 Jan 2020 - 17:29

bonjour Phil
c'est cool c'est ce que je voulais 
un grand merci 
super
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mer 22 Jan 2020 - 17:33

Hello Emeline,
de rien chère amie.


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

Sujets similaires

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