Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[PHPBB2] Ajouter une annonce fixe sur les annonces défilante


2 participants

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

avatar
soleda
https://www.tutorielgraphismepfs.com/

Messagesoleda Mer 16 Sep 2020 - 11:03

  • Version du forum :
    PHPBB2
  • Templates modifiés :
    oui
  • Navigateur :
    Chrome

Bonjour j'ai une petite question concernant les annonces défilante du forum, est-ce qu'il possible d'ajouter une deuxième annonce en dessous de l'annonce défilante qui ne défile pas. 
Ça serait pour mettre  les informations importantes de mon forum , afin que les membres les visualise dès qu'il arrive sur mon forum. 

Un très grand merci Philippe de porter attention à mon message, si la réponse est oui pourrais-tu me sortir quelque chose de ton chapeau magique. 

Et je ne suis pas pressé donc ne t'inquiète pas. 

lien forum ► forum

Un grand merci
Ha ha ha


Dernière édition par soleda le Mer 23 Sep 2020 - 18:03, édité 1 fois
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 16 Sep 2020 - 16:20

Coucou Chantal,
j'ai modifié le titre car il n'était pas très explicite.


Oui on peut faire quelque chose d'autre.

On peut inclure seulement si les annonces sont activées une ligne qui restera fixe et ajouter un script ou
tu pourras modifier le contenu comme bon te semble .

Je reviens vers toi pour te donner un exemple.

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 16 Sep 2020 - 18:47

Alors, je reviens vers toi avec de bonnes nouvelles.
Il faut donc bien suivre les instructions suivantes:

Voir ou tu as cochée l'affichage des annonces:
[PHPBB2] Ajouter une annonce fixe sur les annonces défilante 114

Ensuite cocher le script en fonction de l'affichage des annonces.

L'affichage se fera seulement si les annonces sont activées.

On va intervenir dans le template overall_header:
Affichage/Templates/Général/ overall_header

Et recherches scrupuleusement ceci:



Code:
<!-- BEGIN switch_ticker -->
 <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
 <tr>
 <td align="left" class="row1">
 <div id="fa_ticker_container">
 <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
 <div class="fa_ticker_content">
 <!-- BEGIN ticker_row -->
 <div>{switch_ticker.ticker_row.ELEMENT}</div>
 <!-- END ticker_row -->
 </div>
 </div>
 </div>
 </td>
 </tr>
 </table>
 </div>
 <!-- END switch_ticker -->

Supprimes et remplaces par:

Code:
<!-- BEGIN switch_ticker -->
 <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
 <tr>
 <td align="left" class="row1">
 <div id="fa_ticker_container">
 <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
 <div class="fa_ticker_content">
 <!-- BEGIN ticker_row -->
 <div>{switch_ticker.ticker_row.ELEMENT}</div>
 <!-- END ticker_row -->
 </div>
 </div>
 </div>
 </td>
 </tr>

<tr>
<th id="M14_annonce_titre">Aucune annonce actuellement</th>
</tr>
<tr>
<td id="M14_annonce">Bonne journée</td>
</tr>
 
 </table>
 </div>
 <!-- END switch_ticker -->


Ne pas confondre avec celui-ci:

Code:
<!-- BEGIN switch_ticker_new -->
 <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
 <tr>
 <td align="left" class="row1">
 <div id="fa_ticker_container">
 <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
 <!-- BEGIN ticker_row -->
 <li>{switch_ticker.ticker_row.ELEMENT}</li>
 <!-- END ticker_row -->
 </ul>
 </div>
 </td>
 </tr>
                        
 </table>
 </div>
 <!-- END switch_ticker_new -->


Penses a enregistrer puis à valider en cliquant respectivement sur   Enregistr puis Ajout

Les ajouts apportés:
Code:
<tr>
<th id="M14_annonce_titre">Aucune annonce actuellement</th>
</tr>
<tr>
<td id="M14_annonce">Bonne journée</td>
</tr>

Si aucune annonce par défaut (donc le script décoché) :

[PHPBB2] Ajouter une annonce fixe sur les annonces défilante 211

Tu peux changer les intitulés si besoin pour le titre ici:
Code:
<th id="M14_annonce_titre">Aucune annonce actuellement</th>

Pour le contenu ici:
Code:
<td id="M14_annonce">Bonne journée</td>




Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajouter ceci:

Code:

/*ON PERSONNALISE LE CONTENU DU TITRE DE L ANNONCE*/
th#M14_annonce_titre
{
background-image:none!important;
background-color:darkred!important;
color:white!important;
text-align:center;
font-size:15px;
font-weight:bold;
}
/*ON PERSONNALISE LE CONTENU DE L ANNONCE*/
td#M14_annonce
{
background-color:white!important;
color:red!important;
font-size:13px;
height: auto;
padding: 6px 30px;  
border-top:1px solid black;  
}
/*ON PESONNALISE L4IMAGE A GAUCHE 48PX PAR 48PX MAXIMUM*/
#M14_annonce img.M14_img
{
  float: left;
    width: 48px;
    height: 48px;
    position: relative;
    left: -24px;
}

Penses a cliquer sur le bouton [PHPBB2] Ajouter une annonce fixe sur les annonces défilante Sans_t10

Puis je vais te donner deux scripts que tu choisiras en fonction de ce que tu veux déposer comme annonce:

Repères toi avec les commentaires commençant par //
Pour le titre:
Code:

//METTRE UN TITRE EXPLICITE ENTRE LES GUILLEMETS
var M14_contenu_titre="Annonce importante!!!";
Pour le contenu, on voit cela plus bas avec des explications plus détaillées.

Pour l'image à gauche qui devra si tu décides de la changer avoir ces dimensions:
48px par 48px
Code:

//METTRE LE LIEN DE L IMAGE ENTRE LES GUILLEMETS
var M14_img="https://i.servimg.com/u/f20/20/11/87/27/bell11.png";


Le premier sans lien :


Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher en fonction de l'affichage des annonces

Déposes ceci:

Code:

$(function(){
   //on recherche si les annonces sont activées
var annonce=$('div[id="fa_ticker_block"]').length;
if(annonce)
{
//METTRE UN TITRE EXPLICITE ENTRE LES GUILLEMETS
var M14_contenu_titre="Annonce importante!!!";
//METTRE LE CONTENU DU MESSAGE ENTRE LES GUILLEMETS
var M14_contenu_texte="Seuls les utilisateurs enregistrés peuvent voter dans un sondage (afin d'éviter le trucage des résultats). Si vous vous êtes enregistrés et que vous ne pouvez toujours pas voter, alors vous n'avez probablement pas les droits d'accès appropriés.";
//METTRE LE LIEN DE L IMAGE ENTRE LES GUILLEMETS
var M14_img="https://i.servimg.com/u/f20/20/11/87/27/bell11.png";
$('th[id="M14_annonce_titre"]').html(M14_contenu_titre);
$('td[id="M14_annonce"]').html('<img class="M14_img"src="'+M14_img+'"/>'+M14_contenu_texte+'');
}
});

Penses a cliquer sur le bouton Valid

L'aperçu imagé:
[PHPBB2] Ajouter une annonce fixe sur les annonces défilante 310



Le deuxième avec lien:

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher en fonction de l'affichage des annonces

Déposes ceci:

Code:

 $(function(){
   //on recherche si les annonces sont activées
var annonce=$('div[id="fa_ticker_block"]').length;
if(annonce)
{
//METTRE UN TITRE EXPLICITE ENTRE LES GUILLEMETS
var M14_contenu_titre="Annonce importante!!!";
//METTRE LE CONTENU DU MESSAGE ENTRE LES GUILLEMETS
var M14_contenu_texte="Merci de lire vos messages privés en cliquant  <a href='/privmsg?folder=inbox'class='M14_linK'>ici</a>";
//METTRE LE LIEN DE L IMAGE ENTRE LES GUILLEMETS
var M14_img="https://i.servimg.com/u/f20/20/11/87/27/bell11.png";
$('th[id="M14_annonce_titre"]').html(M14_contenu_titre);
$('td[id="M14_annonce"]').html('<img class="M14_img"src="'+M14_img+'"/>'+M14_contenu_texte+'');
}
});

Penses a cliquer sur le bouton Valid

L'aperçu imagé:

[PHPBB2] Ajouter une annonce fixe sur les annonces défilante 410


Si tu choisis celui avec le lien, tu pourras ajouter à ta feuille de style ceci:

Code:
/*ON PERSONNALISE LE LIEN*/
a.M14_linK
{
color:red!important;
font-size:13px;  
text-decoration:none!important;
 font-style:italic;
}




Attention toutefois avec ce dernier script:
Ici:
Code:

var M14_contenu_texte="Merci de lire vos messages privés en cliquant  <a href='/privmsg?folder=inbox'class='M14_linK'>ici</a>";

Il faut bien mettre le lien quel qu'il soit entre de simples guillemets:
Code:
<a href='/privmsg?folder=inbox'class='M14_linK'>ici</a>

et surtout pas ceci:


Code:
<a href="/privmsg?folder=inbox"class='M14_linK'>ici</a>
Cette partie sert a donner une class afin de lui donner du style:
Code:
class='M14_linK'


Allez bon courage chère amie.
avatar
soleda
https://www.tutorielgraphismepfs.com/

Messagesoleda Jeu 17 Sep 2020 - 8:37

coucou Philippe moi je te dis un grand merci .
Mais sa va être compliqué pour moi petite question vue que les Template et la feuille de style a étais modifier tu n'a pas besoin que le te les donne ?

Sinon chapeau l'artiste sa me convient très bien maintenant a m'y retrouver sa va être une autre histoire  lOL

je revient ver toi dé que j'ai finis mon travail aujourd’hui journée charger .

Je te remercie infiniment du mal que tu te donne.

belle journée a toi .
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Jeu 17 Sep 2020 - 8:44

Coucou Chantal,
ah non pas besoin de me donner quoi que ce soit il faut juste modifier la partie du template concerné et ajouter le style donné dans ta feuille de style tout simplement.
C'est pour cela que j'ai détaillé les procédures.
Bonne journée à toi également.
avatar
soleda
https://www.tutorielgraphismepfs.com/

Messagesoleda Jeu 17 Sep 2020 - 8:45

coucou ok super merci .
avatar
soleda
https://www.tutorielgraphismepfs.com/

Messagesoleda Ven 18 Sep 2020 - 10:51

Code:
 <!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" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}"
  xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
 <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
 <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}"/>
 <meta http-equiv="content-script-type" content="text/javascript"/>
 <meta http-equiv="content-style-type" content="text/css"/>
 <!-- BEGIN switch_compat_meta -->
 <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}"/>
 <!-- END switch_compat_meta -->
 <!-- BEGIN switch_canonical_url -->
 <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}"/>
 <!-- END switch_canonical_url -->
 {META_FAVICO}
 {META}
 {META_FB_LIKE}
 <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}"/>
 {T_HEAD_STYLESHEET}
 {CSS}
 <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}"/>
 <link rel="search" type="application/opensearchdescription+xml"
  href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}"/>
 <script src="{JQUERY_PATH}" type="text/javascript"></script>
 <!-- BEGIN switch_recent_jquery -->
 <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
 <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
 <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
 <!-- END switch_recent_jquery -->
 <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
 {RICH_SNIPPET_GOOGLE}

 <!-- BEGIN switch_fb_login -->
 <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
 <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
 <!-- END switch_fb_login -->

 <!-- BEGIN switch_ticker -->
 <link type="text/css" rel="stylesheet" href="{JQUERY_DIR}ticker/ticker.css"/>
 <script src="{JQUERY_DIR}/ticker/ticker.js" type="text/javascript"></script>
 <!-- END switch_ticker -->

 <!-- BEGIN switch_ticker_new -->
 <script src="{JQUERY_DIR}jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
 <script type="text/javascript">//<![CDATA[
 /* Definir le sens de direction en fonction du panneau admin */
 var tickerDirParam = "{switch_ticker.DIRECTION}";
 var slid_vert = false;
 var auto_dir = 'next';
 var h_perso = parseInt({switch_ticker.HEIGHT});

 switch (tickerDirParam) {
 case 'top' :
 slid_vert = true;
 break;
 case 'left':
 break;
 case 'bottom':
 slid_vert = true;
 auto_dir = 'prev';
 break;
 case 'right':
 auto_dir = 'prev';
 break;
 default:
 slid_vert = true;
 }

 $(document).ready(function () {
 var w_cont = $('#fa_ticker_container').width();

 if (w_cont > 0) {
 $('#fa_ticker_container').width(w_cont);

 /* Affichage de la liste */
 $('#fa_ticker_content').css('display', 'block');

 /* Calcul des dimensions du conteneur et des elements */
 var width_max = $('ul#fa_ticker_content').width();
 var width_item = Math.floor(width_max / {switch_ticker.SIZE});
 var height_max = h_perso;

 /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
 $('ul#fa_ticker_content li').each(function () {
 if ($(this).height() > height_max) {
 height_max = $(this).height();
 }
 });

 /* Redimensionnement des elements et des images trop larges */
 $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
 if ($(this).width() > width_item) {
 var ratio = $(this).width() / width_item;
 var new_height = Math.round($(this).height() / ratio);
 $(this).height(new_height).width(width_item);
 }
 });

 /* Redimensionnement et centrage du conteneur en mode vertical */
 if (slid_vert) {
 $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft', 'auto').css('marginRight', 'auto');
 }

 /* Initialisation du caroussel */
 $('#fa_ticker_content').jcarousel({
 vertical: slid_vert,
 wrap: 'circular',
 auto: {switch_ticker.STOP_TIME},
 auto_direction: auto_dir,
 scroll: 1,
 size: {switch_ticker.SIZE},
 height_max: height_max,
 animation: {switch_ticker.SPEED}
 });
 } else {
 $('ul#fa_ticker_content li:not(:first)').css('display', 'none');
 $('ul#fa_ticker_content li:first').css('list-style', 'none').css('text-align', 'center');
 }
 });
 //]]>
 </script>
 <!-- END switch_ticker_new -->

 <script type="text/javascript">//<![CDATA[
 $(document).ready(function () {
 <!-- BEGIN switch_enable_pm_popup -->
 pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
 if (pm != null) {
 pm.focus();
 }
 <!-- END switch_enable_pm_popup -->
 <!-- BEGIN switch_report_popup -->
 report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
 if (report != null) {
 report.focus();
 }
 <!-- END switch_report_popup -->
 <!-- BEGIN switch_ticker -->
 $(document).ready(function () {
 Ticker.start({
 height: {switch_ticker.HEIGHT},
 spacing: {switch_ticker.SPACING},
 speed: {switch_ticker.SPEED},
 direction: '{switch_ticker.DIRECTION}',
 pause: {switch_ticker.STOP_TIME}
 });
 });
 <!-- END switch_ticker -->
 });

 <!-- BEGIN switch_login_popup -->
 var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH},
 logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
 <!-- END switch_login_popup -->

 <!-- BEGIN switch_login_popup -->
 $(document).ready(function () {
 $(window).resize(function () {
 var windowWidth = document.documentElement.clientWidth;
 var popupWidth = $("#login_popup").width();
 var mypopup = $("#login_popup");

 $("#login_popup").css({
 "left": windowWidth / 2 - popupWidth / 2
 });
 });
 });
 <!-- END switch_login_popup -->
 //]]>
 </script>
 {GREETING_POPUP}
 <!-- BEGIN switch_ticker_new -->
 <style>
 .jcarousel-skin-tango .jcarousel-item {
 text-align: center;
 width: 10px;
 }

 .jcarousel-skin-tango .jcarousel-item-horizontal {
 margin-right: {switch_ticker.SPACING}px;
 }

 .jcarousel-skin-tango .jcarousel-item-vertical {
 margin-bottom: {switch_ticker.SPACING}px;
 }
 </style>
 <!-- END switch_ticker_new -->
 {HOSTING_JS}

 <!-- BEGIN google_analytics_code -->
 <script type="text/javascript">
 //<![CDATA[
 (function (i, s, o, g, r, a, m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)}, i[r].l = 1 * new Date();
 a = s.createElement(o),
 m = s.getElementsByTagName(o)[0];
 a.async = 1;
 a.src = g;
 m.parentNode.insertBefore(a, m)
 })
 (window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
 ga('create', '{G_ANALYTICS_ID}', 'auto');
 ga('send', 'pageview');
 ga('set', 'anonymizeIp', true);

 <!-- BEGIN google_analytics_code_bis -->
 ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis');
 ga('bis.send', 'pageview');
 ga('bis.set', 'anonymizeIp', true);
 <!-- END google_analytics_code_bis -->
 //]]>

 </script>
 <!-- END google_analytics_code -->

</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}"
  vlink="{T_BODY_VLINK}">
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
 <h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt=""/> <em>Hit</em>skin.com</h1>
 <div class="content">
 <p>
 {hitskin_preview.L_THEME_SITE_PREVIEW}
 <br/>
 <span>{hitskin_preview.U_INSTALL_THEME}<a
 href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
 </p>
 </div>
</div>
<!-- END hitskin_preview -->

<!-- BEGIN switch_login_popup -->
<div id="login_popup" style="z-index: 10000 !important;">
 <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1"
   cellpadding="0">
 <tr height="25">
 <td class="catLeft">
 <span class="genmed module-title">{SITENAME}</span>
 </td>
 </tr>
 <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
 <td class="row1" align="left" valign="top">
 <div id="login_popup_buttons">
 <form action="{S_LOGIN_ACTION}" method="get">
 <input type="submit" class="mainoption" value="{L_LOGIN}"/>
 <input type="button" class="mainoption" value="{L_REGISTER}"
   onclick="parent.location='{U_REGISTER}';"/>
 <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}"/>
 </form>
 </div>
 <span class="genmed">{LOGIN_POPUP_MSG}</span>
 </td>
 </tr>
 </table>
</div>
<!-- END switch_login_popup -->
            
<!-- BEGIN switch_like_popup -->
<div id="like_popup" style="z-index: 10000 !important;">
   <table class="forumline" width="{LIKE_POPUP_WIDTH}" height="{LIKE_POPUP_HEIGHT}" border="0" cellspacing="1"
         cellpadding="0">
      <tr height="25">
         <td class="catLeft">
            <span class="genmed module-title">{SITENAME}</span>
         </td>
      </tr>
      <tr height="{LIKE_POPUP_MSG_HEIGHT}">
         <td class="row1" align="left" valign="top">
            <div id="like_popup_buttons">
               <form action="{S_LOGIN_ACTION}" method="get">
                  <input type="submit" class="mainoption" value="{L_LOGIN}"/>
                  <input type="button" class="mainoption" value="{L_REGISTER}"
                        onclick="parent.location='{U_REGISTER}';"/>
                  <input id="like_popup_close" type="button" class="button" value="{L_LIKE_CLOSE}"/>
               </form>
            </div>
            <span class="genmed">{LIKE_POPUP_MSG}</span>
         </td>
      </tr>
   </table>
</div>
<!-- END switch_like_popup -->

<a name="top"></a>
{JAVASCRIPT}

<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
 <tr>
 <td class="bodyline">
 <table width="100%" cellspacing="0" cellpadding="0" border="0">
 <tr>
 <!-- BEGIN switch_logo_left -->
 <td><a href="{U_INDEX}"><img loading="lazy" src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
 </td>
 <!-- END switch_logo_left -->
 <td align="center" width="100%" valign="middle">
 <!-- BEGIN switch_logo_center -->
 <a href="{U_INDEX}"><img loading="lazy" src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
 <br/>
 <!-- END switch_logo_center -->
 <div class="maintitle">{MAIN_SITENAME}</div>
 <br/>
 <span class="gen">{SITE_DESCRIPTION}<br/>&nbsp; </span>
 </td>
 <!-- BEGIN switch_logo_right -->
 <td><a href="{U_INDEX}"><img loading="lazy" src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
 </td>
 <!-- END switch_logo_right -->
 </tr>
 </table>

 <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
 <tr>
 <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
 </tr>
 </table>

 <div style="clear: both;"></div>

 <!-- BEGIN switch_ticker_new -->
 <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
 <tr>
 <td align="left" class="row1">
 <div id="fa_ticker_container">
 <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
 <!-- BEGIN ticker_row -->
 <li>{switch_ticker.ticker_row.ELEMENT}</li>
 <!-- END ticker_row -->
 </ul>
 </div>
 </td>
 </tr>
 </table>
 </div>
 <!-- END switch_ticker_new -->

 <!-- BEGIN switch_ticker -->
 <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
 <tr>
 <td align="left" class="row1">
 <div id="fa_ticker_container">
 <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
 <div class="fa_ticker_content">
 <!-- BEGIN ticker_row -->
 <div>{switch_ticker.ticker_row.ELEMENT}</div>
 <!-- END ticker_row -->
 </div>
 </div>
 </div>
 </td>
 </tr>
 </table>
 </div>
 <!-- END switch_ticker -->

 <div id="page-body">
 <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
 <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
 <tbody>
 <tr>
 <td valign="top" width="{C1SIZE}">
 <div id="{ID_LEFT}">
 <!-- BEGIN giefmod_index1 -->
 {giefmod_index1.MODVAR}
 <!-- BEGIN saut -->
 <div style="height:{SPACE_ROW}px"></div>
 <!-- END saut -->
 <!-- END giefmod_index1 -->
 </div>
 </td>
 <td valign="top" width="100%">
 <!-- BEGIN html_validation -->
 </td>
 </tr>
 </tbody>
 </table>
 </div>
 </div>
 </td>
 </tr>
</table>
</body>
</html>
<!-- END html_validation -->
Bonjour Phillipe je suis désolé je trouve pas la fin de la 1er partis ,et j'ai peur de faire une bêtise je vais voir de trouvé quelqu'un qui pourrais me le faire .

si je peut me permettre de mettre le sujet en attente ?
je te remercie beaucoup belle journée
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Ven 18 Sep 2020 - 18:30

Coucou Chantal,

voilà ton template modifié, remplaces le contenu actuel par celui-ci:
Code:
<!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" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}"
  xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
 <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
 <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}"/>
 <meta http-equiv="content-script-type" content="text/javascript"/>
 <meta http-equiv="content-style-type" content="text/css"/>
 <!-- BEGIN switch_compat_meta -->
 <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}"/>
 <!-- END switch_compat_meta -->
 <!-- BEGIN switch_canonical_url -->
 <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}"/>
 <!-- END switch_canonical_url -->
 {META_FAVICO}
 {META}
 {META_FB_LIKE}
 <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}"/>
 {T_HEAD_STYLESHEET}
 {CSS}
 <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}"/>
 <link rel="search" type="application/opensearchdescription+xml"
  href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}"/>
 <script src="{JQUERY_PATH}" type="text/javascript"></script>
 <!-- BEGIN switch_recent_jquery -->
 <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
 <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
 <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
 <!-- END switch_recent_jquery -->
 <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
 {RICH_SNIPPET_GOOGLE}

 <!-- BEGIN switch_fb_login -->
 <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
 <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
 <!-- END switch_fb_login -->

 <!-- BEGIN switch_ticker -->
 <link type="text/css" rel="stylesheet" href="{JQUERY_DIR}ticker/ticker.css"/>
 <script src="{JQUERY_DIR}/ticker/ticker.js" type="text/javascript"></script>
 <!-- END switch_ticker -->

 <!-- BEGIN switch_ticker_new -->
 <script src="{JQUERY_DIR}jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
 <script type="text/javascript">//<![CDATA[
 /* Definir le sens de direction en fonction du panneau admin */
 var tickerDirParam = "{switch_ticker.DIRECTION}";
 var slid_vert = false;
 var auto_dir = 'next';
 var h_perso = parseInt({switch_ticker.HEIGHT});

 switch (tickerDirParam) {
 case 'top' :
 slid_vert = true;
 break;
 case 'left':
 break;
 case 'bottom':
 slid_vert = true;
 auto_dir = 'prev';
 break;
 case 'right':
 auto_dir = 'prev';
 break;
 default:
 slid_vert = true;
 }

 $(document).ready(function () {
 var w_cont = $('#fa_ticker_container').width();

 if (w_cont > 0) {
 $('#fa_ticker_container').width(w_cont);

 /* Affichage de la liste */
 $('#fa_ticker_content').css('display', 'block');

 /* Calcul des dimensions du conteneur et des elements */
 var width_max = $('ul#fa_ticker_content').width();
 var width_item = Math.floor(width_max / {switch_ticker.SIZE});
 var height_max = h_perso;

 /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
 $('ul#fa_ticker_content li').each(function () {
 if ($(this).height() > height_max) {
 height_max = $(this).height();
 }
 });

 /* Redimensionnement des elements et des images trop larges */
 $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
 if ($(this).width() > width_item) {
 var ratio = $(this).width() / width_item;
 var new_height = Math.round($(this).height() / ratio);
 $(this).height(new_height).width(width_item);
 }
 });

 /* Redimensionnement et centrage du conteneur en mode vertical */
 if (slid_vert) {
 $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft', 'auto').css('marginRight', 'auto');
 }

 /* Initialisation du caroussel */
 $('#fa_ticker_content').jcarousel({
 vertical: slid_vert,
 wrap: 'circular',
 auto: {switch_ticker.STOP_TIME},
 auto_direction: auto_dir,
 scroll: 1,
 size: {switch_ticker.SIZE},
 height_max: height_max,
 animation: {switch_ticker.SPEED}
 });
 } else {
 $('ul#fa_ticker_content li:not(:first)').css('display', 'none');
 $('ul#fa_ticker_content li:first').css('list-style', 'none').css('text-align', 'center');
 }
 });
 //]]>
 </script>
 <!-- END switch_ticker_new -->

 <script type="text/javascript">//<![CDATA[
 $(document).ready(function () {
 <!-- BEGIN switch_enable_pm_popup -->
 pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
 if (pm != null) {
 pm.focus();
 }
 <!-- END switch_enable_pm_popup -->
 <!-- BEGIN switch_report_popup -->
 report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
 if (report != null) {
 report.focus();
 }
 <!-- END switch_report_popup -->
 <!-- BEGIN switch_ticker -->
 $(document).ready(function () {
 Ticker.start({
 height: {switch_ticker.HEIGHT},
 spacing: {switch_ticker.SPACING},
 speed: {switch_ticker.SPEED},
 direction: '{switch_ticker.DIRECTION}',
 pause: {switch_ticker.STOP_TIME}
 });
 });
 <!-- END switch_ticker -->
 });

 <!-- BEGIN switch_login_popup -->
 var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH},
 logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
 <!-- END switch_login_popup -->

 <!-- BEGIN switch_login_popup -->
 $(document).ready(function () {
 $(window).resize(function () {
 var windowWidth = document.documentElement.clientWidth;
 var popupWidth = $("#login_popup").width();
 var mypopup = $("#login_popup");

 $("#login_popup").css({
 "left": windowWidth / 2 - popupWidth / 2
 });
 });
 });
 <!-- END switch_login_popup -->
 //]]>
 </script>
 {GREETING_POPUP}
 <!-- BEGIN switch_ticker_new -->
 <style>
 .jcarousel-skin-tango .jcarousel-item {
 text-align: center;
 width: 10px;
 }

 .jcarousel-skin-tango .jcarousel-item-horizontal {
 margin-right: {switch_ticker.SPACING}px;
 }

 .jcarousel-skin-tango .jcarousel-item-vertical {
 margin-bottom: {switch_ticker.SPACING}px;
 }
 </style>
 <!-- END switch_ticker_new -->
 {HOSTING_JS}

 <!-- BEGIN google_analytics_code -->
 <script type="text/javascript">
 //<![CDATA[
 (function (i, s, o, g, r, a, m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 (i[r].q=i[r].q||[]).push(arguments)}, i[r].l = 1 * new Date();
 a = s.createElement(o),
 m = s.getElementsByTagName(o)[0];
 a.async = 1;
 a.src = g;
 m.parentNode.insertBefore(a, m)
 })
 (window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
 ga('create', '{G_ANALYTICS_ID}', 'auto');
 ga('send', 'pageview');
 ga('set', 'anonymizeIp', true);

 <!-- BEGIN google_analytics_code_bis -->
 ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis');
 ga('bis.send', 'pageview');
 ga('bis.set', 'anonymizeIp', true);
 <!-- END google_analytics_code_bis -->
 //]]>

 </script>
 <!-- END google_analytics_code -->

</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}"
  vlink="{T_BODY_VLINK}">
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
 <h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt=""/> <em>Hit</em>skin.com</h1>
 <div class="content">
 <p>
 {hitskin_preview.L_THEME_SITE_PREVIEW}
 <br/>
 <span>{hitskin_preview.U_INSTALL_THEME}<a
 href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
 </p>
 </div>
</div>
<!-- END hitskin_preview -->

<!-- BEGIN switch_login_popup -->
<div id="login_popup" style="z-index: 10000 !important;">
 <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1"
   cellpadding="0">
 <tr height="25">
 <td class="catLeft">
 <span class="genmed module-title">{SITENAME}</span>
 </td>
 </tr>
 <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
 <td class="row1" align="left" valign="top">
 <div id="login_popup_buttons">
 <form action="{S_LOGIN_ACTION}" method="get">
 <input type="submit" class="mainoption" value="{L_LOGIN}"/>
 <input type="button" class="mainoption" value="{L_REGISTER}"
   onclick="parent.location='{U_REGISTER}';"/>
 <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}"/>
 </form>
 </div>
 <span class="genmed">{LOGIN_POPUP_MSG}</span>
 </td>
 </tr>
 </table>
</div>
<!-- END switch_login_popup -->
            
<!-- BEGIN switch_like_popup -->
<div id="like_popup" style="z-index: 10000 !important;">
   <table class="forumline" width="{LIKE_POPUP_WIDTH}" height="{LIKE_POPUP_HEIGHT}" border="0" cellspacing="1"
         cellpadding="0">
      <tr height="25">
         <td class="catLeft">
            <span class="genmed module-title">{SITENAME}</span>
         </td>
      </tr>
      <tr height="{LIKE_POPUP_MSG_HEIGHT}">
         <td class="row1" align="left" valign="top">
            <div id="like_popup_buttons">
               <form action="{S_LOGIN_ACTION}" method="get">
                  <input type="submit" class="mainoption" value="{L_LOGIN}"/>
                  <input type="button" class="mainoption" value="{L_REGISTER}"
                        onclick="parent.location='{U_REGISTER}';"/>
                  <input id="like_popup_close" type="button" class="button" value="{L_LIKE_CLOSE}"/>
               </form>
            </div>
            <span class="genmed">{LIKE_POPUP_MSG}</span>
         </td>
      </tr>
   </table>
</div>
<!-- END switch_like_popup -->

<a name="top"></a>
{JAVASCRIPT}

<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
 <tr>
 <td class="bodyline">
 <table width="100%" cellspacing="0" cellpadding="0" border="0">
 <tr>
 <!-- BEGIN switch_logo_left -->
 <td><a href="{U_INDEX}"><img loading="lazy" src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
 </td>
 <!-- END switch_logo_left -->
 <td align="center" width="100%" valign="middle">
 <!-- BEGIN switch_logo_center -->
 <a href="{U_INDEX}"><img loading="lazy" src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
 <br/>
 <!-- END switch_logo_center -->
 <div class="maintitle">{MAIN_SITENAME}</div>
 <br/>
 <span class="gen">{SITE_DESCRIPTION}<br/>&nbsp; </span>
 </td>
 <!-- BEGIN switch_logo_right -->
 <td><a href="{U_INDEX}"><img loading="lazy" src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
 </td>
 <!-- END switch_logo_right -->
 </tr>
 </table>

 <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
 <tr>
 <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
 </tr>
 </table>

 <div style="clear: both;"></div>

 <!-- BEGIN switch_ticker_new -->
 <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
 <tr>
 <td align="left" class="row1">
 <div id="fa_ticker_container">
 <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
 <!-- BEGIN ticker_row -->
 <li>{switch_ticker.ticker_row.ELEMENT}</li>
 <!-- END ticker_row -->
 </ul>
 </div>
 </td>
 </tr>
 </table>
 </div>
 <!-- END switch_ticker_new -->

<!-- BEGIN switch_ticker -->
 <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
 <tr>
 <td align="left" class="row1">
 <div id="fa_ticker_container">
 <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
 <div class="fa_ticker_content">
 <!-- BEGIN ticker_row -->
 <div>{switch_ticker.ticker_row.ELEMENT}</div>
 <!-- END ticker_row -->
 </div>
 </div>
 </div>
 </td>
 </tr>

<tr>
<th id="M14_annonce_titre">Aucune annonce actuellement</th>
</tr>
<tr>
<td id="M14_annonce">Bonne journée</td>
</tr>
 
 </table>
 </div>
 <!-- END switch_ticker -->
 <div id="page-body">
 <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
 <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
 <tbody>
 <tr>
 <td valign="top" width="{C1SIZE}">
 <div id="{ID_LEFT}">
 <!-- BEGIN giefmod_index1 -->
 {giefmod_index1.MODVAR}
 <!-- BEGIN saut -->
 <div style="height:{SPACE_ROW}px"></div>
 <!-- END saut -->
 <!-- END giefmod_index1 -->
 </div>
 </td>
 <td valign="top" width="100%">
 <!-- BEGIN html_validation -->
 </td>
 </tr>
 </tbody>
 </table>
 </div>
 </div>
 </td>
 </tr>
</table>
</body>
</html>
<!-- END html_validation -->


Penses a enregistrer puis à valider en cliquant respectivement sur   Enregistr puis Ajout



Si tu as peur de faire des bêtises, merci de me donner tes identifiants fondatrice en message privé.
avatar
soleda
https://www.tutorielgraphismepfs.com/

Messagesoleda Sam 19 Sep 2020 - 11:35

Bonjour Philippe je te remercie infiniment je suis honteuse je t'ai rajouté du travail . 
Je le fais sous peu mais je ne clôture pas encore mon sujet merci beaucoup Philippe.
avatar
soleda
https://www.tutorielgraphismepfs.com/

Messagesoleda Sam 19 Sep 2020 - 12:06

coucou j'en suis a  Affichage/Images et Couleurs/Couleurs/Feuille de style il me dit erreur 

[PHPBB2] Ajouter une annonce fixe sur les annonces défilante Erreur10
je les placé voici la feuille je te montre avec le lien du forum

merci


Code:
/* ------------ QEEL INFOBULLE TFA -------------- */
.left_tfa,.right_tfa
{
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
.right_tfa
{
position: absolute;

height: 165px;
margin-left:60px;
font-size:11px !important;
color:white!important;
}
.right_tfa div td{background-color:transparent;}
.right_tfa div td span {font-size:11px !important;color:white!important;}

.left_tfa
{
font-size:11px !important;
color:white!important;
position: absolute;

height: 165px;
margin-left: 60px;
overflow-y: scroll;
padding-left: 10px;
}
.left_tfa a[href^="/t"],.left_tfa a[href^="/u"],.right_tfa div td span a[href^="/u"],.right_tfa div td span a[href^="/u"] span
{
font-size:11px !important;
text-decoration:none !important;
}
.left_tfa img{display:none !important;}
.info_gauche td.row1 , .info_gauche span,.info_droite div.gensmall{
  background-color:transparent !important;color:white !important;font-size:11px !important;}
    /* TABLE PRINCIPALE */
    #tout_qeel_TFA{
    width: 100%;
    background-color:#222;
    border:2px solid #20aec8;
  -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
    }

    /* INFOBULLE DES GROUPES DU HAUT ET BAS SI PRESENTS */

    .group_bulle{
  cursor:pointer;
    display: inline;
  line-height: 16px;
    position:relative;
    margin: 1px 0;
    padding: 0;

    }

    /* STYLE BOUTON GROUPE */
    .bouts_groups{

    font : 11px Arial;
    text-align : center;
    padding: 3px;
    margin: 0px 1px;
    -moz-border-radius: 0px 0px 8px 8px ;
    -webkit-border-radius: 10px 10px 0px 0px ;
    border-radius:0px 0px 8px 8px ;
    -moz-box-shadow: 0px 0px 1px #000;
    -webkit-box-shadow: 0px 0px 2px #000;
    box-shadow: 0px 0px 4px #000;
    background: url(https://i.servimg.com/u/f87/11/26/21/37/img10.gif);
    border: 1px solid rgba(255,185,15, 0.2) !important; /* bordure transparente pour Firefox et autres compatibles */
    border:1px solid #000000; /* Pour tous les navigateurs à la traine */
    }

   

    /* PARTIE MASQUEE DE L’INFOBULLE */

    .in_bulle {
    display: none;
    margin: 0;
    padding: 0;
    }

    /* INFOBULLES AU SURVOL */

    .in_bulle:hover {
    background: none;
    z-index: 999;
    }

    /* CONFIGURATION-PARAMÈTRES DE L'INFOBULLE VISIBLE AU SURVOL */

    .group_bulle:hover .in_bulle{
    position: absolute;
    z-index: 999;
    width:200px;
    display: block;
    margin: 0;
    top:25px;
    left: 45px;
    padding: 3px;
  background-color:#222;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
    border:1px dotted #20aec8;
    }

    /* PARAGRAPHE DE L'INFOBULLE */

    .in_bulle p{
    width:95%;
    margin: 0 auto;
    padding: 4;
    font: 10px Arial;
    text-align: left;
    color: #FFF;
    margin-top: 5px;
    }

    /* LIEN DANS L'INFOBULLE */

    a.lien_groupe{
    font: 12px Arial;
    text-align: right;
    color: #CC0000;
    margin-top: 5px;
    }

    /* ROTATION DES BOUTONS AU SURVOL */

    .rotation:hover{
    -moz-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    }

    /* PARTIE DE GAUCHE */
    .gauche{
    border:1px solid #000000;
    padding: 4px;
    -moz-border-radius: 00px 0px 0px 00px ;
    -webkit-border-radius: 00px 0px 0px 00px ;
    border-radius:20px 0px 0px 0px ;
    -moz-box-shadow: 0px 0px 0px #000;
    -webkit-box-shadow: 0px 0px 0px #000;
    box-shadow: 0px 0px 0px #000;
   
    border: 0px solid rgba(255,185,15, 0.2) !important; /* Firefox et autres compatibles */
    border: 0px solid #000000; /* Pour tous les navigateurs à la traine */
    }

    /* INFOBULLE DE GAUCHE */

    .info_gauche{
    position: relative;
    margin: 0;
    padding: 0;
  cursor:pointer;
    }

    /* CONFIGURATION-PARAMÈTRES DE L'INFOBULLE VISIBLE AU SURVOL */

    .info_gauche:hover .in_bulle{
    position: absolute;
    z-index: 999;
    width:300px;
    display: block;
    margin: 0;
    top: 10px;
    left:50px;
    padding: 4px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
    border:1px dotted #20aec8;
    }

    /* INFOBULLE DE DROITE */

    .info_droite{
    position: relative;
    margin: 0;
    padding: 0;
  cursor:pointer;
    }

    /* CONFIGURATION-PARAMÈTRES DE L'INFOBULLE VISIBLE AU SURVOL */

    .info_droite:hover .in_bulle{
    position: absolute;
    z-index: 999;
    width:300px;
    display: block;
    margin: 0;
    top: 10px;
    right:50px;
    padding: 4px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
    border:1px dotted #20aec8;
    }
    .rotation-d:hover{
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    }

    /* PARTIE DE DROITE */

    .droite{
    border:1px solid #c8c092;
    padding: 4px;
    -moz-border-radius: 0px 20px 20px 0px ;
    -webkit-border-radius: 0px 20px 20px 0px ;
    border-radius:0px 20px 20px 0px ;
    -moz-box-shadow: 0px 0px 0px #000;
    -webkit-box-shadow: 0px 0px 0px #000;
    box-shadow: 0px 0px 0px #000;
 
    border: 0px solid rgba(255,185,15, 0.4) !important; /* bordure transparente pour Firefox et autres compatibles */
    border:0px solid #DF9500 ; /* Pour tous les navigateurs à la traine */
    }

    /* IMAGE DE GAUCHE AVEC UNE OPACITE*/

    .left_tfa img
    {
    position:absolute;
    width:160px;
    height:160px;
    margin-left:20%;
    opacity : 0.5;
    -moz-opacity : 0.5;
    -ms-filter: "alpha(opacity=50)"; /* IE 8 */
    filter : alpha(opacity=50); /* IE < 8 */
    }


    /* IMAGE DROITE AVEC UNE OPACITE*/

    .right_tfa img
    {
    position:absolute;
    width:160px;
    height:160px;
    margin-left:20%;
      opacity : 0.5;
    -moz-opacity : 0.5;
    -ms-filter: "alpha(opacity=50)"; /* IE 8 */
    filter : alpha(opacity=50); /* IE < 8 */
    }
    /* ON DONNE TOUTE L OPACITE AU SURVOL*/
    .left_tfa img:hover ,  .right_tfa img:hover
    {
    opacity : 1;
    -moz-opacity : 1;
    -ms-filter: "alpha(opacity=100)"; /* IE 8 */
    filter : alpha(opacity=100); /* IE < 8 */
    }


.signature_div img {
  max-height:150px;
  max-width:400px;
}
.postprofile {
width: 150px;
}
 
tr.post span.postdetails.poster-profile a[href^="/u"] img{
height:150px !important;
width:150px !important;

#notif_unread.M14_NotiF_blink
{
color:Yellow !important;
padding: 20px 30px 10px 10px;

}

/*Le bouton pour l ouverture de la fenetre*/
.M14_open_Body
{
width: 16px;
height: 16px;
right: 10px;
float: right;
cursor:pointer;
}
/*Le bouton pour la fermeture de la fenetre*/
.M14_close_Body
{
position: absolute;
width: 16px;
height: 16px;
top: 10px;
right: 10px;
cursor:pointer;
}
/*On place les transitions sur les messages*/
.postbody
{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
/*La fenetre agrandie*/
#M14_Effet_body.postbody
{
/*On donne une position relative*/
position: relative;
/*On demande une marge negative a gauche pour la correction de la fenetre*/
left:-80px;
/*La couleur de fond*/
background: white;
/*La couleur de police*/
color:black;
/*La taille de police*/
font-size:14px;
/*On donne un espace conséquent si besoin peut etre supprime*/
padding: 20px 30px 10px 10px;
/*on agrandit sur la largeur et la hauteur sur la plupart des navigateurs*/
-ms-transform: scale(1.2,1.2);
-webkit-transform: scale(1.2,1.2);
transform: scale(1.2,1.2);
  /*la couleur de bordure*/
border:2px solid #006699;
  /*Les bordures arrondies sur la plupart des navigateurs*/
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* REPONSE AUTOMATIQUE */
    /*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
    {
    font-style:italic;
    font-size:13px;
    color:green;
    }
/* contour du FORUMS arrondi */
td.bodyline
{
-webkit-border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
border-radius: 30px 30px 30px 30px;
border : 2px dotted black !important;
}
/* FIN contour du FORUMS arrondi */
.M14_cat td
{
background-image: url(https://i.servimg.com/u/f65/19/00/84/08/essaie13.jpg);
}

.M14_cat td
{
background-image: url(https://i.servimg.com/u/f65/19/00/84/08/essaie13.jpg);
}
#fa_ticker_block .M14_cat{border: none!important;border-radius: 0px!important;box-shadow: none!important;}
.forumline.M14_cat.PA
{
background-image: url(https://i.servimg.com/u/f65/19/00/84/08/essaie13.jpg);
border: 2px dotted #000000;
border-radius: 10px;
}
#fa_ticker_block .M14_cat td
{
border: none!important;
border-radius: 0px!important;
background-image: url(https://i.servimg.com/u/f65/19/00/84/08/essaie13.jpg);
}
#fa_ticker_block {
border: 2px dotted #000000;
border-radius: 10px;

}
  /*CONTOUR CATEGORIES*/
    .M14_cat
    {
background-image: url(https://i.servimg.com/u/f65/19/00/84/08/essaie13.jpg);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    border: 2px dotted #000000;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-border-radius: 10px;
    -htm-border-radius: 10px;
    box-shadow: 0px 0px 4px #000000;
    -moz-box-shadow: 0px 0px 4px#000000;
    -o-box-shadow: 0px 0px 4px# #000000;
    -webkit-box-shadow: 0px 0px 4px#000000;
    -htm-box-shadow: 0px 0px 4px #000000;
  padding:3px;
    }
    /**FIN CONTOUR CATEGORIES*/
#M14_titre_CaT
{
width:98%;
border-top: 2px dotted #000;
border-right: 2px dotted #000;
border-left: 2px dotted #000;
border-bottom:4px dashed #d1b86d; 
margin: 0px 0px -12px 1%;
}
td.M14_titre_CaT{background-image: url(https://i.servimg.com/u/f65/19/00/84/08/fond_d10.png);}
td.M14_titre_CaT{text-align:center;}
td.M14_titre_CaT h2{color: #d1b86d;}
.M14_cat td
{
background-image: url(https://i.servimg.com/u/f65/19/00/84/08/essaie13.jpg);
}
/*LES BORDURES ARRONDIES*/
#M14_titre_CaT,#M14_titre_CaT td
{  -webkit-border-top-left-radius: 100px;
-webkit-border-top-right-radius: 100px;
-moz-border-radius-topleft: 100px;
-moz-border-radius-topright: 100px;
border-top-left-radius: 100px;
border-top-right-radius: 100px;
}

.forumline.M14_cat th{background-image:none!important;background-color:transparent!important;}

/*TAG DE MODERATION*/
.M14_tag_wait
{
margin:10px;
width: 70%;
margin-left: 15%;
padding: 10px;
background-color:#ffffff;
color: #d1ba88;
border:2px solid #d1ba88;
border-radius:6px;
}
/* Tutos du mois */
a.mainmenu[href^='/f93-tutoriel-du-mois'] {
 font-weight: bold;
 color: #F6E8B1;
}
/* J aime - Je n aime pas */
.fa_dislike_list, .fa_like_list {
    background-color: #787878;
}
.fa_like_list {
    color: #0f0; /* Couleur de texte Evaluations positives */
}.fa_dislike_list {
    color: #f22e48; /* Couleur de texte Evaluations négatives */
}
.fa_like_list a, .fa_dislike_list a {
    text-decoration:none; /* Retire le soulignement des pseudos de la liste */
    color: #fff; /* Couleur des pseudos de la liste */
}
.rep-button, .rep-button:active, .rep-button:focus {
    text-transform: initial; /* Pour mettre une majuscule aux noms des boutons */
}
/* Modèle de message numéro 1 */
.Nep_Intro001 {
width: 65%;
margin: 20px auto 0;
color: #ccc;
font-size: 16px;
}
.Nep_Body001 {
width: 60%;
margin: 0 auto;
color: #fff;
}
.Nep_Intro001, .Nep_Body001 {
background-color: #242A36;
border: 3px solid #fff;
border-radius: 10px;
padding: 20px 5px;
text-align: center;
}
.Nep_Intro001 img, .Nep_Body001 img {
max-width: 95%;
}

/*ON PERSONNALISE LE CONTENU DU TITRE DE L ANNONCE*/
th#M14_annonce_titre
{
background-image:none!important;
background-color:darkred!important;
color:white!important;
text-align:center;
font-size:15px;
font-weight:bold;
}
/*ON PERSONNALISE LE CONTENU DE L ANNONCE*/
td#M14_annonce
{
background-color:white!important;
color:red!important;
font-size:13px;
height: auto;
padding: 6px 30px; 
border-top:1px solid black; 
}
/*ON PESONNALISE L4IMAGE A GAUCHE 48PX PAR 48PX MAXIMUM*/
#M14_annonce img.M14_img
{
  float: left;
    width: 48px;
    height: 48px;
    position: relative;
    left: -24px;

/*ON PERSONNALISE LE CONTENU DU TITRE DE L ANNONCE*/
th#M14_annonce_titre
{
background-image:none!important;
background-color:darkred!important;
color:white!important;
text-align:center;
font-size:15px;
font-weight:bold;
}
/*ON PERSONNALISE LE CONTENU DE L ANNONCE*/
td#M14_annonce
{
background-color:white!important;
color:red!important;
font-size:13px;
height: auto;
padding: 6px 30px; 
border-top:1px solid black; 
}
/*ON PESONNALISE L4IMAGE A GAUCHE 48PX PAR 48PX MAXIMUM*/
#M14_annonce img.M14_img
{
  float: left;
    width: 48px;
    height: 48px;
    position: relative;
    left: -24px;
}


avatar
soleda
https://www.tutorielgraphismepfs.com/

Messagesoleda Sam 19 Sep 2020 - 12:29

et pour le java srip j'arrive pas a mettre le lien je tombe sur ma messagerie 

Code:
$(function(){
  //on recherche si les annonces sont activées
var annonce=$('div[id="fa_ticker_block"]').length;
if(annonce)
{
//METTRE UN TITRE EXPLICITE ENTRE LES GUILLEMETS
var M14_contenu_titre="Annonce importante!!!";
//METTRE LE CONTENU DU MESSAGE ENTRE LES GUILLEMETS
var M14_contenu_texte="Merci de prendre note ici des informations importantes du forum  <a href='/privmsg?folder=inbox'class='M14_linK'>ICI
</a>";
//METTRE LE LIEN DE L IMAGE ENTRE LES GUILLEMETS
var M14_img="https://i.servimg.com/u/f20/20/11/87/27/bell11.png";
$('th[id="M14_annonce_titre"]').html(M14_contenu_titre);
$('td[id="M14_annonce"]').html('<img class="M14_img"src="'+M14_img+'"/>'+M14_contenu_texte+'');
}
});

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Sam 19 Sep 2020 - 13:05

Hum, tu peux me donner en mp tes ids fondatrice que je regarde ce qui cloche sur ton fofo stp car je ne comprends vraiment rien actuellement Chantal.
Je verrais tout ça en fin d'après midi.
avatar
soleda
https://www.tutorielgraphismepfs.com/

Messagesoleda Sam 19 Sep 2020 - 15:02

Transmis en Mp merci beaucoup .
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Sam 19 Sep 2020 - 17:20

Re Chantal,
alors je ne saisissais le sens messagerie privée,
c'était juste un exemple pour le lien dans le script.

Code:

<a href='/privmsg?folder=inbox'class='M14_linK'>ICI
</a>

Comme mentionnait sur mon astuce:
https://www.milouze14.com/t32775-phpbb2-ajouter-une-annonce-fixe-sur-les-annonces-defilante#624829


Tu veux vraiment un lien Chantal?

Par contre, j'ai coché le script sur toutes les pages car tes annonces sont elles aussi cochées sur toutes les pages.

J'ai aussi corrigé ta feuille de style,il manquait une accolade.
avatar
soleda
https://www.tutorielgraphismepfs.com/

Messagesoleda Dim 20 Sep 2020 - 10:47

Bonjour Philipe oui j'aimerais bien un lien pour pouvoir les diriger .Et je voudrais mettre une autre couleur que rouge si possible ►#3D2B1F
je tes envoyer les ifo de mon compte en mp
merci Philipe de tout le mal que tu te donne.
Bon dimanche
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Dim 20 Sep 2020 - 10:52

Coucou Chantal mais quel lien tu désires mettre?
Si c'est ce sujet:
https://www.tutorielgraphismepfs.com/t4873-legende-du-forum-les-couleurs-et-les-statuts#90284
C'est effectué impeccable .

Mais soit explicite dans tes demandes, je ne suis pas devin!!!!!!!!
avatar
soleda
https://www.tutorielgraphismepfs.com/

Messagesoleda Dim 20 Sep 2020 - 17:11

coucou pardon c'est se lien avec du texte ICI.

merci Philippe 
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Dim 20 Sep 2020 - 18:07

Re coucou Chantal,
je viens de mettre le lien désiré sur ton fofo.

Tu peux le retrouver dans le script sur cette ligne:
Code:

//METTRE LE CONTENU DU MESSAGE ENTRE LES GUILLEMETS
var M14_contenu_texte="Merci de prendre note ici des informations importantes du forum  <a href='/f93-tutoriel-du-mois'class='M14_linK'>ICI
</a>";

Le lien que tu me donnes:
https://www.tutorielgraphismepfs.com/f93-tutoriel-du-mois
Il faut mettre juste la fin a partir de la barre oblique.
Code:
/f93-tutoriel-du-mois
avatar
soleda
https://www.tutorielgraphismepfs.com/

Messagesoleda Lun 21 Sep 2020 - 8:50

Bonjour Philippe merci beaucoup et pour mettre le texte je le place ou  dans le template ?
Belle journée un grand merci pour ton aide.
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Lun 21 Sep 2020 - 15:50


Coucou Chantal,
tout est expliqué ici:
https://www.milouze14.com/t32775-phpbb2-ajouter-une-annonce-fixe-sur-les-annonces-defilante#624829
Dans le template:

Tu peux changer les intitulés si besoin pour le titre ici:



Code:
<th id="M14_annonce_titre">Aucune annonce actuellement</th>


Pour le contenu ici:

Code:
 <td id="M14_annonce">Bonne journée</td>

Puis dans le script:

Code:

//METTRE UN TITRE EXPLICITE ENTRE LES GUILLEMETS
var M14_contenu_titre="Annonce importante!!!";


Tout est commenté Chantal.



avatar
soleda
https://www.tutorielgraphismepfs.com/

Messagesoleda Mar 22 Sep 2020 - 11:58

Bonjour Phillipe
 merci beaucoup bon je vois que je n'est pas choisis la meilleure solution pour mettre une annonce, aller a chaque fois dans les Template n'est pas évident pour moi ,je me pose la question si il n'y as pas une solution plus simple .
Un grand merci pour ton travail .
Belle journée Phillipe .
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 22 Sep 2020 - 15:33

Coucou Chantal,
alors, j'ai directement supprimé dans le template le texte Chantal.

Tu as juste a modifier dans le script à ce niveau pour modifier le texte ici:

Et j'ai détaillé un peut plus le script afin que cela soit plus simple pour toi.

Le script opérationnel (enfin la partie qui t'intéresse) sur ton fofo:

Code:

//METTRE UN TITRE EXPLICITE DE L ANNONCE ENTRE LES GUILLEMETS
var M14_contenu_titre="Annonce importante!!!";
 
//METTRE LE CONTENU DU MESSAGE ENTRE LES GUILLEMETS
var M14_contenu_texte="Merci de prendre note ici des informations importantes du forum";
 
//METTRE LE LIEN DU MESSAGE ENTRE LES GUILLEMETS
var lien="/f93-tutoriel-du-mois";

Et voilou, difficile de faire mieux Chantal.
avatar
soleda
https://www.tutorielgraphismepfs.com/

Messagesoleda Mer 23 Sep 2020 - 18:02

Bonsoir Philipe un grand merci c'est très gentil .
bonne soirée.
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 23 Sep 2020 - 19:10

De rien chère amie,
bonne soirée à toi aussi.


Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil



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