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

Modernbb - Mettre des images en liens de bas de page

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

Résolu Modernbb - Mettre des images en liens de bas de page

Message par Keltia le Lun 2 Sep 2019 - 17:10

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:
Modernbb - Mettre des images en liens de bas de page LYPnT9tAvBicQWOUrCJwUwS2t91I4uvr8XSc-QxkE_37SEFeQ-bIuuIwpYj8lKV7GddTckWVwexd-a70ZCdehlHgHDYHjlW7kuhRH1OJ3jfHZ5ayOZLHZSx8it5VNz_uEvtWmPAF7LP0qZM1d8NV2D3-XtgMw0xMXqQc7yznmNnUozkYtlBQHvNM0axvA0ACsNFsGj2Xw86n5Bi_XjIrZ9cvjp-mp2NdefrOxIJu52ck0l4E9erGgTLYPlPdF50y9h-I11rdnzCQr-o5bWS6gSq3Kk7yiY3_2B4a0Hd_Zg94Zixw_S6I9cXerEqfTTIvidiJLwEz9ajImZbpm2BWDRNc0Ko5I4SSJoF2MNWDP2yoqeHMImzkBQi8MumEPP96FazGYVi-JFMgssq-Ou5A18yy7kPKuei98SH_NPdo6NnXnhpDfLnqh6PsxozF9nJU5Q3XpcGZYWAkM9yieA6YJX-bUjz8RhX-iu729maxG3v9_mrw8aQmtpuSGpPRec-Ee59jbrDPQCMhA17GiLdnX4LuVQRWXAMYmaP0xwaoNgvB4s_o1Vt4lG3hjEs0PO0BxV6KflSwqa_ZfccLAjXQhSCTID2JnmCwSAEkpVbdP406IIjCIaBvz7zM02bgmqEZE7ih24AXhwFzBHoGywmFRhzjKx0dJOVq3cmWLF-Ln-2G9DcBwaP2pxE=w1342-h182-no

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour,

cela fait un moment que je cherche une astuce pour mettre en bas de page des liens avec une image, ce qui est impossible avec l'option liens de bas de page. 

javascript :
Code:
$(function()  {
 $(".footerbar-system").eq(0).append("<div id='footer_cr' style='clear:both;' > CimFrance :copyright:️ 2015 - 2019 </div><br><h2><font color='#2B86BA'>CIM<font color='#FFFFF'>FRA<font color='#FF0000'>NCE</font></h2><br>Pour les joueurs de city builders, de jeux de gestion et de simulation")
});

Quelqu'un aurait la solution ?
Merci:)


Dernière édition par Keltia le Mer 11 Sep 2019 - 8:58, édité 2 fois
Keltia

Keltia
***

Messages : 147
Inscrit(e) le : 01/10/2016

http://cimfrance.forumactif.com/
Keltia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modernbb - Mettre des images en liens de bas de page

Message par Keltia le Mer 4 Sep 2019 - 15:41

up Smile
Keltia

Keltia
***

Messages : 147
Inscrit(e) le : 01/10/2016

http://cimfrance.forumactif.com/
Keltia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modernbb - Mettre des images en liens de bas de page

Message par Keltia le Ven 6 Sep 2019 - 18:24

Aucune solution ?
Keltia

Keltia
***

Messages : 147
Inscrit(e) le : 01/10/2016

http://cimfrance.forumactif.com/
Keltia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modernbb - Mettre des images en liens de bas de page

Message par *Splash* le Ven 6 Sep 2019 - 18:58

Hi Keltia,
Tu veux arriver à ce genre de résultat > Clique ?
*Splash*

*Splash*
Membre actif

Masculin
Messages : 2537
Inscrit(e) le : 25/02/2018

https://lesforums.caforum.fr/
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modernbb - Mettre des images en liens de bas de page

Message par Milouze14 le Ven 6 Sep 2019 - 19:25

Hello Keltia,

remplaces e script par celui-ci:

Code:
$(function()  {
  $('#page-footer .wrap:first').after('
<div id="footer_cr" style="clear:both;text-align:center;" ><span style="color:white;"> CimFrance :copyright:️ 2015 - 2019 </span>
<br /><h2><font color="#2B86BA">CIM<font color="#FFFFF">FRA<font color="#FF0000">NCE</font></h2><br />Pour les joueurs de city builders, de jeux de gestion et de simulation</div>');
});


a++
Milouze14

Milouze14
Membre actif

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

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

Résolu Re: Modernbb - Mettre des images en liens de bas de page

Message par Keltia le Sam 7 Sep 2019 - 2:32

Je cherche à faire ceci :

Modernbb - Mettre des images en liens de bas de page YN_aYtEUVLh91T_SDBrIhZJOVlq-MfLRBNTKsPCO2sbUpxqnEwkOoCh01Y1yDv-kr8DcQmgpWcbC9-nBRdKBWYHK4USuzGgbv0A5cxvJjfUT7w_QL8GVBFm4NRWlQMH-BkHNbzBDt_s8yd62WROLrJGsEtcTWmdkUhTOo64mCAdpgh7X9Gb2RfG9p-F0PF74HthkGRJKJ0Fw05nmbvnJElmwR970HFcdrRX3LZ-v4flecS2V8kxVXaIL_UY0pHCgV4QtbVmC3zxFMGOssHcdN7FMace-Z48zfTq8FVMVnK7esWLmV-Gv0hU9ZBnKOXn4k_f9Z9jX5kRjMRL7IiPDRWF2Vhsvouk9tNKeY2RK9nMWangCWcDkjJWLQdYgqFLD-0FZQUElpxg6rLx3pGxnOoX7_ijP45dPRcW2yUjvx9hPCvc6DsqEDG4QEpr2JMCSts_FG0ExomxMwq7V76FjCGJXpGU89GBEMqMbmPj3c_6wEcEODB4GxlsSkZbfJlor77N938w48VLDtjUvOgu4Sx-lXUP7O9XVT9DjhwawuLmUKnlXV5jdPTMQ0Dx7dSs5qOBnIPt_2FBbmXCF24Jwq8v3v-Lw-9p6Ihl6SHJvsADvx7DGZRsIJys7r0GY9adk5XSPMK-RtzWhErs22-amy9ll-DH8ax727_E_AT_y3AxObKKUvwpbUsE=w1342-h182-no

ajouter à droite des images-logos avec liens Smile
Keltia

Keltia
***

Messages : 147
Inscrit(e) le : 01/10/2016

http://cimfrance.forumactif.com/
Keltia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modernbb - Mettre des images en liens de bas de page

Message par Milouze14 le Dim 8 Sep 2019 - 6:29

Hello Keltia,

@Keltia a écrit:Je cherche à faire ceci :

ajouter à droite des images-logos avec liens Smile

de rien, je laisse ma place Wink .

a++
Milouze14

Milouze14
Membre actif

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

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

Résolu Re: Modernbb - Mettre des images en liens de bas de page

Message par *Splash* le Dim 8 Sep 2019 - 9:03

Hi,

Et positionné ainsi ?

Modernbb - Mettre des images en liens de bas de page Foot_t10
*Splash*

*Splash*
Membre actif

Masculin
Messages : 2537
Inscrit(e) le : 25/02/2018

https://lesforums.caforum.fr/
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modernbb - Mettre des images en liens de bas de page

Message par Keltia le Dim 8 Sep 2019 - 9:19

Bonjour et merci à vous deux.

Oui. Au dessus (votre img) ou dessous (mon image) la ligne accueil/forum gratuit phpbb... il faudrait que j'essaie de voir les deux.

et aussi si possible (...je pensais demander après), savoir comment on fait le listing en colonne comme sur le FDF (forumactif, services, suivez nous, etc)
Il me semble que quelqu'un avait déjà posé la question il y a un moment, mais je ne retrouve pas le sujet.

Merci à vous. Smile
Keltia

Keltia
***

Messages : 147
Inscrit(e) le : 01/10/2016

http://cimfrance.forumactif.com/
Keltia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modernbb - Mettre des images en liens de bas de page

Message par *Splash* le Dim 8 Sep 2019 - 9:43

Alors pour la solution que je te propose n'est autre qu'une astuce de Milouze14 laissée ici > Clique

Dans le template overall_footer_begin tu recherches ceci :
Code:
<div id="page-footer">

Juste avant tu places ceci :
Code:
<div id="M14_btn">
                            <span></span>
<a class="M14_btn" href="LIEN FACEBOOK" target="_blank" title="INFOBULLE FACEBOOK"><img src="https://illiweb.com/fa/modernbb/icon_contact_fb.png"/></a>
<a class="M14_btn" href="LIEN TWITTER" target="_blank" title="INFOBULLE TWITTER"><img src="https://illiweb.com/fa/modernbb/icon_contact_twitter.png"/></a>
        </div>

LIEN FACEBOOK : l'URL de ta page Facebook
INFOBULLE FACEBOOK : le texte qui s'affiche au survol de l'icône avec la souris

Tu enregistre la modif et tu publie le template

Ensuite tu places ce code à la CSS :
Code:
 /*LE BLOC DES RESEAUX SOCIAUX*/
#M14_btn
{
color: #69c;
display: inline-block;
font-family: sans-serif;
font-size: 15px;
font-weight: 700;
background-color:;
padding: 5px 5px 5px 0px;
width: 40%;/*on determine la largeur du bloc*/
margin-left: 90%;/*/*on decale le bloc de 90% de la gauche*/
}
/*LE TEXTE DES RESEAUX SOCIAUX*/
#M14_btn span
{
margin-right: 30px;
width:200px;
height: 32px;
line-height: 32px;
}
/*LES BOUTONS DES RESAUX SOCIAUX*/
a.M14_btn
{
background-color:;/*couleur de fond en relation avec les images*/
border-radius: 3px;
color: #fff !important;
display: inline-block;
font-size: 17px;
height: 32px;
margin: 3px;
padding: 7px;
text-align: center;
width: 32px;
padding: 4px;/*en relation avec la dimension des images*/
}

Ici tu as le placement des boutons sur la gauche :
Code:
margin-left: 90%;/*/*on decale le bloc de 90% de la gauche*/
*Splash*

*Splash*
Membre actif

Masculin
Messages : 2537
Inscrit(e) le : 25/02/2018

https://lesforums.caforum.fr/
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modernbb - Mettre des images en liens de bas de page

Message par *Splash* le Dim 8 Sep 2019 - 10:09

Si tu veux un placement au footer, dans le template tu places le code juste après ceci :
Code:
<div id="page-footer">

Ainsi donc :
Code:
<div id="page-footer">
  <div id="M14_btn">
                            <span></span>
<a class="M14_btn" href="LIEN FACEBOOK" target="_blank" title="INFOBULLE FACEBOOK"><img src="https://illiweb.com/fa/modernbb/icon_contact_fb.png"/></a>
<a class="M14_btn" href="LIEN TWITTER" target="_blank" title="INFOBULLE TWITTER"><img src="https://illiweb.com/fa/modernbb/icon_contact_twitter.png"/></a>
         </div>

Et tu places ce code CSS :
Code:
/*LE BLOC DES RESEAUX SOCIAUX*/
#M14_btn
{
color: #eee; /*couleur du texte*/
font-family: sans-serif; /*police du texte*/
font-size: 15px; /*taille de la police du texte*/
font-weight: 700; /*police du texte en gras*/
padding: 5px 5px 5px 0px; /*positionnement du bloc*/
margin-left: 73%; /*on decale le bloc de X% vers la droite*/
}
/*LE TEXTE DES RESEAUX SOCIAUX*/
#M14_btn span{margin-right: 5px;} /*espace entre le texte et les boutons*/
/*LES BOUTONS DES RESAUX SOCIAUX*/
a.M14_btn{padding: 4px; /*en relation avec la dimension des images*/}

Voir le rendu :
Modernbb - Mettre des images en liens de bas de page Footer10

Si tu veux ajouter un bout de texte avant les boutons, dans le template il faut l'ajouter entre les balises span ici :
Code:
<div id="M14_btn">
                            <span>TON TEXTE</span>

Dans la CSS il faudra jouer avec cette valeur de margin :
Code:
margin-left: 73%; /*on decale le bloc de X% vers la droite*/
*Splash*

*Splash*
Membre actif

Masculin
Messages : 2537
Inscrit(e) le : 25/02/2018

https://lesforums.caforum.fr/
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modernbb - Mettre des images en liens de bas de page

Message par Keltia le Mar 10 Sep 2019 - 17:11

Merci Smile
Keltia

Keltia
***

Messages : 147
Inscrit(e) le : 01/10/2016

http://cimfrance.forumactif.com/
Keltia 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