AccueilMembres connectés récemment
[PHPBB3] Déplacer un bouton bas de page
2 participants
Page 1 sur 2
Page 1 sur 2 • 1, 2 
- photoclic
-
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:
Le template overall_footer_end:
L'image de son emplacement actuel. Je souhaiterais si possible placer ce bouton à l'extrême gauche
![[PHPBB3] Déplacer un bouton bas de page Captur17](https://i.servimg.com/u/f25/18/97/96/21/captur17.jpg)
Merci pour votre aide.
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
Merci pour votre aide.
- photoclic
-
Sam 14 Juil 2018 - 1:25
Bonjour Philippe,
Merci pour ton aide.
Rien à faire, ce bouton ne veut pas se mettre à gauche.
Mon CSS:
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
Fondateur -
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:
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
-
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
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)
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)
- photoclic
-
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.
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.
- photoclic
-
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
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
.- photoclic
-
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:
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 -->
- photoclic
-
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:
Le template overall_footer_begin:
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.
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"> • <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.
- Milouze14Fondateur
-
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 ??
Supprimes ce contenu de ton template car la moitié n'est pas prise en compte (trop chargé).
Petit cadeau
.
Je viens d’héberger tout ce style sur mon nom de domaine:
Dans ton template overall header recherches ceci:
Juste après déposes ceci:
Penses à enregistrer puis à valider en cliquant respectivement sur Enregistrer puis
Si besoin envoies moi un mp pour modifier le contenu
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
.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
Si besoin envoies moi un mp pour modifier le contenu
- photoclic
-
Dim 15 Juil 2018 - 12:05
Re Phil,
Cette feuille de style est à la fin du template overall_header.
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
Je viens de faire la manip.
Pour info, j'ai aussi du CSS dans une page HTML
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:
Ligne que j'ai du ajouter un jour sur une très mauvaise idée...
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
Je viens de faire la manip.
Pour info, j'ai aussi du CSS dans une page HTML
- 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://2img.net/i/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://2img.net/i/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...
- Milouze14Fondateur
-
Dim 15 Juil 2018 - 19:06
Re Serge,
hum quelle victoire de nos bleus
.
Bon bref, revenons au travail .
Il vaudrait mieux supprimer la partie ajoutée dans le template:
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.
hum quelle victoire de nos bleus
.Bon bref, revenons au travail
.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.
- Milouze14Fondateur
-
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:
Penses a cliquer sur le bouton Valider
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
-
Dim 15 Juil 2018 - 20:16
Bonsoir Phil,
Une superbe victoire en effet pour nos bleus
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:
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 :-)
Une superbe victoire en effet pour nos bleus
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 :-)
![[PHPBB3] Déplacer un bouton bas de page 119](https://servimg.com/r/8711262137/119.jpg)
Page 1 sur 2 • 1, 2
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum