Connexion

Récupérer mon mot de passe

Derniers sujets
» *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] Supprimer des champs de contact
par Milouze14 Jeu 21 Mai 2020 - 16:59

» [AWESOMEBB] Supprimer cette ligne
par Milouze14 Mer 20 Mai 2020 - 20:02

» [AWESOMEBB] Supprimer cette zone
par Milouze14 Mer 20 Mai 2020 - 20:01

» *RESOLU*[PHPBB3] Title en double sur un bouton éditeur
par Milouze14 Mer 20 Mai 2020 - 17:16

» [AWESOMEBB] Modifier l'icône du bouton d'accueil
par YOUGATAGA Mer 20 Mai 2020 - 13:56

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

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

msfeettoes
msfeettoes
Milouzien

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

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

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

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

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

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

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

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

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

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

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

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

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

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