Connexion

Récupérer mon mot de passe

Derniers sujets
» *RESOLU*[PhpBB2] Changer le lien d'une image par une icone font awesone
*RESOLU* [PHPBB3] Déplacer un bouton bas de page Clock-10Aujourd'hui à 14:57 par Milouze14

» *RESOLU*[AwesomeBB] Profils en onglets
*RESOLU* [PHPBB3] Déplacer un bouton bas de page Clock-10Aujourd'hui à 12:04 par Milouze14

» histoire du Jour sans fin
*RESOLU* [PHPBB3] Déplacer un bouton bas de page Clock-10Hier à 8:11 par Quad Daniel

» Test d'intelligence des politiciens-(e) histoire blagounette
*RESOLU* [PHPBB3] Déplacer un bouton bas de page Clock-10Ven 23 Aoû 2019 - 9:22 par Quad Daniel

» Règlement de l'entraide Forumactif
*RESOLU* [PHPBB3] Déplacer un bouton bas de page Clock-10Jeu 22 Aoû 2019 - 11:42 par BADLANDS

» [AwesomeBB] Problème avec le tuto "AutoSuggestion" - Incompatible version AwesomeBB
*RESOLU* [PHPBB3] Déplacer un bouton bas de page Clock-10Mer 21 Aoû 2019 - 12:14 par MathisB

» *RESOLU*[AwesomeBB] Barre de progression sur la page - AwesomeBB
*RESOLU* [PHPBB3] Déplacer un bouton bas de page Clock-10Mar 20 Aoû 2019 - 21:17 par Milouze14

» *RESOLU*[PhpBB2] Insérer la valeur d'un champ personnalisé dans une page HTML
*RESOLU* [PHPBB3] Déplacer un bouton bas de page Clock-10Mar 20 Aoû 2019 - 19:11 par Milouze14

» *CORBEILLE*[PhpBB2] Récupérer la valeur d'un input
*RESOLU* [PHPBB3] Déplacer un bouton bas de page Clock-10Lun 19 Aoû 2019 - 18:42 par Milouze14

» *RESOLU*[PhpBB3] Prévisualisation directe
*RESOLU* [PHPBB3] Déplacer un bouton bas de page Clock-10Ven 16 Aoû 2019 - 11:06 par Milouze14

» *RESOLU*[PhpBB2] l'image s'éclairci dans le codage
*RESOLU* [PHPBB3] Déplacer un bouton bas de page Clock-10Lun 12 Aoû 2019 - 6:30 par Milouze14

» *RESOLU*[PhpBB2] Vérifier valeur dans InArray (Jquery)
*RESOLU* [PHPBB3] Déplacer un bouton bas de page Clock-10Sam 10 Aoû 2019 - 6:24 par Milouze14

» *RESOLU*[PhpBB2] Récupérer valeur checkbox
*RESOLU* [PHPBB3] Déplacer un bouton bas de page Clock-10Jeu 8 Aoû 2019 - 4:17 par Milouze14

» [Toutes versions] Utiliser les variables utilisateur/forum
*RESOLU* [PHPBB3] Déplacer un bouton bas de page Clock-10Mer 31 Juil 2019 - 19:36 par photoclic

» *RESOLU*[PhpBB2] Encadrement des photos dans le .preview .postbody
*RESOLU* [PHPBB3] Déplacer un bouton bas de page Clock-10Mer 31 Juil 2019 - 19:19 par Milouze14

» *RESOLU*[PhpBB3] Nombre de messages et membres su qeel
*RESOLU* [PHPBB3] Déplacer un bouton bas de page Clock-10Mer 31 Juil 2019 - 17:01 par no_way

» *RESOLU*[PhpBB2] Prévisualisation en direct
*RESOLU* [PHPBB3] Déplacer un bouton bas de page Clock-10Lun 29 Juil 2019 - 17:42 par Milouze14

» *RESOLU*[PhpBB2] La version web ne s'affiche pas sur "mon" IPAD.
*RESOLU* [PHPBB3] Déplacer un bouton bas de page Clock-10Ven 26 Juil 2019 - 19:51 par Milouze14

» [AwesomeBB] Problème avec le tuto "AutoSuggestion" - Incompatible version AwesomeBB
*RESOLU* [PHPBB3] Déplacer un bouton bas de page Clock-10Dim 21 Juil 2019 - 6:07 par Milouze14

» [Toutes versions]Remplacer les icônes de l'éditeur par des icônes FontAwesome
*RESOLU* [PHPBB3] Déplacer un bouton bas de page Clock-10Sam 20 Juil 2019 - 11:23 par Morane

*RESOLU* [PHPBB3] Déplacer un bouton bas de page

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

photoclic
photoclic
Milouzien

Messagephotoclic le Ven 13 Juil 2018 - 12:01

Bonjour,

Je souhaiterais si cela est possible déplacer le bouton "La page facebook du clic" situé en bas de page.
je ne retrouve pas où il a été défini.

Le CSS correspondant:

Code:
/*Lien Facebook Bas de page  */
#page-footer ul.linklist {float: right;}
a.icon-home{padding:80px;font-weight: 700;}

ul.linklist li.rightside a.copyright {
 -moz-border-radius: .3em;
 -webkit-border-radius: .3em;
 border: 1px solid #626262;
 border-radius: .3em;
 color: #99375f;
 font-weight: 700;
 padding: 3px 5px;
}

ul.linklist li.rightside a.copyright:hover {
        color: red !important;
}

Le template overall_footer_end:
Code:
    <!-- BEGIN html_validation -->
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <body>
    <div>
      <div>
          <div>
            <div>
                <div>
                  <div>
                      <div>
                        <ul>
                            <li>
    <!-- END html_validation -->
                            </li>
                        </ul>
                        <!-- BEGIN switch_footer_links -->
                        <ul class="linklist clearfix">
                            <li class="rightside">
                              <!-- BEGIN footer_link -->
                                  <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
                                  {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                              <!-- END footer_link -->
                            </li>
                        </ul>
                        <!-- END switch_footer_links -->
                        <span class="corners-bottom"><span></span></span>
                      </div>
                  </div>
                  <p class="copyright">
                      <strong>{ADMIN_LINK}</strong>
                  </p>
                </div>
                {PROTECT_FOOTER}
            </div>
          </div>
      </div>
    </div>

    <!-- BEGIN switch_facebook_login -->
 
<div id="fb-root"></div>
<script type="text/javascript">
    $(document).ready( function() {
        $('div.fb-login-button, span.fb-login-button').attr({
            "data-scope": "{switch_facebook_login.FB_SCOPE}",
            "data-max-rows": "{switch_facebook_login.FB_MAX_ROWS}",
            "data-size": "{switch_facebook_login.FB_BUTTON_SIZE}",
            "data-show-faces": "{switch_facebook_login.FB_SHOW_FACES}",
            "data-auto-logout-link": "{switch_facebook_login.FB_AUTO_LOGOUT}"
        });
 
        $('div.fb-login-button, span.fb-login-button').each(function() {
            if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {
                $(this).attr('onlogin', '{switch_facebook_login.FB_ONLOGIN}');
            }
            if($(this).html() == '') {
                $(this).html('{switch_facebook_login.FB_LABEL}');
            }
        });
 
 
        FB.init({
            appId  : "{switch_facebook_login.FB_APP_ID}",
            cookie  : {switch_facebook_login.FB_COOKIE},
            xfbml  : {switch_facebook_login.FB_XFBML},
            oauth  : {switch_facebook_login.FB_OAUTH},
            version : '{switch_facebook_login.FB_VERSION}'
        });
 
        (function(d, s, id){
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) {return;}
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/{switch_facebook_login.FB_LOCAL}/sdk.js";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
 
    });
    function onLoginFB() {
        window.location.replace('{switch_facebook_login.FB_ONLOGIN_URL}')
    }
</script>
     
    <!-- END switch_facebook_login -->
     
    <!-- BEGIN switch_topicit_connect -->
    <script type="text/javascript">
        $(document).ready( function() {
  $('div.ti-connect').attr({
      'data-loc' : '{switch_topicit_connect.TOPICIT_URL}',
      'data-login' : '{switch_topicit_connect.BOARD_LOGIN}',
      'data-version' : '{switch_topicit_connect.TOPICIT_VERSION}',
      'data-lang' : '{switch_topicit_connect.BOARD_LANG}'
  });
  (function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "{switch_topicit_connect.TOPICIT_ENDPOINT}";
      fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'topicit-connect'));
        });
    </script>
    <!-- END switch_topicit_connect -->

    <script type="text/javascript">
    //<![CDATA[
      fa_endpage();
    //]]>
    </script>
    </body>
    </html>

L'image de son emplacement actuel. Je souhaiterais si possible placer ce bouton à l'extrême gauche
*RESOLU* [PHPBB3] Déplacer un bouton bas de page Captur17

Merci pour votre aide.


Dernière édition par photoclic le Lun 16 Juil 2018 - 11:25, édité 1 fois
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Ven 13 Juil 2018 - 18:16

Hello Serge,

cette class devrait faire l'affaire:
Code:

a.copyright[href^="https://www.facebook.com/Photoclic"]
{
ta css
}


clin oeil
photoclic
photoclic
Milouzien

Messagephotoclic le Sam 14 Juil 2018 - 1:25

Bonjour Philippe,

Merci pour ton aide.

Rien à faire, ce bouton ne veut pas se mettre à gauche.

Mon CSS:
Code:
/*Lien Facebook Bas de page  */
#page-footer ul.linklist {float: right;}
a.icon-home{padding:80px;font-weight: 700;}

 a.copyright[href^="https://www.facebook.com/Photoclic"] {       
   -moz-border-radius: .3em;
   -webkit-border-radius: .3em;
   border: 1px solid #626262;
   border-radius: .3em;
   color: #99375f;
   font-weight: 700;
   padding: 3px 5px;
        float:left;
}

ul.linklist li.rightside a.copyright:hover {
        color: red !important;
}
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 14 Juil 2018 - 6:06

Hello Serge,
cela est dû à son conteneur mon ami, teste ceci et joue avec
la négativité du margin-left:
Code:
 a.copyright[href^="https://www.facebook.com/Photoclic"] {     
  -moz-border-radius: .3em;
  -webkit-border-radius: .3em;
  border: 1px solid #626262;
  border-radius: .3em;
  color: #99375f;
  font-weight: 700;
  padding: 3px 5px;
left: -200px;
position: relative;
}
photoclic
photoclic
Milouzien

Messagephotoclic le Sam 14 Juil 2018 - 8:29

Bonjour Philippe,

Vraiment capricieux ce bouton.

Le problème est que j'arrive effectivement à positionner où je veux ce bouton sur mon écran en ajoutant le
Code:
left: -580px;
position: relative;

Mais sur un autre écran où sur tablette ou iphone, sa position redevient incorrecte, même en remplaçant les px par un %.

Si on ne peut faire mieux tant pis Phil.
Tu as le code admin si tu veux voir (vers ligne 544 ... du css)
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 14 Juil 2018 - 18:12

Re Serge,
hum le bouton a disparu !!!!
photoclic
photoclic
Milouzien

Messagephotoclic le Sam 14 Juil 2018 - 18:16

Bonjour Phil,

Non il n'a pas disparu.

Sur mon écran 23 pouces, il est bien placé à gauche.
Mais comme expliqué dans mon dernier message, il bouge en fonction des tailles d'écran
.
En réduisant le left, tu devrais le retrouver, mais il ne sera plus au bon endroit pour mon écran.
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 14 Juil 2018 - 18:22

Hum, en invité je le vois mais pas avec le compte chacat car mon compte n'existe plus Serge clin oeil .
Dernière question, comment ce bouton est arrivé ici, un script ajouté ?
photoclic
photoclic
Milouzien

Messagephotoclic le Sam 14 Juil 2018 - 18:44

RE Philippe,

Le compte chacat existe toujours et en mode admin. Bizarre ce que tu décrits.
Je viens de l’essayer et je vois le bouton.

Je ne retrouve plus comment ce bouton est arrivé là.
J'ai bien le script de celui du haut de la page d’accueil dans le template index_box, mais ne retrouve plus celui du bas marreordi
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 14 Juil 2018 - 18:52

Je te parle du compte "Milouze14" et non Chacat Serge clin oeil ,
mais je confirme avec ce compte je ne vois pas ce bouton !!!

Je viens de l’essayer et je vois le bouton.

Avec ce Pseudo ?
J'aurais plutôt dis le template de bas de page Serge clin oeil
photoclic
photoclic
Milouzien

Messagephotoclic le Sam 14 Juil 2018 - 18:59

Je parlais du compte chacat Philippe.

Le template overall_footer_end, je l'ai mis dans mon premier message là haut, mais je n'y vois pas le script.
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 14 Juil 2018 - 19:10

Hum,il n'y a rien dans ton template Serge et pour tout couronner je ne vois plus ton bouton que ce soit en invité ou avec le compte Chacat, c'est de la pure folie MdR1
photoclic
photoclic
Milouzien

Messagephotoclic le Sam 14 Juil 2018 - 19:13

Dingue tout ça MdR

Je vois systématiquement le bouton et mon template est bien présent tel que présenté là haut.

Suis obligé de m'absenter l'ami. Je repasserai dans la soirée. ouiillle
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 14 Juil 2018 - 19:17

Ben vi ça devient draconien ton histoire lOL .

mon template est bien présent tel que présenté là haut.

Non car il n'est pas nominatif Serge clin oeil .


Suis obligé de m'absenter l'ami. Je repasserai dans la soirée

Pour ma part, ce sera demain Serge hinhin .

Bonne soirée.


photoclic
photoclic
Milouzien

Messagephotoclic le Dim 15 Juil 2018 - 1:31

Re Phil,

J'ai mis le left à -80px, peut-être sera-t-il visible ainsi.

Je suis retourné voir Le template overall_footer_end. Le code transmis dans mon 1ier message y est bien présent.

Cette partie semble correspondre à ce qu'il s'y passe:

Code:
<!-- BEGIN switch_footer_links -->
                        <ul class="linklist clearfix">
                            <li class="rightside">
                              <!-- BEGIN footer_link -->
                                  <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
                                  {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                              <!-- END footer_link -->
                            </li>
                        </ul>
                        <!-- END switch_footer_links -->
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 15 Juil 2018 - 6:59

Hello Serge,

je continue a dire que ce bouton n'est pas venu tout seul mon ami, car tu aurais comme titre Facebook ou Photoclic.

Dans le code source de ta page, ce bouton doit se trouver dans ce template:

overall_footer_begin
photoclic
photoclic
Milouzien

Messagephotoclic le Dim 15 Juil 2018 - 10:45

Bonjour Philippe,

J'ai encore cherché où pouvait bien être niché le code de ce bouton, mais sans succès.

J'ai retrouvé celui du bouton similaire placé au début de le page d’accueil dans le template index_box:

Code:
<ul class="linklist">
 <!-- BEGIN switch_user_logged_in -->  
        <!-- Ajout bouton Voir la page Facebook -->
        <li> • <a style="font-weight: bold;border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 0px 5px;" target="_blank" href="https://www.facebook.com/Photoclic/">Voir la page Facebook du clic</a> • </li>
          
 <li><a style="font-weight: bold;border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 0px 5px;"href="{U_SEARCH_NEW}">Voir les nouveaux messages</a></li>
  
 <li class="sansrep"> • <a style="font-weight: bold;border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 0px 5px;"href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>        
        <li class="rightside"> • <a style="border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 0px 5px;"href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>

 <li class="rightside"> •&nbsp;<a style="border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 0px 5px;"href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
        <Br/><br/>
 <!-- END switch_user_logged_in -->
</ul>

Le template overall_footer_begin:
Code:
<!-- BEGIN html_validation -->
<div>
 <div>
 <div>
 <div>
 <div>
 <div>
 <div>
 <div>
<!-- END html_validation -->
 </div>
 </div>
 </div>
 </div>
 <div id="{ID_RIGHT}">
 <!-- BEGIN giefmod_index2 -->
 {giefmod_index2.MODVAR}
 <!-- BEGIN saut -->
 <div style="height:{SPACE_ROW}px"></div>
 <!-- END saut -->
 <!-- END giefmod_index2 -->
 </div>
 </div>
 </div>
 </div>
</div>
<div id="page-footer">
 <div class="navbar">
 <div class="inner">
 <span class="corners-top"><span></span></span>
 <ul class="linklist clearfix">
 <li class="footer-home">
 <a class="icon-home" href="{U_INDEX}" accesskey="h">{L_HOME}</a>
 </li>
 <li class="rightside">
<!-- BEGIN html_validation -->
 </li>
 </ul>
 </div>
 </div>
</div>
<!-- END html_validation -->

J'ai l'impression que le problème vient du fait qu'il y a des class de même nom utilisés et que ça crée des conflits.
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 15 Juil 2018 - 11:27

Re Serge,
ben vi c'est tout de même bizarre cette histoire, je me pose la question suivante:
N'aurais tu pas un script qui prend l'équivalent de ce fameux bouton que tu mentionnes et qui serait dupliqué en bas de page ?
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 15 Juil 2018 - 11:42

Re Serge,
peux tu me dire ou tu as placé cette feuille de style très très conséquente ??
Code:
<style>              
 /*Bandeau RSS accueil du clic */#rssEphotos {position: absolute;  top: 35px;right:55px;    height:200px;width: 50%;overflow: hidden;border: 1px solid #ccc;background: #626262;color: white;padding: 18px 0px;opacity:0;transition: opacity 0.5s ease-in-out; }#rssEphotos div{text-align:center;margin-left:1em;margin-right:1em;float:left;}    #rssEphotos img{height:180px;}/*Position boutons copier lien favoris etc. sous message*/.sharepostadipst {min-height: 40px !important;padding-top: 12px !important;}          /*Changement couleur fond images bouton CF*/   .M14_btn_background{width:108px;cursor:pointer;}.M14_btn_background div{width:108px;display:none;}.M14_btn_background div{border:1px solid #6B6B6B;}.M14_btn_background div p{padding:1px 0px 0px 1px;font-size: 13px;line-height: 13px;margin: 0px;text-align: center;}.M14_btn_background_un{background:white;color:black;}.M14_btn_background_deux{background:#6B6B6B;color:white ;}.M14_btn_background_trois{background:#333333;color:white ;}.M14_btn_background_quatre{background:black;color:white ;}.M14_btn_background_cinq{background:#CCCCCC;color:black ;}#M14_background_un{background:#ffffff !important;}#M14_background_deux{background:#6B6B6B !important;}#M14_background_trois{background:#333333 !important;}#M14_background_quatre{background:#000000 !important;}#M14_background_cinq{background:#CCCCCC !important;}/*Cadre modération */  .moderation {margin: 10px;max-width: 50%;background: #c5d9d0;-moz-border-radius: 10px;-webkitborder-radius: 10px;border-radius: 10px;border: 3px double #747f82;color: #31378C;font-weight: bold;   padding: 10px 10px 15px 5px;} /*()Boutons Modo et admin réponse rapide */.mod_mess, .adm_mess {margin: 10px;max-width: 50%;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}.mod_mess a.postlink, .adm_mess a.postlink {color: #FFF !important;text-decoration: underline !important;}/* décalage s'inscrire barre notification*/#fa_right a.rightHeaderLink {    margin-right: 5px!important;}          /*Rotation mini avatars*/.lastpost-avatar img,.M14_avatarTopic img,.M14_avatar img,.jsUserPhoto_mini{transform: rotate(0deg);-webkit-transition: rotate 0.5s;-moz-transition: rotate 0.5s ;-o-transition: rotate 0.5s ;transition: all 0.5s ;}.lastpost-avatar img:hover,.M14_avatarTopic img:hover,.M14_avatar img:hover,.jsUserPhoto_mini:hover{transform: rotate(360deg);}/*Affichage connexion rapide*//*Masquer connexion et s'inscrire sur barre de notification*/a.rightHeaderLink:nth-child(3),a.rightHeaderLink:nth-child(4){display:none !important;}#quickloginform {height:100%;position:absolute;right:35%;opacity:0;}#quickloginform>form {background-color:#333333;box-sizing:border-box;margin-top:-1px;padding:26px 30px;width:360px;}#quickloginform input[type="password"],#quickloginform input[type="text"] {background:#f2f2f2 none repeat scroll 0 0;border:0 none;box-sizing:border-box;font-family:"Helvetica";font-size:14px;margin:0 0 15px;outline:0 none;padding:4px;width:100%;}#quickloginform button {background-color:#73a8e1;border:0 none;color:#ffffff;cursor:pointer;font-family:"Helvetica";font-size:14px;outline:0 none;padding:15px;text-transform:uppercase;width:100%;}#quickloginform p:nth-child(n) {margin-bottom:-23px;margin-top:55px;text-align:center;}#quickloginform form p {color:#b3b3b3;font-size:11px;}#quickloginform form a {color:#73a8e1;text-decoration: none;font-size:12px;}/*Ajout boutons sur connexion rapide*//*Le bouton Facebook*/#quickloginform .fb-login-button{float:right !important;margin: 15px 0px 15px 0px;}/*Le bouton TopicIt*/#quickloginform .ti-connect{float:left !important;margin: 15px 0px 15px 0px;}/*Position Boutons topic'it et FB sur bas page d'accueil*/.social_btn > div {margin: -22px 15% 0 -13%;float: right;}          /* Enveloppe dans sous forum pour affichage 2 derniers messages*/          /*On place l image après le pseudo*/img.M14_GetPosts {height: 15px !important;position: absolute;margin: 8px 0px 0px 25px;cursor: pointer;}.M14_GetPostS{display:none; position:absolute;width:450px;height:270px;overflow-y:auto;z-index:999;background-color:#535353;border:2px solid #7c7c7c;margin-left: 250px;margin-top: -5px;}/*L image de fermeture*/.M14_CloseGet {width: 26px;height: 26px;margin-left: 24px;margin-top: 3px;position: absolute;cursor: pointer;display: none;background-color: #333333;border-radius: 50px;/* padding: 2px; */z-index: 999;}/*Le petit triangle*/.M14_trianGle {display: none;position: absolute;margin-top: 5px;width: 24px;height: 24px;margin-left: 300px;}/*toutes les options que l on retire*/.M14_GetPostS .profile-icons ,.M14_GetPostS  .postprofile dd,.M14_GetPostS  .right, .M14_GetPostS .M14_member, .M14_GetPostS .signature_div, .M14_GetPostS .content img,.M14_GetPostS  .vote ,.M14_GetPostS  .author img ,.M14_GetPostS span[class^="corners"]{display:none!important;}/*On redonne le style perdu police et couleur*/.M14_GetPostS,.M14_GetPostS h2,.M14_GetPostS a[href^="/u"],.M14_GetPostS a[href^="/u"] span,.M14_GetPostS  .author, .M14_GetPostS  .author a, .M14_GetPostS a[href^="/t"],.M14_GetPostS .content,.M14_GetPostS .content a,.M14_GetPostS .postbody,.M14_GetPostS  .postprofile dt strong{font-size:11px !important;color:white !important;padding-left: 3px;}.M14_GetPostS .postbody{padding: 2px 2px !important;}/*on redimensionne l avatar*/.M14_GetPostS .postprofile img[alt="avatar"]{max-width:48px !important;max-height:48px !important;}/*on reposissionne le profil au centre*/.M14_GetPostS  .postprofile dt{padding:0px !important;}.M14_GetPostS  .postprofile{border-color: white !important;text-align: center !important;}/* on redimensionne toutes les images importantes*/.M14_GetPostS .content img{max-width:60px;max-height:60px;}/* on prevoit les grands textes en mettant une hauteur maxi et un overflow auto*//*.M14_GetPostS .content div{max-height:60px;overflow:auto;} retirer overflow */.M14_GetPostS .content div{height:60px;}/*on depose une bordure blanche apres le premier sujet*/.M14_GetPostS .inner:nth-child(2){margin-top:10px !important;border-top:1px dotted grey !important;}/*On affiche les textes premier et dernier message*/.M14_GetPostS .inner:nth-child(1):before{font-size:11px !important;color:white !important;content:"Premier message";width: 20%;margin-left: 20%;text-decoration: underline;font-weight: bold;}.M14_GetPostS .inner:nth-child(2):before{font-size:11px !important;color:white !important;content:"Dernier message";width: 20%;margin-left: 20%;text-decoration: underline;font-weight: bold;}/*Affichage membres en ligne*//*Image hors ligne et en ligne listes des sujets cote descriptif sujet*/.dterm .M14_LoadInline{top: 2px;position: relative;margin-left: 7px;}/*Image hors ligne et en ligne listes des sujets dernier message*/.lastpost .M14_LoadInline{top:-2px;position: relative;margin-left: 7px;}/*Bordures à droite et gauche colonne Réponses SF*/.topics dd.posts {border-right: 1px solid #616161; border-left: 1px solid #616161;}ul.topiclist dd {border-left: none}/*onglet catégorie sélectionnée*/.inner_tabs a.fa_tabactif{color: #993741 !important; }/*décalage icone voir le dernier message su page d'accueil*/span a.last-post-icon img,dl.icon dd.lastpost div span a,dl.icon.newpost dd.lastpost.new-lastpost span a{margin-left: 10px;}  /* CSS Boutons messenger*/#FAM-button {    top: 800px!important;background: #73a7e2!important;}#FAM-button:hover{background-color:#28e!important;}#FAM-new-topic {right: 50px!important;bottom: 30px!important;font-size: 1.5em;}#FAM-new-topic .fa-plus {line-height: 42px!important;} #FAM-new-topic .fa-circle{color:#73a7e2!important;}#FAM-new-topic:hover .fa-circle{color:#28e!important;}/* Evènements dans widget*/#nep-events { height:160px; overflow-y:auto;}#nep-events div.EV_ItemTitle {display: block !important;margin: 2px 1px 0;padding: 2px 5px 5px 30px;border: 1px solid #B1BFC0;border-radius: 5px;background: #BABABA url('https://i.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;text-decoration: none !important;}#nep-events div.EV_ItemTitle:hover {background-color: #D8DEDE;color: #708090 !important;text-shadow: #fff 1px 1px 0px;}#nep-events div.EV_ItemTitle a {font-size: 1.1em !important;font-weight: bold;color: #993741;}/* Publication wiki dans widget*/#nep-publi { height:270px; overflow-y:auto;}#nep-publi div.article-infos {display: block !important;margin: 2px 1px 0;padding: 2px 5px 5px 30px;border: 1px solid #B1BFC0;border-radius: 5px;background: #BABABA url('https://i.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;text-decoration: none !important;}#nep-publi div.article-infos:hover {background-color: #D8DEDE;color: #89464d !important;text-shadow: #fff 1px 1px 0px;}#nep-publi ul.inline li {display: inline-block;margin-left: 5px;}   #nep-publi div.article-infos ul.inline{padding-left: 0 !important;}   #nep-publi div.article-infos a.title, #nep-publi div.article-infos a h2.title, #nep-publi div.article-infos a h5.title  {font-size: 1.1em !important;font-weight: bold;}/*Remerciement messages sur tutos et news*/.M14_Thank_Cont{margin: 5px;margin-bottom: 0;clear:both;font-style: italic;border: 1px solid #bac4cb;background: url(https://i.servimg.com/u/f58/11/26/21/37/merci11.png) no-repeat;background-position: 5px 2px;background-color:#DCE1E5;padding: 5px;min-height:50px;padding-left: 50px;border-radius: 5px;display:none;}.topiclist.forums .topics:before{background:#BABABA;content: "";height: 60px;width: 60px;}.topiclist.forums .lastpost:before{background:#BABABA;content: "";height: 60px;width: 60px;}.topiclist.forums .topics,.topiclist.forums .lastpost,.topiclist.forums .lastpost a{color:black !important;opacity:1 !important;}/*Coloriser en gris colonne sujets et derniers messages sur page d’accueil*/.topiclist.forums .topics, .topiclist.forums .lastpost, .topiclist.forums .icon[style^="background"]::before {background-color: #BABABA;height: 70px;opacity: 0.5;border-right: 1px dotted #9C9C9C !important;border-left: 1px dotted #9C9C9C !important;}          /* chatbox anglaise */#fa_chat_container {background:#FFF;border:1px solid #556682;border-radius:3px;position:fixed;right:3px;z-index: 10000 !important;overflow:hidden;min-width:500px;min-height:250px;transition:300ms;}#fa_chat {border:none;width:100%;height:100%;}#fa_chat_button {color:#FFF;line-height:30px;margin-right:10px;padding:0 5px;cursor:pointer;}#fa_chat_button.fa_chat_active {color:#333;background:#FFF;}/*couleur quand connectés sur chatbox barre notification*/#fa_chatters{  -moz-border-radius: 3px;-webkit-border-radius: 3px;background: #fff;border-radius: 3px;color: #f60000;display: inline;padding-bottom: 2px;}  /*Miniatures photos sur sujets*/    /*On donne une apparence au conteneur*/.M14_photos{display:none;}/*Le bouton d ouverture fermeture*/.M14_SlidePhotos img{width:20px;height:20px;margin-top: 5px;background: #626262;}.M14_SlidePhotos{cursor:pointer;float:right;margin-top: 0px;}/*On creer une marge entre chaque lien*/.M14_Load_photos a {float: left;height: 160px;margin: 15px 0px 85px 15px;padding: 5px 0px;width: 160px;}   /*on donne une taille maximale*/.M14_Load_photos img{max-width:160px;margin-top: 0px;}/*on cache le bloc des photos*/.M14_Load_photos{display:none;width:100% !important;background:#626262;height:275px;overflow-y:auto;}/*Masquer widgets*/#right,#left{display:none;}/*Afficher masquer widgets*/ #widget-arrows {height: 28px;width: 28px;}.widget-arrow {height: 28px;width: 28px;border-radius: 4px;float: left;cursor: pointer;background: #75a9e1 url(https://i.servimg.com/u/f11/18/97/96/21/arrow10.png) no-repeat 0 -21px;}.widget-arrow.isleft {z-index: 100;margin-top: 123px;margin-left: -42px;position: fixed;}.widget-arrow.isright {float: right;margin-right: -40px;margin-top: 7%;}.widget-arrow.isleft.isclosed, .widget-arrow.isright.isopened {background-position: 0 0;}/* le pense-bête*/.M14_notePad {background: grey;border: 4px double #6B6B6B;left: -226px;padding: 5px;position: fixed;text-align: center;width: 230px;margin-left: -20px;z-index: 999;top: 206px;}.M14_img_close{-moz-border-radius-bottomright: 5px;-moz-border-radius-topright: 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-top-right-radius: 5px;background: #808080 !important;border: 4px double #6B6B6B;border-bottom-right-radius: 5px;border-left: none;border-top-right-radius: 5px;cursor: pointer;height: 24px;left:224px;margin-top: 200px;position: absolute;width: 24px;display:none;}/*le titre du bloc note*/.M14_notePad span{color:white;}/*l image du bloc note*/.M14_imgToggle {-moz-border-radius-bottomright: 5px;-moz-border-radius-topright: 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-top-right-radius: 5px;background: #BABABA !important;border: 3px double #6B6B6B;border-bottom-right-radius: 5px;/* border-left: none; */border-top-right-radius: 5px;cursor: pointer;height: 32px;left: 242px;margin-top: 230px;position: absolute;width: 30px;}  /* le textarea du bloc note*/#notepad{background:white;color:grey;width:200px;height:200px;overflow: auto;border-radius:6px;}         /*Afficher Brouillons et amis dans Bienvenue toolbar*/#fa_menulist{min-height: 280px !important;}                    /*Bandeau RSS tableau page coulissante toutes photos*/ #rssEphotos2{     text-align:center;overflow: hidden;border: 8px solid #ccc;background: #626262;color: white;     }#rssEphotos2 img {max-height: 114px;max-width: 100%;margin: 4px 4px 2px 4px;border: 3px solid #717171;}/*Bandeau RSS portail #878787; */#rssEphotos1 {width: 100%;/*à modifier selon ton forum*/height:165px;overflow: hidden;border: 1px solid #ccc;background: #424242;color: white;padding: 20px 0px;}#rssEphotos1 div{text-align:center;margin-left:1em;margin-right:1em;float:left;}#rssEphotos1 img{height:150px; /*à modifier selon tes goûts*/} @-webkit-keyframes marqueeAnimation-8952767  { 100%  {margin-left:-5856px}}@-webkit-keyframes marqueeAnimation-5200301  { 100%  {margin-left:-0px}}</style>



Supprimes ce contenu de ton template car la moitié n'est pas prise en compte (trop chargé).


Petit cadeau  anniv2 .

Je viens d’héberger tout ce style sur mon nom de domaine:

Dans ton template overall header recherches ceci:
Code:
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />

Juste après déposes ceci:
Code:
<link type="text/css" rel="stylesheet" href="https://www.milouze14.fr/serge.css"/>


Penses à enregistrer puis à valider en cliquant respectivement sur Enregistrer  puis  Ajout

Si besoin envoies moi un mp pour modifier le contenu  clin oeil


Dernière édition par Milouze14 le Lun 16 Juil 2018 - 6:16, édité 2 fois
photoclic
photoclic
Milouzien

Messagephotoclic le Dim 15 Juil 2018 - 12:05

Re Phil,

Cette feuille de style est à la fin du template overall_header.

@Milouze14 a écrit:Re Serge,
ben vi c'est tout de même bizarre cette histoire, je me pose la question suivante:
N'aurais tu pas un script qui prend l'équivalent de ce fameux bouton que tu mentionnes et qui serait dupliqué en bas de page ?

C'est possible Philippe, j'ai quasiment tout balayé sans retrouver trace de ce satané bouton.

Edit:
Je n'avais pas constaté Phil de non prise en compte de CSS. Tout était me semble-t-il pris en compte.

Je viens de voir ta proposition d'hébergement du css. C'est très sympa ça Philippe, nos forum sont fiancés désormais lOL
Je viens de faire la manip.


Pour info, j'ai aussi du CSS dans une page HTML  ouiillle

Code:
<style>

/*CSS des sujets dans page HTML en clair et autres CSS dans template overall-Header*/

/*Bordure réponse rapide */
form#quick_reply .sceditor-container
{
border: 1px solid #2791b3 !important;
}

/* Message 1200px pour poster */
.sceditor-dropdown.sceditor-servimg::before {
 background-color: #00adfe;
 border: 1px solid #111;
 color: #fff;
 content: "Choisir SVP '1024px' de largeur ou 'Non'";
 font-size: 13px;
 font-weight: 700;
 height: 22px;
 line-height: 20px;
 margin-left: 1px;
 margin-top: 1px;
 padding-left: 5px;
 position: absolute;
 width: 295px;
}


/*Affichage membres en ligne*/
    /*Image hors ligne et en ligne listes des sujets cote descriptif sujet*/
    .dterm .M14_LoadInline{top: 2px;position: relative;margin-left: 7px;}
    /*Image hors ligne et en ligne listes des sujets dernier message*/
    .lastpost .M14_LoadInline{top:-2px;position: relative;margin-left: 7px;}


        /*Effet sur boutons Nouveau et Répondre*/
                    /*On decale les ajouts de 10px du bouton precedent*/
                    .M14_PostNeWs,.M14_PostRep{margin-left:30px;display: inline !important;}

                    /*Bouton Nouveau*/
                    .M14_PostNeWs:after
                    {
                    position:absolute;
                    content:"Créer un sujet";
                    color:#FF4545;
                    width:120px;
                    height: 20px;
                    line-height: 20px;
                    margin-top:30px;
                    margin-left: -150px;
                    font-size:13px;
                    text-shadow:1px 1px 2px gray;
                    font-style : italic;
                    }
                    /*Bouton Répondre*/
                    .M14_PostRep:after
                    {
                    position:absolute;
                    content:"Laisser un message";
                    color:#FF4545;
                    width: 180px;
                    height: 20px;
                    line-height: 20px;
                    margin-top:30px;
                    margin-left: -150px;
                    font-size:13px;
                    text-shadow:1px 1px 2px gray;
                    font-style : italic;
                    }
                
                    /*Opacite a 0 plus transition*/
                    .M14_PostNeWs:after,.M14_PostRep:after
                    {
                    -webkit-transition: all 0.5s ease-in-out;
                    -moz-transition: all 0.5s ease-in-out;
                    -o-transition: all 0.5s ease-in-out;
                    transition: all 0.5s ease-in-out;
                    -moz-opacity:0;
                    -khtml-opacity:0;
                    -ms-filter:"alpha(opacity=0)";
                    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
                    filter:alpha(opacity=0);
                    opacity:0;
                    }
                  /*Au survol du lien respectif le texte apparaitra progressivement de gauche a droite*/
                  a[href$="mode=newtopic"]:hover .M14_PostNeWs:after,
                  a[href$="mode=reply"]:hover .M14_PostRep:after
                  {
                    margin-left:-135px;
                    -moz-opacity:1;
                    -khtml-opacity:1;
                    -ms-filter:"alpha(opacity=100)";
                    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
                    filter:alpha(opacity=100);
                    opacity:1;
            
                    }

/* image du bouton hashtag */
    .sceditor-button-hashtag div { background-image:url(https://i.servimg.com/u/f55/11/93/85/24/hastag10.gif) !important }
    
 /* menu déroulant des hashtags */
#fa-hashtag {
      background:url(https://i.servimg.com/u/f19/19/06/98/92/scehas11.png) no-repeat 3px 50% #FFF;  
      padding-left:22px;
    }  

/* options du menu des hashtags */
    .fa-hashtag-options {
      color:#666;
      font-size:11px;
      font-family:Verdana,Arial,Helvetica,sans-serif;
      line-height:14px;
      background:#EEE;
      border:1px solid #CCC;
      border-radius:3px;
      box-shadow:0 3px 6px rgba(0, 0, 0, 0.175);
      margin-top:20px;
      padding:3px;
      position:absolute;
      z-index:100;
    }
    
    /* options du titre */
    .fa-hashtag-title {
      font-size:13px;
      border-bottom:1px solid #CCC;
      padding-bottom:3px;
      margin-bottom:3px;
    }
    
    /* options des liens */
    .fa-hashtag-options a {
      color:#333;
      text-decoration:none;
      display:inline-block;
      padding:2px 6px 2px 0;
    }
    
    .fa-hashtag-options a:hover {
      color:#666;
      text-decoration:underline;
    }
    
    /* options des mots gras */
    .fa-hashtag-options b {
      color:#333;
      padding-left:6px;
    }
    
    /* options des tags */
    .fa-hashtag-tag {
      color:#000;
      font-weight:bold;
    }

/* hashtag style */
a.fa-hashtag-1 {
  color:#666;
  text-decoration:none;
  background-color:#EEE;
  border:1px solid #CCC;
  border-radius:3px;
  display:inline-block;
  padding:3px;
}
 
a.fa-hashtag-1:hover {
  color:#333;
  background-color:#F8F9DA;
  border-color:#999;
}




/*Numéro message dans sujets*/
a.postNumber {
 background: #CFD4DB;
 border: 1px solid #B0A8A8;
 border-radius: 3px;
 color: #666;
 font-size: 10px;
 padding: 2px;
}

/*N° message sur sujets*/
.postNumberContainer {
 margin-top: 5px;
 margin-left: 260px;
}

/*Affichage message automatique sur sujets postés
/*Auteur du sujet*/
    a.M14_Auteur
    {
    margin-left:5px;
    text-decoration:none !important;  
    }
    /*Avatar*/
    img.M14_Avatar
    {
    max-width:100px;
    max-height:100px;
    }
    /*Le corps du message*/
    #M14_postbody {
    color: #455c90;
    font-size: 13px;
    font-style: italic;
    font-weight: bold;
    }

/* Position icone en ligne et hors ligne sur sujets*/
div.post.online .postprofile:before
{
content: url(https://illiweb.com/fa/subsilver/icon_online_fr.gif);
}
div.post .postprofile:before
{
content: url(https://i.servimg.com/u/f11/18/97/96/21/icon_o11.gif);
left: 2px;
position: relative;
right: 0;
top: -8px;
z-index: 2;
}
/*on masque l'icone pour les invités*/
div.post.M14_noneOnline .postprofile:before
{
content: url(https://illiweb.com/fa/empty.gif);
}


/*Affichage Exif*/
 .info-exif tr td:first-child:after    {
content: ":";     }      
.info-exif tr:not(:last-child):after     {
  font-size:12px;        
color: #616161;        
content: "|";     }      
.info-exif tr     {
        font-size:12px;      
 color: #616161;        
display: inline-table;     }      
 .info-exif     {
        text-align:center;     }
.info-exif table     {
        width:auto !important;        
display:inline !important;     }    


/*Afficher le posteur du sujet dans les réponses*/
    /*Auteur dans les sujets*/
    .M14_AutHorPost
    {
    font-size:11px;
    color:darkblue;
    font-style:italic;
    }
    .M14_InvitePost
    {
    font-size:11px;
    color:darkred;
    font-style:italic;
    }


/*Surligner un texte dans l'éditeur*/
    .M14_stabilo
    {
    background-color:#d7ead7;/*couleur de fond*/
    font-size:12px;/*taille de police*/
    padding:2px 3px;
    }


/*ID du message en haut à droite*/
.IDmess {
            background-color: #CFD4DB !important;
            border: 1px solid #B0A8A8;
            color: #61666e;
            /*margin-left: 475px !important;*/
            margin-left: 595px !important;
            margin-top: -28px !important;
            position: absolute;
            font-size: 10px;
}


/* Boutons sous 1ier message posté */
.sharepostadipst {
background: #989898;
min-height: 30px;
border-left: 1px solid #C3C3C3;
border-right: 1px solid #C3C3C3;
padding-top: 15px;
text-align: center;
}

#favorisharepost {
padding: 7px;
background-image: url("https://i.imgur.com/f84f9.png");
background-repeat: no-repeat;
background-position: left;
background-color: #DEDEDE;
border: 1px solid #C4C4C4;
border-radius: 6px;
box-shadow: 0 1px 0px #B1B1B1;
padding-left: 35px;
text-shadow: 1px 1px white;
font-weight: bold;
}
#favoris {
padding: 7px;
background-image: url("https://i.servimg.com/u/f37/15/47/64/73/fav10.png");
background-repeat: no-repeat;
background-position: left;
background-color: #DEDEDE;
border: 1px solid #C4C4C4;
border-radius: 6px;
box-shadow: 0 1px 0px #B1B1B1;
padding-left: 35px;
text-shadow: 1px 1px white;
font-weight: bold;
}
#friendsharepost {
padding: 7px;
background-image: url("https://i.imgur.com/6Zccr.png");
background-repeat: no-repeat;
background-position: left;
background-color: #DEDEDE;
border: 1px solid #C4C4C4;
border-radius: 6px;
box-shadow: 0 1px 0px #B1B1B1;
padding-left: 35px;
text-shadow: 1px 1px white;
font-weight: bold;
}
#linksharepost {
padding: 7px;
background-image: url("https://i.imgur.com/U9PWu.png");
background-repeat: no-repeat;
background-position: left;
background-color: #DEDEDE;
border: 1px solid #C4C4C4;
border-radius: 6px;
box-shadow: 0 1px 0px #B1B1B1;
padding-left: 35px;
text-shadow: 1px 1px white;
font-weight: bold;
}
#favorisharepost:hover , #friendsharepost:hover , #linksharepost:hover {
background-color: #F7F7F7;
}
.sharepostadipst a {
margin: 0px 10px;
}

/*Remplacer textes "Agrandir cette image, réduire cette image" par des images */

    .enlarge,.resize,.fullsize{font-size:0px;}
    .enlarge::before
    {
    content:'';
    background:url(https://i.servimg.com/u/f37/11/26/21/37/zoom10.png);
    height: 20px;
    width: 20px;
    position: absolute;
    }
    .resize::before
    {
    content:'';
    background:url(https://i.servimg.com/u/f37/11/26/21/37/zoom-10.png);
    height: 20px;
    width: 20px;
    position: absolute;
    }
    .fullsize::before
    {
    content:'';
    background:url(https://i.servimg.com/u/f37/11/26/21/37/zoom11.png);
    height: 20px;
    width: 20px;
    position: absolute;
    }

    .enlarge::after{content:"Agrandir cette image";position: absolute;margin-top: -20px;font-size: 11px;opacity: 0;}
    .resize::after{content:"Réduire cette image";position: absolute;margin-top: -20px;font-size: 11px;opacity: 0;}
    .fullsize::after{content="Cliquez ici pour la voir à sa taille originale.";position: absolute;margin-top: -20px;font-size: 11px;opacity: 0;}
    .enlarge:hover:after{opacity:5;}
    .resize:hover:after{opacity:5;}
    .fullsize:hover:after{opacity:5;}
    /*Les transitions*/
    .enlarge::after,.resize::after ,.fullsize::after
    {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    }

/*Texte et fond titre sujets*/
input[name="subject"][title*="La longueur du titre de ce sujet doit"]:focus   {    
background:#d7ead7 !important;    
color:#000 !important;
      }

/*Rappel 1ier message réduit*/
#M14_Rappel {
 background: #ccc;
 height: 500px;
 overflow-y: auto;
}
#M14_Rappel img {
        max-height: 512px;
        max-width: 400px;
    }

/*Message au dessus de l'éditeur*/
.warning {
 background: none repeat scroll 0 0 #F0E8E0;
 border: 1px solid #945050;
 font-family: Tahoma,Arial;
 font-size: 11px;
 height: 24px;
 line-height: 24px;
 margin-bottom: 3px;
 text-align: center;
 color: #3b2348;
}

/*Avatar à côté de la réponse rapide*/
#av_quickreply img {    left: 15px;    position: relative;    top: 35px;} #av_quickreply {    float: left;    position : absolute;}
/*espace entre les sujets ramené à 1px au lieu e 4px */
.post {margin-bottom: 1px;}


/* Boutons suivant et précédent pour la messagerie privée */
#navMP > a {
 background: #EEE;
 border: 1px solid #aaa;
 color: #6b002a;
 display: inline-block;
 font-size: 16px;
 line-height: 20px;
 padding-left: 6px;
 padding-right: 6px;
 text-decoration: none !important;
}  
    #navMP>a:hover{
      color:#fff;
      background:#CDD8E0;
      text-decoration:none !important;
    }
    #navMP-precedent{
      border-radius:20px 0 0 20px;
    }
    #navMP-suivant{
      float:right;
      border-radius:0 20px 20px 0;
    }  
    #navMP-precedent::before{
      content:"Précédent"
    }
    #navMP-suivant::before{
      content:"Suivant"
    }


</style>


Re-edit:

Phil d'après mes longues recherches, ce qui fait afficher ce satané bouton en bas de page est dans le overall_footer cette ligne:
Code:
                                 {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>

Ligne que j'ai du ajouter un jour sur une très mauvaise idée...
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 15 Juil 2018 - 19:06

Re Serge,
hum quelle victoire de nos bleus super super .
Bon bref, revenons au travail clin oeil .
Il vaudrait mieux supprimer la partie ajoutée dans le template:
Code:
                                    {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>

Et on placera le bouton ou tu voudras .

Pour la css ajoutée dans une page html, tu peux toujours la laisser car ce n'est pas limitée en caractères contrairement aux templates.
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 15 Juil 2018 - 19:30

Re Serge,
tu peux ajouter ce script ou la css est intégrée au bouton:

Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mets un titre explicite.
Coches sur toutes les pages.


Déposez ceci:
Code:

$(function(){
$('<div class="navbar"><div class="inner"style="text-align:center;height: 30px;line-height: 30px;"><a href="https://www.facebook.com/Photoclic-1771445179841937/?hc_ref=PAGES_TIMELINE" rel="follow" target="_blank"title="Voir la page Facebook du Clic"style="border: 1px solid #626262;border-radius: 6px;color: #99375f;font-weight: 700;padding: 3px 5px;">La page Facebook du Clic</a></div></div>').insertBefore('#page-footer .navbar');
});



Penses a cliquer sur le bouton Valider
photoclic
photoclic
Milouzien

Messagephotoclic le Dim 15 Juil 2018 - 20:16

Bonsoir Phil,

Une superbe victoire en effet pour nos bleus super

J'ai donc supprimé la partie du template, et modifié le CSS intégré avec ceci pour que le bouton soit sur la même ligne:
Code:
text-align: center;
float: left;
height: 30px;
line-height: 30px;
margin-bottom: -35px;
padding-top: 4px;

Et c'est tout bon Phil. Reste le hoover pour que ça passe en rouge au passage de la souris, mais je ne sais pas où le caser.

Un grand merci pour tout ça. Une seconde victoire en quelque sorte :-)
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 15 Juil 2018 - 20:24

Hum,
tu veux que le bouton reste dans cette partie :
*RESOLU* [PHPBB3] Déplacer un bouton bas de page 119

Je vois cela demain Serge clin oeil
photoclic
photoclic
Milouzien

Messagephotoclic le Dim 15 Juil 2018 - 21:03

Oui, le bouton est placé comme je le souhaitais Phil maintenant.

Reste juste le changement de couleur au passage de la souris.

Merci encore et @demain.
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 16 Juil 2018 - 6:13

Hello Serge,
le soucis avec le script que je t'ai donné est qu'il doit être positionné
au dessus et non à côté.
Je vais donc te donner un autre script qui va positionner le bouton à gauche comme sur ton fofo aà l'heure actuelle avec une class afin de changer la couleur au survol:

Le script modifié:

Code:
$(function(){
$('<a class="M14_btn_clic"href="https://www.facebook.com/Photoclic-1771445179841937/?hc_ref=PAGES_TIMELINE" rel="follow" target="_blank"title="Voir la page Facebook du Clic"style="font-size: 1.1em;float:left !important;border: 1px solid #626262;border-radius: 6px;font-weight: 700;padding: 3px 5px;">La page Facebook du Clic</a>').insertBefore('#page-footer .navbar .linklist');
});



La css a ajouter:

Code:

/*LE BOUTON CLIC */
a.M14_btn_clic
{
color:#99375f;
}
a.M14_btn_clic:hover
{
color:green;
}

Tu peux supprimer ceci Serge:
Code:

a.copyright[href^="https://www.facebook.com/Photoclic"]
{
LA CSS
}

Gardes tu la css hébergée Serge ?
https://www.milouze14.com/t31579-phpbb3-deplacer-un-bouton-bas-de-page#cadeau
photoclic
photoclic
Milouzien

Messagephotoclic le Lun 16 Juil 2018 - 11:23

Bonjour Philippe,

Cette fois c'est tout bon pour le bouton  super

Pour la CSS hébergée, je veux bien la laisser ainsi sur ton nom de domaine si cela ne te dérange pas. Comme dit plus haut nos 2 forums sont fiancés ... :-)

Je te solliciterais peut-être de temps en temps si des modifications doivent être faites.
A moins que tu m'autorises un accès à ce fichier via fileZilla par exemple.

Un grand merci l'ami pour tout ça  tape la
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 16 Juil 2018 - 17:36

Re Serge,

Pour la CSS hébergée, je veux bien la laisser ainsi sur ton nom de domaine si cela ne te dérange pas. Comme dit plus haut nos 2 forums sont fiancés ... :-)

Oui pas de soucis mon ami et à bientôt pour le mariage alors MdR1 .


Je te solliciterais peut-être de temps en temps si des modifications doivent être faites.


Pas de soucis Serge, mais en MP et pour le reste, tu comprendras aisément que je ne pourrais pas te donner mes identifiants pour y accéder clin oeil .

De rien hinhin .


-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

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