*RESOLU* Problème écriture lien décalé bas de page et bouton le caché possible ?

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

Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
Lien forum: ICI

j'utilise Google
forum en Invision
(Template Java css modifier)

Bonjour;
Est-il possible  de me dire comment je peut centré les écritures lie  bas de page, 
et savoir si il est possible de mettre un bouton qui les caches
Cordialement





Dernière édition par Quad Daniel le Sam 1 Juil 2017 - 9:20, édité 1 fois
Tawny
avatar
Modérateur

MessageTawny

  • 16px
  • 24px
  • Zoom
Hello Daniel,

Essais ceci pour les centrer

Code:
#gfooter .footer-links {
    float: left;
    white-space: normal!important;
    width: 100%;
}

Pour les cacher, je ne sais pas si c'est autorisé, donc je ne préfère pas m'avancer. Philippe t'en dira surement plus.
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
bonsoir Pierrick, 
merci pour ton aide;
ça la centré mais maintenant c'est en longueur ?
Tawny
avatar
Modérateur

MessageTawny

  • 16px
  • 24px
  • Zoom
Ceci alors

Code:
#gfooter {
    background: url(https://i.servimg.com/u/f84/13/64/43/70/tes111.jpg) no-repeat 50% 50%;
    height: 100px;
    width: 40%;
    margin-left: auto;
    margin-right: auto;
}

Si tu souhaite le cacher, rajoute

Code:
visibility: hidden;
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
bonjour Pierrick, 
je souhaite le cacher, mais avec un bouton qui l'ouvre; (car dessus j'ai des anciens liens partenaire.
par-contre toujours pas centré car la date et heure et maintenant avec ?
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Dan,
hum pour cacher ce n'est pas un soucis, il faudra avoir une image pas trop grosse de préférence.
Ensuite , as tu réellement besoin d'avoir ce rappel de date et l'heure dans cette partie ?

Je vais faire des modifications sur ton fofo et si besoin on fera marche arrière Dan.



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Voilà mon ami,
la c.s.s ajoutée et modifiée:
Code:

/* SCRIPT centrage lien bas de page */
/*couleur du lien du PA*/
p.center strong a[href^="/admin"]{color:#578A5B!important;text-decoration:none !important;}
#gfooter .footer-links{width:100%;background-color: #262626;}
.centerer del{display: inline-block;}
/*les liens de bas de page*/
#gfooter,#gfooter a{color: #b7f58b !important;text-decoration:none !important;}
/*La partie cliquable*/
.M14_Footer{background-color: #262626;text-align: center;cursor:pointer;color: #b7f58b;}
/*La partie infobulle date et heure*/
.M14_Footer span{float: right;margin-right: 10px;cursor:pointer;}
.centerer.footer-links{display:none;float:none !important;width:94%;}
#gfooter {height: 100px;width: 68%;margin:auto;}
/* FIN SCRIPT centrage lien bas de page */

J'ai supprimé background image du footer pour mettre une couleur de fond afin que cela soit plus sobre à l'oeil Dan.

Ensuite la date et l'heure ne seront plus affiché mais le sera au
survol de l'astérisque à droite
Tu peux modifier ce symbole dans le template overall_footer_begin :
Affichage/Templates/Général/overall_footer_begin

ici entre le span:
Code:
  <div class="M14_Footer">Afficher le bas de page <span title="{CURRENT_TIME}">*</span></div>

Le script qui affichera ou masquera les liens:
Code:
 <script>
            $(function(){
  $('.M14_Footer').click(function(){
    $(this).next().toggle();
  });});
          </script>

Si tu désires mettre une image à la place de ce texte "Afficher le bas de page":

Il faudra alors remplacer le code ci-dessous

Code:
<div class="M14_Footer">Afficher le bas de page <span title="{CURRENT_TIME}">*</span></div>

Par:


Code:
<div class="M14_Footer"><img src="LE LIEN DE L IMAGE"/> <span title="{CURRENT_TIME}">*</span></div>



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
bonjour les amis merci pour votre aide, désolé hier pas dispo, j'ai réceptionné mon camping-car.. Photo
super travail Philippe, je n’aurai pas pansé mieux.   super
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
je ne ces pas si cela a à un rapport, mais j'ai le lien haut bas qui ne fonctionne plus dans la Toulbar ?
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Dan,
j'ai ajouté :
Code:
<a name="bottom"></a>

dans le template ici:
Code:
<div class="M14_Footer"><a name="bottom"></a>Afficher le bas de page <span title="{CURRENT_TIME}">*</span></div>



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
super merci Merci Philippe
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
De rien Dan clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
-Staff du Forum Milouze14-



Pour toute information,merci de contacter un Membre du Staff



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
je fini une modif, j'ai modifier et rajouté une image en bas heure j'ai mis ceci, cela est -il bon ou pas ?
Code:
<img src="https://i.servimg.com/u/f11/16/47/45/04/datehe11.png"/>

question ? pour élargir  juste  le fond que tu a fait en bas
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Tu as bien fait Dan,
pour élargir la barre cliquable, dans ta feuille de style,
recherches ceci:
Code:

.M14_Footer{background-color: #262626;text-align: center;cursor:pointer;color: #b7f58b;}

Ajoutes a ce style ceci:
Code:

line-height: 25px;height: 25px;

Ce qui donne:
Code:

.M14_Footer{background-color: #262626;text-align: center;cursor:pointer;color: #b7f58b;line-height: 25px;height: 25px;}

Puis ajoutes pour mettre l'image ajoutée au milieu de cette barre ceci:

Code:
.M14_Footer span img{margin-top: 2px;}



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
pour l’élargissement j'ai mis 23px comme ça reste centré ou était trop haut (merci tu m'aide beaucoup)

Puis ajoutes pour mettre l'image ajoutée au milieu de cette barre ceci:
Code:
.M14_Footer span img{margin-top: 2px;}
le dernier code je le met en suivent ?


Dernière édition par Quad Daniel le Sam 1 Juil 2017 - 9:09, édité 1 fois
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Oui à la suite Dan ou même au début de ta feuille de style cela n'a pas d'importance clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
j'avais pas bien lu oui c'est bien ça je remet 25px
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
super je clôture, je te remercie encore pour ton aide l'ami  impeccable
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
De rien Dan clin oeil ,

-Staff du Forum Milouze14-



  • Hello 
    Sujet résolu et déplacé dans le forum adéquat.

Pour toute information,merci de contacter un Membre du Staff



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





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