Catégorie rétractable sans invision

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

Résolu Catégorie rétractable sans invision

Message par cbogaert le Mer 26 Sep 2012 - 8:27

Bonjour,

Je viens d'appliquer ce tuto http://forum.forumactif.com/t262264-categorie-retractable-sans-invision sur mon forum http://teamcarssport.fra.co/forum. Celui fonctionne parfaitement bien mais j'aurais voulu savoir comment il faut faire pour avoir les petits plus et moins qui apparaissent au niveau des différents catégories??

Je suis en pHpBB3 sous Firefox 15.

Cordialement,

Charles



Dernière édition par cbogaert le Mar 2 Oct 2012 - 11:58, édité 1 fois

cbogaert
*

Messages : 32
Inscrit(e) le : 16/05/2012

http://teamcarssport.fra.co/forum
cbogaert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie rétractable sans invision

Message par cbogaert le Lun 1 Oct 2012 - 12:49

Personne pour m'aider???? si non dite le moi, afin que je clôture le sujet!

Merci d'avance

cbogaert
*

Messages : 32
Inscrit(e) le : 16/05/2012

http://teamcarssport.fra.co/forum
cbogaert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie rétractable sans invision

Message par Pinguino le Lun 1 Oct 2012 - 17:25

Bonjour


Rendez vous dans votre PA > affichage > images > gestion des images > mini icones

cherchez " + " et " - "

puis remplacez le lien par

"+" : http://illiweb.com/fa/tabs_more.gif
"-" : http://illiweb.com/fa/tabs_less.gif

Cordialement,
Smile

Pinguino
Adminactif
Adminactif

Masculin
Messages : 10233
Inscrit(e) le : 02/05/2004

http://www.forumactif.com
Pinguino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie rétractable sans invision

Message par cbogaert le Lun 1 Oct 2012 - 18:37

Bonsoir, je viens d'essayer votre modification mais cela ne marche pas!!
Merci de votre aide mais que puis je faire maintenant.

Je vous joins le Code CSS mis en place sur mon forum.

Code:
   /*IMAGE CONNEXION*/
        #i_icon_mini_login{
          background-image:url('http://imageshack.us/a/img405/9093/boutonrectangleconnexio.png'); /*image si la souris ne survole pas*/
          width:140px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
       margin : 1px 1px 1px 1px;   
     }
   /*IMAGE DECONNEXION*/
        #i_icon_mini_logout{
          background-image:url('http://imageshack.us/a/img440/4654/boutonrectangledeconnex.png'); /*image si la souris ne survole pas*/
          width:140px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
       margin : 1px 1px 1px 1px;   
     }   
   /*IMAGE S'ENREGISTER*/
        #i_icon_mini_register{
          background-image:url('http://imageshack.us/a/img528/2564/enregistrerrouge.png'); /*image si la souris ne survole pas*/
          width:140px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
       margin : 1px 1px 1px 1px;   
     }   
   /*IMAGE INDEX*/
        #i_icon_mini_index{
          background-image:url('http://imageshack.us/a/img40/2395/boutonrectangleforumgri.png'); /*image si la souris ne survole pas*/
          width:140px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
       margin : 1px 1px 1px 1px;   
     }
        #i_icon_mini_index:hover{
          background-image:url('http://imageshack.us/a/img684/5850/boutonrectangleforumora.png'); /*image si la souris survole*/
          width:140px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
       margin : 1px 1px 1px 1px;
        }
        /*IMAGE PORTAIL*/
        #i_icon_mini_portal{
          background-image:url('http://imageshack.us/a/img191/7080/boutonrectangleportailg.png'); /*image si la souris ne survole pas*/
          width:140px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
       margin : 1px 1px 1px 1px;
        }
        #i_icon_mini_portal:hover{
          background-image:url('http://imageshack.us/a/img526/1370/boutonrectangleportailo.png'); /*image si la souris survole*/
          width:140px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
       margin : 1px 1px 1px 1px;
        }
        /*IMAGE CALENDRIER*/
        #i_icon_mini_calendar{
          background-image:url('http://imageshack.us/a/img545/3850/boutonrectanglecalendri.png'); /*image si la souris ne survole pas*/
          width:140px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
         margin : 1px 1px 1px 1px;
        }
        #i_icon_mini_calendar:hover{
          background-image:url('http://imageshack.us/a/img152/3850/boutonrectanglecalendri.png'); /*image si la souris survole*/
          width:140px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
       margin : 1px 1px 1px 1px;
        }
     /*IMAGE GALLERIE*/
        #i_icon_mini_gallery{
          background-image:url('http://i41.servimg.com/u/f41/17/51/63/03/galeri11.png'); /*image si la souris ne survole pas*/
          width:140px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
       margin : 1px 1px 1px 1px;
        }
        #i_icon_mini_gallery:hover{
          background-image:url('http://i41.servimg.com/u/f41/17/51/63/03/galeri12.png'); /*image si la souris survole*/
          width:140px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
       margin : 1px 1px 1px 1px;
        }
   /*IMAGE FAQ*/
        #i_icon_mini_faq{
          background-image:url('http://imageshack.us/a/img507/1017/boutonrectanglefaqgris.png'); /*image si la souris ne survole pas*/
          width:140px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
       margin : 1px 1px 1px 1px;
        }
        #i_icon_mini_faq:hover{
          background-image:url('http://imageshack.us/a/img846/5541/boutonrectanglefaqorang.png'); /*image si la souris survole*/
          width:140px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
       margin : 1px 1px 1px 1px;
        }
        /*IMAGE RECHERCHE*/
        #i_icon_mini_search{
          background-image:url('http://imageshack.us/a/img689/125/boutonrectanglerecherch.png'); /*image si la souris ne survole pas*/
          width:140px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
       margin : 1px 1px 1px 1px;
        }
        #i_icon_mini_search:hover{
          background-image:url('http://imageshack.us/a/img19/125/boutonrectanglerecherch.png'); /*image si la souris survole*/
          width:140px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
       margin : 1px 1px 1px 1px;
        }
        /*IMAGE LISTE MEMBRES*/
        #i_icon_mini_members{
          background-image:url('http://imageshack.us/a/img600/1747/boutonrectanglemembresg.png'); /*image si la souris ne survole pas*/
          width:140px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
       margin : 1px 1px 1px 1px;
        }
        #i_icon_mini_members:hover{
          background-image:url('http://imageshack.us/a/img268/6033/boutonrectanglemembreso.png'); /*image si la souris survole*/
          width:140px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
       margin : 1px 1px 1px 1px;
        }
        /*IMAGE GROUPES*/
        #i_icon_mini_groups{
          background-image:url('http://imageshack.us/a/img196/3841/boutonrectanglegroupesg.png'); /*image si la souris ne survole pas*/
          width:140px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
       margin : 1px 1px 1px 1px;
        }
        #i_icon_mini_groups:hover{
          background-image:url('http://imageshack.us/a/img26/5176/boutonrectanglegroupeso.png'); /*image si la souris survole*/
          width:140px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
       margin : 1px 1px 1px 1px;
        }
        /*IMAGE PROFIL*/
        #i_icon_mini_profile{
          background-image:url('http://imageshack.us/a/img221/5340/boutonrectangleprofilgr.png'); /*image si la souris ne survole pas*/
          width:140px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
       margin : 1px 1px 1px 1px;
        }
        #i_icon_mini_profile:hover{
          background-image:url('http://imageshack.us/a/img51/2483/boutonrectangleprofilor.png'); /*image si la souris survole*/
          width:140px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
       margin : 1px 1px 1px 1px;
        }
        /*IMAGE MP (pas de nouveaux messages)*/
        #i_icon_mini_message{
          background-image:url('http://imageshack.us/a/img839/5764/boutonrectanglemessager.png'); /*image si la souris ne survole pas*/
          width:140px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
       margin : 1px 1px 1px 1px;
        }
        #i_icon_mini_message:hover{
          background-image:url('http://imageshack.us/a/img90/5764/boutonrectanglemessager.png'); /*image si la souris survole*/
          width:140px; /*Largeur de l'image*/
          height:50px; /*Hauteur de l'image*/
       margin : 1px 1px 1px 1px;
        }
        #search-box {
     visibility:hidden;
   }
         ul.navlinks {
       border-bottom: 1px solid transparent;
       font-weight: 700;
       text-align: center;
   }
   .forumtitle{
        font-size: 12px; /*Taille Police Forum*/
     color: #000000;
     text-shadow: 2px 2px 4px black;
   }
        .table-title h2{
        display: inline;
     font-size: 18px; /* Taille Police Catégorie*/
        font-weight : bold;
    text-shadow: 2px 2px 4px white;
     }       
   .portal .h3{
     color: #FF0000;
     text-align: center;
   }
        .forumbg{
   -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
     }
     .forabg {
        margin-bottom:10px !important;
     -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        }
   .navbar{
     background: none;
     }
   .headerbar{
       background: none;
     }
     ul.topiclist dd.dterm {
     padding-top: 0px;
     padding-bottom: 0px;
   }
   .dterm, .topics, .posts, .lastpost, .views{
        color: #000000;
   }
   .linklist{
   color: #FF0000;
   }
        #fa_ticker_block
   .module{
     background-color: tranparent;
     background-image:url('http://i41.servimg.com/u/f41/17/51/63/03/carbon10.gif');
     color: white;
     font-size: 14px;
        font-weight: bold;
     border : 1px #FFFFFF solid;
     -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
     height : 100px;
     vertical-align: center;
     text-shadow: 1px 1px 2px red;
     box-shadow: 1px 1px 4px grey;
   }
   .panel{
       background: none;
       color: #FFFFFF;
       margin-bottom: 0px;
     padding: 0 10px;
   }
   #cp-main .panel{
     background-color: #808080;
     border : 5px #9E9E9E solid;
     -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
   }
   #cp-main table.table1 thead th {
       border : 1px white solid;
     box-shadow: 1px 1px 2px black;
     -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-radius:4px;
       color: red;
     text-shadow: 1px 1px 2px white;
       font-weight: blod;
     font-size: 12px;
       padding-top: 1px;
     padding-bottom: 10px;
     padding-left: 1px;
     padding-right: 1px;
   }
   #chatbox{
     bottom: 30px;
       left: 181px;
       line-height: 10px;
       overflow: auto;
       position: absolute;
       right: 0;
       top: 30px;
     }
   #chatbox_members{
     border-right: 1px solid;
       bottom: 30px;
       overflow: auto;
       position: absolute;
       top: 30px;
       width: 180px;
     text-shadow: 1px 1px 2px black;
   }
   body.chatbox{
        background-image: none;
     -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        }
       .chatbox-title,.chatbox-title a.chat-title {
       color: #FF0000 !important;
       display: block;
     font-weight : bold;
     text-align: center;
       text-shadow: 2px 2px 4px black;
     font-size: 20px;
   }
   fieldset.fields1{
       background-color: #9E9E9E;
     padding: 2px;
     -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
   }
   fieldset dt{
       display: block;
       float: left;
       text-align: center;
       }
   select{
     color: #FFFFFF;
     background-color: #383838;
       border: 1px solid #FFFFFF;
     cursor: pointer;
       font-family: Verdana,Arial,Helvetica,sans-serif;
       font-weight: 400;
       padding: 1px;
       vertical-align: middle;
     -moz-border-radius:2px;
        -webkit-border-radius:2px;
        border-radius:2px;
   }
   fieldset dl:hover dt label{
       color: #FF0000;
     }
   .inputbox:hover, input.inputbox, textarea.inputbox{
     -moz-border-radius:2px;
        -webkit-border-radius:2px;
        border-radius:2px;
   }
   .post {
     color : #000000;
     background-color: #808080;
     -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
   }
   .postbody {
     margin-top: 5px;
       width: 1350px;
   }
   .postprofile {
     color : #000000;
     width: 200px;
   }
   .element.style {
     color : #FF0000;
   }
   input.search {
       background-color: #383838;
       padding-left: 17px;
   }
   .h3, h3 {
     border-bottom: 1px solid #595959;
       color: #FF0000;
       font-family: Verdana,Arial,Helvetica,sans-serif;
       font-size: 1.05em;
       margin-bottom: 3px;
       margin-top: 20px;
       padding-bottom: 2px;
       text-transform: uppercase;
   }
   li.header dd, li.header dt {
       color: red;
     font-size: 14px;
     font-weight: bold;
     text-shadow: 1px 1px 2px white;
   }
   #calendar ul li, #mini-calendar ul li {
       padding: 3px 0 0 10px;
     list-style-type: none;
     }
   #calendar ul, #mini-calendar ul {
       height: 120px;
       list-style-type: none;
     border : 1px white solid;
     box-shadow: 1px 1px 2px black;
     -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-radius:4px;
   }
   #calendar .center, #mini-calendar .center {
       border : 1px white solid;
     color: red;
     text-align: center;
     font-weight: bold;
     text-shadow: 1px 1px 2px white;
     box-shadow: 1px 1px 2px black;
   }
   table.table1 tbody td {
     background-color : #9E9E9E;
     border: 1px solid #9E9E9E;
       padding: 5px;
   -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-radius:4px;
   }
   ul.topiclist {
       -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-radius:4px;
       margin: 5px;
   }
   ul.topiclist li {
       display: block;
       margin-top: 2px;
   }
   ul.topiclist li.header dl dd {
       font-size: 14px;
   }
   li.row {
       border: 2px solid #BFBFBF;
     -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-radius:4px;
   }
   .row3 {
     -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-radius:4px;
   }
         .mini_ava {
        float: left;
        }
        .mini_ava img {
        width: 60px;
        height: 80px;
        margin: 0 5px;
        border-radius: 0px;
        transition: all 2s;
        -moz-transition: all 2s;
        -webkit-transition: all 2s;
        -o-transition: all 2s;
        }
        .mini_ava img:hover {
        width: 80px;
        height: 107px;
        }
   td.avatar-mini img {
       background: none;
       border: none;
       height: 107px;
       vertical-align: middle;
       width: 80px;
   }
   .pagination span a, .pagination span a:active, .pagination span a:link, .pagination span a:visited {
       border: 1px solid red;
       color: black;
       font-size: 0.9em;
       font-weight: 400;
       line-height: 1.5em;
       margin: 0 2px;
       padding: 0 2px;
       text-decoration: none;
   }

Cordialement,

Charles

cbogaert
*

Messages : 32
Inscrit(e) le : 16/05/2012

http://teamcarssport.fra.co/forum
cbogaert a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie rétractable sans invision

Message par Pinguino le Mar 2 Oct 2012 - 11:27

Bonjour


Autant pour moi mais il est bien noté dans le tutoriel que vous avez suivi que dans le cas de cette astuce on utilise pas d'image mais simplement un clic sur la barre de titre !



C'est pour cela qu'elles n'apparaissent pas les images ! Smile

Le script fonctionne

Cordialement,
Smile

Pinguino
Adminactif
Adminactif

Masculin
Messages : 10233
Inscrit(e) le : 02/05/2004

http://www.forumactif.com
Pinguino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie rétractable sans invision

Message par cbogaert le Mar 2 Oct 2012 - 11:57

Bonjour,

Merci pour la réponse, je dois avouer que je n'avais pas fais attention à ce commentaire.

Je met le sujet en résolu.

Cordialement,

cbogaert
*

Messages : 32
Inscrit(e) le : 16/05/2012

http://teamcarssport.fra.co/forum
cbogaert a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum