AccueilAccueil  RechercherRechercher  GroupesGroupes  MembresMembres  S'enregistrerS'enregistrer  ConnexionConnexion  FAQFAQ  


avatar
99 Messages :
04/06/2016 Date d'inscription :
16 Age :
Petit Coq -
Membre
Voir le profil de l'utilisateur http://forum-bigfarm.forumactif.org
Lun 6 Juin - 20:49
Bonsoir à tous !

Je souhaiterais mettre la widgets "Sujets Récents" dans ma page d'accueil, dans les Généralités à a place de date: texte

Merci d'avance

Bien à vous,

Petit Coq



avatar
752 Messages :
27/02/2016 Date d'inscription :
24 Age :
Ashley. -
Fondatrice & Productrice
Voir le profil de l'utilisateur
Lun 6 Juin - 20:54
Qu'entends-tu par "à la place: texte" ?

Le plus simple serait que tu nous copies le code de ta page d'accueil en répondant au questionnaire mis à disposition dans le règlement ;). Le voici :

Code:
- Quelle est votre question ?
- Le code : [code][/code]
- La version de votre forum :






avatar
133 Messages :
05/03/2016 Date d'inscription :
Odarik -
Scénographe
Voir le profil de l'utilisateur
Lun 6 Juin - 20:57
De base les sujets récents sont un widget que tu peux placer sur ton forum. Ils sont contenu dans une balise d'id précise.

Tu as deux possibilités :
Soit en css tu déplaces cette fenêtre pour la faire afficher où tu le désires mais ça risque d'être moche, soit tu utilises un scripts JS qui copie le contenu de cette balise dans une autre sur ta pa. Ensuite tu caches la balise initiale qui est mal placé par défaut avec un display:none.

Voilà en espérant avoir répondu à ta question.

Oda'



avatar
99 Messages :
04/06/2016 Date d'inscription :
16 Age :
Petit Coq -
Membre
Voir le profil de l'utilisateur http://forum-bigfarm.forumactif.org
Lun 6 Juin - 21:04
- Quelle est votre question ? Comment mettre les sujets récents dans u endroit adapté ?
- Le code :
Code:
<link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=PT+Sans+Narrow|Yanone+Kaffeesatz" />         <meta charset="utf-8" />                     <base target="_blank" />         <title>Page d'accueil Café par Cheshire Cat</title>         <style type="text/css">
            .corps{
               position:relative;
               width:720px;
               height:400px;
               margin:auto;
               background: #D8B06C;
               border:10px solid #C19249;
               font-family:'Yanone Kaffeesatz', sans-serif;
            }
            .vote_1{
               position:absolute;
               left:20px;
               bottom:130px;
               display:block;
               width:55px;
               height:45px;
               padding-top:23px;
               padding-left:15px;
                             }
            .vote_2{
               position:absolute;
               bottom:80px;
               left:100px;
               display:block;
               width:100px;
               height:35px;
               padding-top:50px;
                                text-align:center;
            }
            .vote_3{
               position:absolute;
               bottom:130px;
               left:220px;
               display:block;
               width:25px;
               height:50px;
               padding-top:25px;
               padding-left:50px;
            }
                             .vote{
               border-radius:50%;
               background:#A86D3F;
               font-size:30px;
               color:#F3D8AC;
               text-decoration:none;
               -webkit-transition:all linear 0.4s;
               transition:all linear 0.4s;
                             }
            .vote:hover{
               color:#A86D3F;
               background:#F3D8AC;
               -webkit-transition:all linear 0.4s;
               transition:all linear 0.4s;
            }
            .contexte{
               position:absolute;
               overflow:hidden;
               top:20px;
               left:20px;
               width:250px;
               height:250px;
               border-radius:50%;
               border:10px solid #F3D8AC;
            }
            .contexte img{
               z-index:1;
               width:250px;
               border-radius:50%;
            }
            .contexte p{
               position:absolute;
               top:-13px;
               left:0px;
               width:170px;
               height:170px;
               border-radius:50%;
               background:#C19249;
               padding:40px;
               overflow:auto;
               text-align:justify;
               color:#4D2D22;
               font-size:13px;
               font-family: 'PT Sans Narrow', sans-serif;
               opacity:0;
               visibility:hidden;
               -webkit-transform:rotate(30deg) scale(0);
               transform:rotate(30deg) scale(0);
               -webkit-transition:all ease 0.6s;
               transition:all ease 0.6s;
            }
            .contexte:hover p{
               opacity:1;
               visibility:visible;
               -webkit-transform:rotate(0deg) scale(1);
               transform:rotate(0deg) scale(1);
               -webkit-transition:all ease 0.6s;
               transition:all ease 0.6s;
            }
            .contexte a{
               text-decoration:none;
               color:#F3D8AC;
            }
            .staff{
               position:absolute;
               overflow:hidden;
               top:10px;
               right:35px;
            }
            .infobulle{
               display:inline-block;
               overflow:hidden;
               width:100px;
               height:100px;
               margin-right:10px;
            }
            .infobulle img{
               width:100px;
            }
            .contenu{
               position:absolute;
               bottom:0px;
               width:100px;
               height:74px;
               line-height:24px;
               font-size:15px;
               background:#F3D8AC;
               text-align:center;
               color:#A86D3F;
               font-family: 'PT Sans Narrow', sans-serif;
               opacity:0;
               -webkit-transform:translate(0px, 74px);
               transform:translate(0px, 74px);
               -webkit-transition:all ease 0.5s;
               transition:all ease 0.5s;
            }
            .contenu a{
               color:#4D2D22;
               text-decoration:none;
            }
            .infobulle:hover .contenu{
               opacity:1;
               -webkit-transform:translate(0px, 0px);
               transform:translate(0px, 0px);
               -webkit-transition:all ease 0.5s;
               transition:all ease 0.5s;
            }
            #barre{
               position:absolute;
               top:40px;
               right:10px;
               width:400px;
               height:40px;
               background:#F3D8AC;
            }
            .nav{
               position:absolute;
               right:208px;
               bottom:35px;
                                padding:0px;
               list-style-type:none;
            }
            .nav li a{
               display:block;
               width:165px;
               margin-bottom:10px;
               background:#A86D3F;
               text-align:center;
               letter-spacing:1px;
               font-size:23px;
               color:#F3D8AC;
               text-decoration:none;
               -webkit-transition:all linear 0.4s;
               transition:all linear 0.4s;
            }
            .nav li a:hover{
               color:#A86D3F;
               background:#F3D8AC;
               -webkit-transition:all linear 0.4s;
               transition:all linear 0.4s;
            }
            .news{
               position:absolute;
               top:105px;
               right:10px;
               width:178px;
               height:250px;
                                padding:0px;
               background:#D8B06C;
               border:10px solid #F3D8AC;
               overflow:auto;
               list-style-type:none;
            }
            .news li{
               position:relative;
                                top:0px;
                                left:0px;
               box-sizing:border-box;
               padding-left:5px;
               padding-right:5px;
               color:#4D2D22;
               font-size:15px;
               font-family: 'PT Sans Narrow', sans-serif;
               border-bottom:2px solid #A86D3F;
            }
            .partenaires{
               position:absolute;
               left:15px;
               bottom:5px;
            }
            .partenaires img{
               margin-right:5px;
               width:40px;
               height:40px;
            }
         </style>                      
<div class="corps">
                           <a href="#" class="vote vote_1">1</a>            <a href="#" class="vote vote_2">2</a>            <a href="#" class="vote vote_3">3</a>                         
 <div class="contexte">
                               <img src="http://i.imgur.com/4bESOZL.png" alt="image contexte" />                            
  <p class="texte">
                                Le Forum BigFarm est un forum d'échange entre les joueurs du Jeu. Nous proposons une soixantaine d'Astuces pour le Jeu (06/05/16) ainsi que des Forum privés pour chaque coopérative qui le souhaite. Nous avons un règlement simple basé sur le respect d'autrui. <a href="http://forum-bigfarm.forumactif.org/t117-a-lire-reglement-du-forum">Plus ?</a>                            
  </p>
                                         
 </div>
                                        
 <div id="barre">
                            
 </div>
                                        
 <div class="staff">
                                            
  <div class="infobulle">
                                                
   <div class="contenu">
                                        Petit Coq<br />                                                        Adminactif<br />                     <a href="http://forum-bigfarm.forumactif.org/privmsg?mode=post&u=1">Contacter</a> | <a href="http://forum-bigfarm.forumactif.org/u1">Profil</a>                               
   </div>
                                   <img src="http://i64.tinypic.com/33mbw3c.png" alt="Membre du staff" />                            
  </div>
                                            
  <div class="infobulle">
                                                
   <div class="contenu">
                                       Lunt<br />                     Modéractif<br />                     <a href="http://forum-bigfarm.forumactif.org/privmsg?mode=post&u=107">Contacter</a> | <a href="http://forum-bigfarm.forumactif.org/u107">Profil</a>                               
   </div>
                                   <img src="http://r35.imgfast.net/users/3516/28/57/19/avatars/107-74.png" alt="Lunt" />                            
  </div>
                                            
  <div class="infobulle">
                                                
   <div class="contenu">
                                       glupani<br />                     Aidactif<br />                     <a href="http://forum-bigfarm.forumactif.org/privmsg?mode=post&u=108">Contacter</a> | <a href="http://forum-bigfarm.forumactif.org/u108">Profil</a>                               
   </div>
                                   <img src="http://i64.tinypic.com/33mbw3c.png" alt="Membre du staff" />                            
  </div>
                                         
 </div>
                                        
 <ul class="nav">
                                            
  <li>
                 <a href="http://forum-bigfarm.forumactif.org/f22-les-regles">Règlement</a>             
  </li>
                                            
  <li>
                 <a href="http://forum-bigfarm.forumactif.org/t178-l-equipe">L'Équipe</a>             
  </li>
                                            
  <li>
                 <a href="http://forum-bigfarm.forumactif.org/t130-fonctionnement-de-l-entraide-inter-coops">Le G.E.I-C.</a>             
  </li>
                                            
  <li>
                 <a href="http://forum-bigfarm.forumactif.org/c5-goodgame-big-farm">Forum Big Farm</a>             
  </li>
                                            
  <li>
                 <a href="https://docs.google.com/document/d/1d2B7HojaJf-btr1AKO7YUo_HnAFurXqA7gi7WMEQJU8/edit">"LES RECOLTES"</a>             
  </li>
                                         
 </ul>
                                        
 <ul class="news">
                                            
[b]  <li>
                 Plus de 920 messages sur le Forum           
  </li>
                                            
  <li>
                 Plus de 160 sujets sur le Forum             
  </li>
                                            
  <li>
                 Forum créer le 29/07/2015             
  </li>
                                            
  <li>
                 Ouvert le 01/09/2015             
  </li>
                                            
  <li>
                 Plus de 100 membres inscrits            
  </li>
                                            
  <li>
                 Date: texte             
  </li>
                                            
  <li>
                 Date: texte             
  </li>
                                            
  <li>
                 Date: texte             
  </li>
                                            
  <li>
                 Date: texte             
  </li>
                                            
  <li>
                 Date: texte             
  </li>
                                            
  <li>
                 Date: texte             
  </li>
                                            
  <li>
                 Date: texte             
  </li>
                                            
  <li>
                 Date: texte             
  </li>[/b]
                                         
 </ul>
                                        
 <div class="partenaires">
                               <a href="http://bigfarm.goodgamestudios.com/"><img src="http://image.noelshack.com/fichiers/2016/23/1465237034-arton1265-8b251.png" alt="Partenaire" /></a>               <a href="http://www.forumactif.com/"><img src="http://image.noelshack.com/fichiers/2016/23/1465237439-photo.jpg" alt="Partenaire" /></a>               <a href="#"><img src="http://i86.servimg.com/u/f86/16/24/44/02/pa_ico11.png" alt="Partenaire" /></a>               <a href="#"><img src="http://i86.servimg.com/u/f86/16/24/44/02/pa_ico11.png" alt="Partenaire" /></a>               <a href="#"><img src="http://i86.servimg.com/u/f86/16/24/44/02/pa_ico11.png" alt="Partenaire" /></a>               <a href="#"><img src="http://i86.servimg.com/u/f86/16/24/44/02/pa_ico11.png" alt="Partenaire" /></a>               <a href="#"><img src="http://i86.servimg.com/u/f86/16/24/44/02/pa_ico11.png" alt="Partenaire" /></a>               <a href="#"><img src="http://i86.servimg.com/u/f86/16/24/44/02/pa_ico11.png" alt="Partenaire" /></a>               <a href="#"><img src="http://i86.servimg.com/u/f86/16/24/44/02/pa_ico11.png" alt="Partenaire" /></a>               <a href="#"><img src="http://i86.servimg.com/u/f86/16/24/44/02/pa_ico11.png" alt="Partenaire" /></a>                         
 </div>
                                     
</div>

Dans ce passage en gras :)
- La version de votre forum : phpBB2

Merci, mais pour moi c'est du simple charabia désolé, je n'ai compris que vaguement :(



avatar
133 Messages :
05/03/2016 Date d'inscription :
Odarik -
Scénographe
Voir le profil de l'utilisateur
Lun 6 Juin - 21:20
Va dans pannel d'admin > Module > gestion des widgets du forum :
Tu actives et dans la liste de gauche tu ne mets que le widget Sujet récent, tu enlèves les autres.

Ensuite dans ton css du forum tu rajoutes ceci :
#left {display:none;}

Tu remplaces la partie en gras par :
Code:
<div id="widget_new"></div>
<script type="text/javascript">
document.getElementById('widget_new').innerHTML = document.getElementById('left').innerHTML;
</script>

Cela devrait marcher, je n'ai pas fais le test je précise.



avatar
99 Messages :
04/06/2016 Date d'inscription :
16 Age :
Petit Coq -
Membre
Voir le profil de l'utilisateur http://forum-bigfarm.forumactif.org
Mer 8 Juin - 8:00
Bonjour à tous !

Je suis désolé, le code ne marche pas :(



avatar
133 Messages :
05/03/2016 Date d'inscription :
Odarik -
Scénographe
Voir le profil de l'utilisateur
Mer 8 Juin - 14:33
Suite au fait que tu m'as dis que le code ne marchait pas j'ai fais le test :

Voici mon rendu :
Vérifie que tu as bien suivi mes instructions.



avatar
99 Messages :
04/06/2016 Date d'inscription :
16 Age :
Petit Coq -
Membre
Voir le profil de l'utilisateur http://forum-bigfarm.forumactif.org
Mer 8 Juin - 15:59
je refais le test



avatar
133 Messages :
05/03/2016 Date d'inscription :
Odarik -
Scénographe
Voir le profil de l'utilisateur
Mer 8 Juin - 16:35
Je ferme suite à l'aide apporté sur la CB. Le code marchait bien.



Contenu sponsorisé -



Page 1 sur 1
Sauter vers: