Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

La date/heure actuelle est Sam 5 Déc 2020 - 0:14

6 résultats trouvés pour recent_topics

Script/Widget sur Page d'Accueil : Derniers Sujets

Re,

alors remplaces tout le contenu de ta page html par celui-ci:
Code:
<head>

    <meta charset="utf-8">
    <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
    <style>
       body {
 margin:0px;
 padding:0px;
 }
        /*Taille et couleur de la PA*/
        #pa-wrap {
          width: 1022px;
            height: 400px;
            font-family: 'Leto', sans-serif;
            margin-top :8px;
        }
        /*Bloc etiquettes*/
        ul.etiquettes{
  
   margin:0;
 padding:0;
       list-style:none;
           text-align:center;
 }
 ul.etiquettes li {
   display:inline-block;
 position:relative;
 bottom:24px;
 left:0px;
 list-style-type:none;
                 text-align:center;
 margin:0 6px 0 0;
 padding:6px;
 box-sizing:border-box;
 font-family:calibri;
   font-size:13px;
 letter-spacing:1px;
 color:#fff;
 text-transform:uppercase;
         }
         ul.etiquettes li > div{
                  padding:2px 8px;
                  border:#fff solid 1px;
         }
        /*Intérieur PA*/
        #pa {
            width: 100%;
            height: 93%;
            background: #fff;
            position: relative;
            bottom: -26px;
        }
      
        /*Style des liens*/
        #pa a {
            text-decoration: none;
            color: #9d9bb9;
            transition: all 0.3s;
        }
        #pa a:hover {
            color: #ccc;
        }
      
        /*Style des titre*/        
        #pa-wrap h1 {
            text-transform: uppercase;
            font-size: 22px;
            font-family: 'calibri', sans-serif;
            color: #ff9018;
            margin:0px;
            letter-spacing:0px;
            text-shadow: 1px 1px white;
            font-style:italic;
        }
        #pa-wrap h2 {
            text-align:center;
            font-size: 14px;
            color: #ffffff;
            text-transform: uppercase;
            letter-spacing: 1px;
            background: #ff9018;
            font-family: 'Leto";
            white-space: nowrap;
            vertical-align: middle;
        }
        #pa-wrap h3 {
            text-transform: uppercase;
            color: #ccc;
            font-size: 12px;
            letter-spacing: 1.5px;
        }
        #pa-wrap h4 {
            text-align: center;
            font-size: 8px;
            color: #82818e;
            margin: 0;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-family: 'Leto', sans-serif;
        }
      
        /*Bloc etiquettes*/
        #pa-contexte {
            width: 452px;
            height: 80px;
            position: absolute;
            left:15px;
          top:20px;
        }
        #pa-contexte div,
        #pa-news {
            width: 100%;
            height: 110px;
            background: #fff;
            border: 1px solid #f0dcc2;
            box-sizing: border-box;
            padding: 6px;
            overflow: auto;
            text-align: justify;
            font-size: 12px;
            color:#1f537d;
            line-height: 150%;
        }
      
        /*Bloc Staff*/  
        #votrestaff{
          width:60px;
          position: absolute;
          left:275px;
          top:140px;
       }
        #pa-staff {
            width: 270px;
            position: absolute;
            left: 425px;
            top: 202px;
            text-align: center;
            display: flex;
        }
        #pa-staff .pa-staff-block {
            transform: rotate(45deg);
            position: absolute;
            top:-60px;
            left:-75px;
            height: 50px;
            width: 50px;
            padding:2px;
            overflow: hidden;
    background: #93c0e6;
            
        }
        #pa-staff .pa-staff-block2 {
            
            position: absolute;
            transform: rotate(45deg);
            top:-60px;
            left:2px;
            height:50px;
            width:50px;
            padding:2px;
            overflow: hidden;
    background: #93c0e6;
            
        }
        #pa-staff .pa-staff-block3 {
            
            position: absolute;
            transform: rotate(45deg);
            top:-60px;
            left:79px;
            height:50px;
            width:50px;            
            padding:2px;
            overflow: hidden;
    background: #93c0e6;
            
        }
        #pa-staff .pa-staff-block4 {            
            position: absolute;
            transform: rotate(45deg);
            top:-60px;
            left:156px;
            height:50px;
            width:50px;
            overflow: hidden;
            padding:2px;
            overflow: hidden;
    background: #93c0e6;
            
        }
        #pa-staff .pa-staff-block5 {
            
            position: absolute;
            transform: rotate(45deg);
            top:-60px;
            left:233px;
            height:50px;
            width: 50px;
            padding:2px;
            overflow: hidden;
    background: #93c0e6;
            
        }
        #pa-staff .pa-staff-content {
            position: absolute;
            height: 100%;
            width: 100%;
            background: rgba(255, 255, 255, 0.8);
            top: 0;
            left: 0;
            font-size: 10px;
            box-sizing: border-box;
            padding-top: 20px;
            transform: translate(0, 100%);
            transition: all 0.3s;
        }
        #pa-staff .pa-staff-content2 {
            position: absolute;
            height: 100%;
            width: 100%;
            background: rgba(255, 255, 255, 0.8);
            top: 0;
            left: 0;
            font-size: 8px;
            box-sizing: border-box;
            padding-top: 2px;
            transform: translate(0, 100%);
            transition: all 0.3s;
        }
        #pa-staff .pa-staff-block:hover .pa-staff-content {
            transform: translate(0, 0);
        }
        #pa-staff .pa-staff-block2:hover .pa-staff-content {
            transform: translate(0, 0);
        }
        #pa-staff .pa-staff-block3:hover .pa-staff-content2 {
            transform: translate(0, 0);
        }
        #pa-staff .pa-staff-block4:hover .pa-staff-content2 {
            transform: translate(0, 0);
        }
        #pa-staff .pa-staff-block5:hover .pa-staff-content2 {
            transform: translate(0, 0);
        }
        #pa-staff .pa-staff-block6:hover .pa-staff-content2 {
            transform: translate(0, 0);
        }
        /*Bloc Slide */
        #slide {
                left:268px;
       top:208px;
       position:absolute;
         width:480px;
         height:150px;
         border:1px solid #d3dfed;
       }
        /*Bloc Sujets*/
       #recent_topics {
                position:absolute;
                 white-space: nowrap;
                 overflow: hidden;
                text-overflow: ellipsis;
         background: #fff;
         width:248px;
       height:235px;
                overflow-y:auto;
       top:-10px;
       right:-4px;
       padding:2px;
                color:#000;
         border: 1px solid #9acae5;
       font-family: 'Leto', sans-serif;
         text-align: left;
 }
      /*on donne une taille de police identique a tout le contenu*/
      #recent_topics , #recent_topics a[href^="/t"], #recent_topics a[href^="/u"]
      {
      font-size:12px;
       }
      /*on donne une couleur au texte hors lien*/
      #recent_topics
      {
      color: #1f537d;
      }
      /*on donne une couleur aux liens*/
      #recent_topics  a[href^="/t"]
      {
      color: #ff9018;
      }
       /*on donne une couleur aux Pseudos*/
      #recent_topics  a[href^="/u"],#recent_topics  a[href^="/u"] span
      {
      color:#1f537d !important;
      }
      #activite{
            text-align:center;
            font-size: 14px;
            color: #ffffff;
            text-transform: uppercase;
            letter-spacing: 1px;
            background: #9acae5;
            font-family: 'Leto";
            white-space: nowrap;
            vertical-align: middle;
          width:254px;
          position: absolute;
          right:-4px;
          top:-30px;
            height:20px;
            vertical-align: middle;
       }
       a.dm_titre, a.dm_pseudo {
         color: #151515;
         text-transform: uppercase;
         font-size: 11px;
         font-weight: 600;
 }

 span.dm_par {
         font-size: 10px;
         font-style: italic;
         margin: 0 1em;
 }

 .dm_time {
         text-transform: uppercase;
         font-size: 9px;
         font-weight: 500;
         color: #6f6f6f;
         line-height: .8;
         margin: 0 0 1em 0;
 }
      
        /*Bloc des news*/  
      
       #nouveautes{
          width:250px;
          position: absolute;
          left:15px;
          top:130px;
            height:25px;
       }
        #pa-news {
            width: 250px;
            position: absolute;
            left: 15px;
            top: 160px;
            height: 200px;
        }
        #pa-news div {
            margin-bottom: 10px;
        }
        #pa-news div b {
            color: #acacb4;
        }
      
        /*Bloc des partenaires*/
      
        #pa-part {
            width: 270px;
            position: absolute;
            left: 474px;
            top: 13px;
            text-align: left;
        }
        #pa-part div {
            display: flex;
            width: 95%;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        #pa-part div a {
            padding:0px;
        }
        #partenaires_ecrit {
            width: 100%;
            height: 65px;
            background: #fff;
            border: 1px solid #ccc;
            box-sizing: border-box;
            padding: 8px;
            overflow: auto;
            text-align: justify;
            font-size: 10px;
            line-height: 150%;
        }
      
        /*Bloc des prédéfinis*/
        #pa-pred {
            width: 250px;
            position: absolute;
            right: 20px;
            top: 50px;
        }
        #pa-predef .pa-predef-bloc {
            width: 80%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        #pa-predef a.lien-pred {
            letter-spacing: 1px;
            font-size: 10px;
            text-transform: uppercase;
        }
        #pa-predef .pa-pred {
            height: 70px;
            display: inline-block;
            position: relative;
            overflow: hidden;
            margin-bottom: 5px;
            max-width: 80px;
        }
        #pa-predef .pa-pred-content {
            position: absolute;
            height: 100%;
            width: 100%;
            background: rgba(255, 255, 255, 0.8);
            top: 0;
            font-size: 11px;
            box-sizing: border-box;
            padding-top: 23px;
            transform: translate(0, 100%);
            transition: all 0.3s;
            text-align: center;
        }
        #pa-predef .pa-pred:hover .pa-pred-content {
            transform: translate(0, 0);
        }
      
        #predef {
         position:absolute;
       right:20px;
       top:265px;
        }
       .lien-pred{
       position:absolute;
       right:23px;
       top:300px;
       }
      
      
        /*Bloc des top-sites*/    
        #pa-top {
            text-align:right;
            width: 253px;
            position: absolute;
            top: 233px;
        }
        #pa-top #pa-top-content {
            width: 100%;
            height: 80px;
            overflow: hidden;
            position: relative;
            display: flex;
            justify-content: space-between;
        }
      
        /*Crédit*/
        #pa-credit {
            position: absolute;
            bottom: 8px;
            left: 20px;
            font-size: 9px;
            color: #d6d6d6;
            letter-spacing: 1px;
        }
    </style>
</head>

<body>
    <div id="pa-wrap">
        <div id="pa">
            <div id="pa-contexte">
                <div>
                   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ac leo tempor, tristique orci et, venenatis nibh. Phasellus congue nunc enim, vel efficitur nisi dignissim vitae. Vivamus efficitur, ligula sed efficitur pharetra, lorem diam pellentesque risus, volutpat congue leo ipsum vitae odio. Nunc mattis diam sodales erat consectetur, a tempor ante pellentesque.
                </div>
            </div>
            <div>
              <h1 id="votrestaff">Votre<br/>Staff</h1>
            </div>
            <div id="pa-staff">
                    <div class="pa-staff-block">  
                    <img src="https://i.servimg.com/u/f62/19/84/20/09/screen11.png" style="width:50px; height:50px;" alt="" />
                    <div class="pa-staff-content">
                        <h4>Tarumi Meruem</h4>Design | <a href="http://reiryoku-no-shigen.forumactif.com/privmsg?mode=post&u=2">MP</a>
                    </div>
                    </div>
                  
                    <div class="pa-staff-block2">
                    <img src="http://placehold.it/80x60" style="width:50px; height:50px;" alt="" />
                    <div class="pa-staff-content">
                        <h4>Barzaqh</h4>Contexte | <a href="#">MP</a>
                    </div>
                    </div>
                    <div class="pa-staff-block3">
                    <img src="http://placehold.it/80x60" style="width:50px; height:50px;" alt="" />
                    <div class="pa-staff-content2">
                        <h4>Balthier von Rosen</h4>Technique | <a href="#">MP</a>
                    </div>
                    </div>
                    <div class="pa-staff-block4">
                    <img src="http://placehold.it/80x60" style="width:50px; height:50px;" alt="" />
                    <div class="pa-staff-content2">
                        <h4>...</h4>Technique | <a href="#">MP</a>
                    </div>
                    </div>
                    <div class="pa-staff-block5">
                    <img src="http://placehold.it/80x60" style="width:50px; height:50px;" alt="" />
                    <div class="pa-staff-content2">
                        <h4>...</h4>Technique | <a href="#">MP</a>
                    </div>
                    </div>
            </div>
          <div>
            <h2 id="nouveautes">Nouveautés</h2>
          </div>
            <div id="pa-news">
                <div><b>08/03</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore</div>
                <div><b>08/03</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </div>
                <div><b>08/03</b> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
              </div>
            </div>
            <div id="pa-part">
                <h1 id="partenaires">Partenaires</h1>
                <div>
                    <a href="#"><img src="http://placehold.it/50x50" alt="" />
                    </a>
                    <a href="#"><img src="http://placehold.it/50x50" alt="" />
                    </a>
                    <a href="#"><img src="http://placehold.it/50x50" alt="" />
                    </a>
                    <a href="#"><img src="http://placehold.it/50x50" alt="" />
                    </a>
                  <h3>Si vous êtes QLF, vous ne pouvez passer à côté d'eux!</h3>
                </div>                
            </div>
            <div id="pa-pred">
              <div id="activite">Activité récente</div>
              <div id="recent_topics">  
                
                
                
                <script>
    $(function(){
$.get('/portal',function(data){$('#recent_topics').html($(data).find('#M14_ID_Recents .marquee').html());
});
});
  </script></div>
            <div id="pa-top">
                <h1>Top-sites</h1>
                <div id="pa-top-content">
                    <a href="#"><img src="http://placehold.it/50x50" alt="" />
                    </a>
                    <a href="#"><img src="http://placehold.it/50x50" alt="" />
                    </a>
                    <a href="#"><img src="http://placehold.it/50x50" alt="" />
                    </a>
                    <a href="#"><img src="http://placehold.it/50x50" alt="" />
                    </a>
                </div>
            </div>
        </div>
        <ul class="etiquettes">
     <a href="...">
       <li style="background:#1f537d;">
         <div>Nouveautés</div>
       </li>
   </a>
   <a href="...">
      <li style="background:#1f537d;">
         <div>Règlement</div>
     </li>
   </a>
   <a href="...">
      <li style="background:#1f537d;">
       <div>Contexte</div>
      </li>
   </a>
   <a href="...">
     <li style="background:#1f537d;">
         <div>Guide de l'aspirant</div>
      </li>
   </a>
    <a href="...">
      <li style="background:#1f537d;">
      <div>Votre Staff</div>
     </li>
   </a>
    <a href="...">
      <li style="background:#1f537d;">
      <div>Partenaires</div>
     </li>
   </a>
                 <a href="...">
      <li style="background:#1f537d;">
      <div>Crédits</div>
     </li>
   </a>
                 <a href="...">
      <li style="background:#1f537d;">
      <div>Discord</div>
     </li>
   </a>            
   </ul>
         <div id="slide">
           <div id="slide-content">
           </div>
         </div>
      </div>

</body>






Les modifications effectuées:
L'appel de la bibliothèque jQuery
Code:

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>





Ce que j'ai apporté pour l'apparence du contenu:
Code:

/*on donne une taille de police identique a tout le contenu*/
      #recent_topics , #recent_topics a[href^="/t"], #recent_topics a[href^="/u"]
      {
      font-size:12px;
       }
      /*on donne une couleur au texte hors lien*/
      #recent_topics
      {
      color: #1f537d;
      }
      /*on donne une couleur aux liens*/
      #recent_topics  a[href^="/t"]
      {
      color: #ff9018;
      }
       /*on donne une couleur aux Pseudos*/
      #recent_topics  a[href^="/u"],#recent_topics  a[href^="/u"] span
      {
      color:#1f537d !important;
      }


Ce que j'ai ajouté à l'id #recent_topics
Code:

 white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
overflow-y:auto;



Puis le script qui va rechercher sur le portail l'id que l on a ajouté dans le template:
Code:

<script>
    $(function(){
$.get('/portal',function(data){$('#recent_topics').html($(data).find('#M14_ID_Recents .marquee').html());
});
});
  </script>



Et voilou Wink  .

a++
par Milouze14
le Lun 11 Mar 2019 - 16:55
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Script/Widget sur Page d'Accueil : Derniers Sujets
Réponses: 11
Vues: 455

Script/Widget sur Page d'Accueil : Derniers Sujets

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Capture d'écran du problème :
Voir l'image:
Tag recent_topics sur Forum gratuit : Le forum des forums actifs Screen42

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : C'est un problème que je rencontre depuis des semaines déjà.
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour/Bonsoir,

Après avoir lu un bon paquet de sujets/tutoriels et l'annonce faite par le staff de Forumactif concernant ce widget (postée en 2015 si je ne m'abuse), je n'arrive toujours pas à placer les derniers sujets ayant eu une réponse dans une div sur ma page d'accueil.

Le javascript utilisé :
Code:
jQuery.get('/portal',function(data){jQuery('#recent_topics').html(jQuery(data).find('.forumline td.row1').html());});


L'appel dans le html fait :
Code:
<div id="recent_topics"></div>


Le CSS lié à l'id #recent_topics :
Code:
#recent_topics {
       position:absolute;
       background: #fff;
       width:248px;
       height:235px;
       top:-10px;
       right:-4px;
       padding:2px;
       border: 1px solid #9acae5;
       font-family: 'Leto', sans-serif;
       text-align: left;
 }


Précisions :
- j'ai activé le portail mais il n'est pas affiché;
- j'ai supprimé tous les widgets et les afficher ou non ne change rien au problème (quand ils sont affichés, une colonne se créer à côté de ma page d'accueil avec le widget fonctionnel);
- j'ai essayé en plaçant le script directement dans le html mais rien n'y fait;
- ma page d'accueil est une frame (avec une page html inclue à l'intérieur donc) appelée et non un codage placé directement sur la page d'accueil;
- c'est mon seul script faisant appel à ce widget;

Merci à vous !
par Amidamaru
le Lun 11 Mar 2019 - 2:36
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Script/Widget sur Page d'Accueil : Derniers Sujets
Réponses: 11
Vues: 455

Slider accordion tout cassé :'(

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Capture d'écran du problème :
Voir l'image:
Tag recent_topics sur Forum gratuit : Le forum des forums actifs Slider

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Avant le 04 Juin 2018
Lien du forum : http://meltinpot-nostale.forumactif.com/

Description du problème

Bonjour !

Je gère le forum de ma guilde sur un mmo-rpg. J'avais fais tout propre le slider,
tout fonctionnait niquel. J'ai fais une pause d'un petit mois,
et à mon retour je trouve le slider tout cassé Sad
(Je précise que dans les logs du P.A, personne n'a touché à rien)

CSS:
@charset 'utf-8';
/*************************************************!
*
*  project:    liteAccordion - a horizontal accordion plugin for jQuery
*  author:    Nicola Hibbert
*  url:        http://nicolahibbert.com/liteaccordion-v2/
*  demo:      http://www.nicolahibbert.com/demo/liteAccordion/
*
*  Version:    2.0.2
*  Copyright:  (c) 2010-2011 Nicola Hibbert
*  Licence:    MIT
*
**************************************************/
/****************************************** Core */
.accordion { text-align: left; font: 'Helvetica Neue', Verdana, Arial, sans-serif }
.accordion > ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none }
.accordion .slide > h2 {
 color: black;
   font-size: 16px;
 font-weight: normal;
 margin: 0;
 z-index: 100;
 position: absolute;
 top: 0;
 left: 0;
 -webkit-transform: translateX(-100%) rotate(-90deg);
 -webkit-transform-origin: right top;
 -moz-transform: translateX(-100%) rotate(-90deg);
 -moz-transform-origin: right top;
 -o-transform: translateX(-100%) rotate(-90deg);
 -o-transform-origin: right top;
 transform: translateX(-100%) rotate(-90deg);
 transform-origin: right top;
 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.accordion .slide > h2 span {
   display: block;
   padding-right: 8%;
   text-align: right;
   height: 90%;
   margin-top: 5px;
   -moz-user-select: none;
   -khtml-user-select: none;
   user-select: none;
}
.accordion .slide > h2 b {
   display: inline-block;
   position: absolute;
   top: 13%;
   left: 10%;
   text-align: center;
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -o-transform: rotate(90deg);
   transform: rotate(90deg);
 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.accordion .slide > h2:hover { cursor: pointer }
.accordion .slide > div { height: 100%; position: absolute; top: 0; z-index: 10; overflow: hidden; background: white }
.accordion noscript p { padding: 10px; margin: 0; background: white }

/***************************************** Light */
.accordion {
   border: 9px solid white;
   border-bottom-width: 8px;
   padding: 5px 5px 6px 0;
   background: #ffffff;
   -webkit-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
   -moz-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
   -ms-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
   -o-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
 box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
}
.accordion .slide > h2 { background: #ffffff; text-shadow: 0 -1px 0 white; line-height: 265% }
.accordion .slide > h2 span {
   background: #ffffff;
   background: -moz-linear-gradient(left,  #fcfcfc 0%, #ededed 100%);
   background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fcfcfc), color-stop(100%,#ededed));
   background: -webkit-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
   background: -o-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
   background: -ms-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
   background: linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=1 );
   -webkit-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
   -moz-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
   -o-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
 box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
   color: #FCFCFC;
}
.accordion .slide > h2 b { background: #ffffff; color: #ffffff; text-shadow: -1px 1px 0 white }
.accordion .slide > h2.selected span, .accordion .slide h2.selected span:hover, .accordion .slide > h2.selected b { background: #ffffff }
.accordion .slide > div { background: #ffffff; margin-left: 5px }

/*************************************** Rounded */
.rounded, .rounded > ol { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px }
.rounded .slide > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }

/******************************************** IE */
.ie .slide > h2 b { top: 42%; left: 5% }
.ie9 .slide > h2 { filter: none; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top }
.ie.accordion .slide > h2 b { top: 44% }
.accordion .slide > h2 span { filter: none }

/******************************************** FA */
.accordion figure .full { width: 100%; height: 100%; }
.accordion h2 { border: none; }

/* centrer l'accordéon */
.accordion { margin: auto; }
/*Suppression_search_box--------------------------*/
#search-box input {
display: none;
}
#search-box input.button1 {
display: none;
}
input.search {
display: none;
}
/*Sujet récent*/
#recent_topics {
background-color: #6AA8A6;
font-family: 'Playfair Display SC', serif;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
khtml-border-radius: 0px;
border-radius: 0px;
color: #D1BFB2;
font-size: 14px;
 }
/*Test*/
html, body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}
#arriere {
/* l'image occupe toute la place du body */
width : 100%;
height: 100%;
}
body {
 background-image:url(https://www.aht.li/3090699/fond_meltin_4.png);
 background-size: 100% auto;
}
dl.codebox {border: none;}
dl.codebox dt {border: none;}

dl.codebox {background-color: transparent; border: none;}
dl.codebox dt {background-color: #000000; width: 70px; text-align: center; border: 1px solid #000000; color: #21D6FF;}
.codebox dd { color: #21D6FF;}
dl.codebox code {color: #21D6FF; border: 1px solid #005456; background-color: #005456;}
/*TranspaDuForum*/
-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }
body {filter:alpha(opacity=75);
-moz-opacity:0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
}
/*Antidoublepost*/
.doublepost { border-top: 1px solid #660066 }
/*dernière visite*/
p.rightside {
 display: none !important;
}
/*Désactiver la barre de connection en bas en tant qu'invité*/
#userlinks.not-connected {
   display: none;
}
/*Désactiver la barre de connection en bas en tant que connecté*/
#userlinks {
   display: none;
}
/*Enlever statistiques en bas du forum*/
.linklist { display: none; }


Les autres codes sont ceux du tuto dispo je ne sais plus ou Smile

Screen du soucis:
Tag recent_topics sur Forum gratuit : Le forum des forums actifs Slider
par Océbé-Meltin*pot
le Lun 4 Juin 2018 - 16:02
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Slider accordion tout cassé :'(
Réponses: 2
Vues: 1026

Envoyer des liens automatiques sur la PA



Peux tu redonner le code de ton message d'accueil (en totalité)

et le CSS correspondant au widget "Sujets Récents" -> #recent_topics
par lmc38510
le Jeu 4 Mai 2017 - 12:48
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Envoyer des liens automatiques sur la PA
Réponses: 49
Vues: 1251

Problème défilement texte page d'accueil

Bonjour Neffa,

On va laisser tomber la création de page html et faire plus simple c'est a dire laisser tomber le javascript pour le défilement et prendre une balise marquee.

Code html.:

Votre css.:

Ca devrait fonctionner maintenant.
par tupac
le Lun 20 Fév 2017 - 18:50
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Problème défilement texte page d'accueil
Réponses: 12
Vues: 1181

Afficher les derniers sujets du forum sur la page d'accueil

Ah ... Je viens de comprendre le fonctionnement du script Smile

Pour la mise en forme, remplacez .SR1 par #recent_topics
par kiwi14637
le Lun 27 Avr 2015 - 18:23
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Afficher les derniers sujets du forum sur la page d'accueil
Réponses: 11
Vues: 3907

Revenir en haut

Sauter vers: