Multiple probléme.(hauteur des catégories, largeur de colone)

3 participants

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

Résolu Multiple probléme.(hauteur des catégories, largeur de colone)

Message par Kcalb Mer 21 Oct 2015 - 15:40

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis toujours.
Lien du forum : http://rpglignee.creation-forum.com/

Description du problème

Bonjour et merci de vos futur conseille , et réponses.
Il y a la dessus sur cette photo 3 problème que j'aimerai régler. Je tiens juste a dire par la même occassion que j'ai eu beau essayer de chercher, j'ai trouver les problème, mais vu que je ne suis pas fort en CSS et HTML j'aurai besoin d'une aide personnalisé.
En vert, il y a le problème que je n'arrive pas a minimiser la hauteur de la catégorie, pour supprimer l'espace vers encadré qui est en trop, pour juste vraiment ajuster la taille de la catégorie a l'image.

En Bleu , il y a le problème de la fameuse colonne de messages "Derniers message" que je souhaiterai réctrécir si possible.

En rouge, ce n'est pas vraiment un problème mais pareil, je n'ai pas trouver, la solution.
Enfaite j'aimerai que dés qu'on passe le curseur de la souris sur le bouton ChatBox, qu'il change d'image donc, et devient noir. Soit un bouton réactif au passage du curseur.


Dernière édition par Kcalb le Ven 23 Oct 2015 - 14:22, édité 1 fois
Kcalb

Kcalb
Nouveau membre

Messages : 5
Inscrit(e) le : 21/10/2015

http://rpglignee.creation-forum.com/
Kcalb a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Multiple probléme.(hauteur des catégories, largeur de colone)

Message par Feuilla' Mer 21 Oct 2015 - 15:49

Bonjour,
déjà pour la taille des catégories vous pouvez essayer ça. Smile
Pour rétrécir la case des derniers messages, toujours dans le CSS, il y a ce sujet en cours :
en cours https://forum.forumactif.com/t381737-derniers-messages-prend-trop-de-place
Et si aucun code ne marche vers la fin il y a un autre lien vers un autre sujet résolu.
Bonne journée !
avatar

Feuilla'
Membre habitué

Messages : 1389
Inscrit(e) le : 26/07/2015

Feuilla' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Multiple probléme.(hauteur des catégories, largeur de colone)

Message par Kcalb Mer 21 Oct 2015 - 16:23

Bon j'ai réussi, a avoir un autre rendu, en cachant les colonne "sujet" et "Message"
Pour ce qui est de la taille de la cellule, en regardant un peu , le sujet que tu m'a donné, j'ai trouvé mon problème ! Merci et du coup pour la chatbox ? vous avez une idée ?
Kcalb

Kcalb
Nouveau membre

Messages : 5
Inscrit(e) le : 21/10/2015

http://rpglignee.creation-forum.com/
Kcalb a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Multiple probléme.(hauteur des catégories, largeur de colone)

Message par Feuilla' Mer 21 Oct 2015 - 17:24

Re,
à nouveau dans le CSS. Wink
Code:
chatbox, a:hover {
  background-color: 000099
}
Bonne journée !
avatar

Feuilla'
Membre habitué

Messages : 1389
Inscrit(e) le : 26/07/2015

Feuilla' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Multiple probléme.(hauteur des catégories, largeur de colone)

Message par Kcalb Mer 21 Oct 2015 - 18:37

Excuse moi de te le dire, ne le prends pas mal ^^
Ce n'etait pas ce que je demandais en faite, quoi que ce que tu m'a donné, est quand même utile, et je retiendrai, mais :
J'ai suivi un tutoriel pour que mes boutons de la barre de navigation "s'allume", en vrai c'est un changement d'image, fait avec la Feuille CSS.
Code:
        /*IMAGE INDEX*/
        #i_icon_mini_index{
           background-image:url('http://image.noelshack.com/fichiers/2015/42/1445104313-accueil.png'); /*image si la souris ne survole pas*/
           width:126px; /*Largeur de l'image*/
           height:50px; /*Hauteur de l'image*/
        }
        #i_icon_mini_index:hover{
           background-image:url('http://image.noelshack.com/fichiers/2015/42/1445104313-accueil-on.png'); /*image si la souris survole*/
           width:126px; /*Largeur de l'image*/
           height:50px; /*Hauteur de l'image*/
        }
        /*IMAGE PORTAIL*/
        #i_icon_mini_portal{
           background-image:url('URL'); /*image si la souris ne survole pas*/
           width:??px; /*Largeur de l'image*/
           height:??px; /*Hauteur de l'image*/
        }
        #i_icon_mini_portal:hover{
           background-image:url('URL'); /*image si la souris survole*/
           width:??px; /*Largeur de l'image*/
           height:??px; /*Hauteur de l'image*/
        }
        /*IMAGE CALENDRIER*/
        #i_icon_mini_calendar{
           background-image:url('http://image.noelshack.com/fichiers/2015/42/1445104313-calendrier.png'); /*image si la souris ne survole pas*/
           width:143px; /*Largeur de l'image*/
           height:50px; /*Hauteur de l'image*/
        }
        #i_icon_mini_calendar:hover{
           background-image:url('http://image.noelshack.com/fichiers/2015/42/1445104313-calendrier-on.png'); /*image si la souris survole*/
           width:143px; /*Largeur de l'image*/
           height:50px; /*Hauteur de l'image*/
        }
        /*IMAGE FAQ*/
        #i_icon_mini_faq{
           background-image:url('http://image.noelshack.com/fichiers/2015/42/1445104313-f-a-q.png'); /*image si la souris ne survole pas*/
           width:65px; /*Largeur de l'image*/
           height:50px; /*Hauteur de l'image*/
        }
        #i_icon_mini_faq:hover{
           background-image:url('http://image.noelshack.com/fichiers/2015/42/1445104313-f-a-q-on.png'); /*image si la souris survole*/
           width:65px; /*Largeur de l'image*/
           height:50px; /*Hauteur de l'image*/
        }
        /*IMAGE RECHERCHE*/
        #i_icon_mini_search{
           background-image:url('http://image.noelshack.com/fichiers/2015/42/1445105892-rechercher.png'); /*image si la souris ne survole pas*/
           width:1px; /*Largeur de l'image*/
           height:50px; /*Hauteur de l'image*/
        }
        /*IMAGE LISTE MEMBRES*/
        #i_icon_mini_members{
           background-image:url('http://image.noelshack.com/fichiers/2015/42/1445104313-membres.png'); /*image si la souris ne survole pas*/
           width:109px; /*Largeur de l'image*/
           height:50px; /*Hauteur de l'image*/
        }
        #i_icon_mini_members:hover{
           background-image:url('http://image.noelshack.com/fichiers/2015/42/1445104313-membres-on.png'); /*image si la souris survole*/
           width:109px; /*Largeur de l'image*/
           height:50px; /*Hauteur de l'image*/
        }
        /*IMAGE GROUPES*/
        #i_icon_mini_groups{
           background-image:url('http://image.noelshack.com/fichiers/2015/42/1445104313-groupes.png'); /*image si la souris ne survole pas*/
           width:97px; /*Largeur de l'image*/
           height:50px; /*Hauteur de l'image*/
        }
        #i_icon_mini_groups:hover{
           background-image:url('http://image.noelshack.com/fichiers/2015/42/1445104313-groupes-on.png'); /*image si la souris survole*/
           width:97px; /*Largeur de l'image*/
           height:50px; /*Hauteur de l'image*/
        }
        /*IMAGE PROFIL*/
        #i_icon_mini_profile{
           background-image:url('http://image.noelshack.com/fichiers/2015/42/1445104314-profil.png'); /*image si la souris ne survole pas*/
           width:83px; /*Largeur de l'image*/
           height:50px; /*Hauteur de l'image*/
        }
        #i_icon_mini_profile:hover{
           background-image:url('http://image.noelshack.com/fichiers/2015/42/1445104314-profil-on.png'); /*image si la souris survole*/
           width:83px; /*Largeur de l'image*/
           height:50px; /*Hauteur de l'image*/
        }
        /*IMAGE MP (pas de nouveaux messages)*/
        #i_icon_mini_message{
           background-image:url('http://image.noelshack.com/fichiers/2015/42/1445104314-messagerie.png'); /*image si la souris ne survole pas*/
           width:150px; /*Largeur de l'image*/
           height:50px; /*Hauteur de l'image*/
        }
        #i_icon_mini_message:hover{
           background-image:url('http://image.noelshack.com/fichiers/2015/42/1445104313-messagerie-on.png'); /*image si la souris survole*/
           width:150px; /*Largeur de l'image*/
           height:50px; /*Hauteur de l'image*/
        }
        /*IMAGE MP (nouveaux messages)*/
        #i_icon_mini_new_message{
           background-image:url('http://image.noelshack.com/fichiers/2015/42/1445104313-messagerie-new.png'); /*image si la souris ne survole pas*/
           width:150px; /*Largeur de l'image*/
           height:50px; /*Hauteur de l'image*/
        }
        #i_icon_mini_new_message:hover{
           background-image:url('http://image.noelshack.com/fichiers/2015/42/1445104313-messagerie-new-on.png'); /*image si la souris survole*/
           width:150px; /*Largeur de l'image*/
           height:50px; /*Hauteur de l'image*/
        }
        /*IMAGE DECONEXION*/
        #i_icon_mini_logout{
           background-image:url('http://image.noelshack.com/fichiers/2015/42/1445104313-deconnexion.png'); /*image si la souris ne survole pas*/
           width:179px; /*Largeur de l'image*/
           height:50px; /*Hauteur de l'image*/
        }
        #i_icon_mini_logout:hover{
           background-image:url('http://image.noelshack.com/fichiers/2015/42/1445104313-deconnexion-on.png'); /*image si la souris survole*/
           width:179px; /*Largeur de l'image*/
           height:50px; /*Hauteur de l'image*/
        }
        /*IMAGE S'ENREGISTRER*/
        #i_icon_mini_register{
           background-image:url('http://image.noelshack.com/fichiers/2015/42/1445104314-s-enregistrer.png'); /*image si la souris ne survole pas*/
           width:174px; /*Largeur de l'image*/
           height:50px; /*Hauteur de l'image*/
        }
        #i_icon_mini_register:hover{
           background-image:url('http://image.noelshack.com/fichiers/2015/42/1445104314-s-enregistrer-on.png'); /*image si la souris survole*/
           width:174px; /*Largeur de l'image*/
           height:50px; /*Hauteur de l'image*/
        }
        /*IMAGE CONNEXION*/
        #i_icon_mini_login{
           background-image:url('http://image.noelshack.com/fichiers/2015/42/1445104313-connexion.png'); /*image si la souris ne survole pas*/
           width:152px; /*Largeur de l'image*/
           height:50px; /*Hauteur de l'image*/
        }
        #i_icon_mini_login:hover{
           background-image:url('http://image.noelshack.com/fichiers/2015/42/1445104313-connexion-on.png'); /*image si la souris survole*/
           width:152px; /*Largeur de l'image*/
           height:50px; /*Hauteur de l'image*/
J'aimerai que ça fasse la même chose, pour le bouton sur la gauche, de la chatbox(pour comprendre je te laisse rapidement aller sur mon forum)

Sachant que j'ai utilisé une page HTML pour que d'une part le bouton sois le coté, et qu'il s'ouvre d'une certaine façon. Voila la page
Code:
jQuery(document).ready(function() {
        jQuery('body').append('<div style="position: fixed; bottom:50px; left:0px;z-index:10000; height: 400px;" id="chatboxpop"><iframe src="/chatbox/chatbox.forum?page=front&" scrolling="no" style="float: left; width: 700px; height: 300px;" marginwidth="0" marginheight="0" frameborder="0"></iframe><span style="cursor:pointer" onClick="my_setcookie(\'chatboxpop\',jQuery(\'#chatboxpop iframe\').css(\'display\'),1,0);jQuery(\'#chatboxpop iframe\').animate({width: \'toggle\'},200);jQuery(\'#chatboxpop img\').toggle();"><img src="http://image.noelshack.com/fichiers/2015/42/1445100633-icon-chatbox.png" /><img src="http://image.noelshack.com/fichiers/2015/42/1445100633-icon-chatbox.png" style="display: none;"/></span></div>');
          if(my_getcookie('chatboxpop')!='none')
          {
              jQuery('#chatboxpop iframe').animate({width:'toggle'},0);
              jQuery('#chatboxpop img').toggle();
          }
        });
Kcalb

Kcalb
Nouveau membre

Messages : 5
Inscrit(e) le : 21/10/2015

http://rpglignee.creation-forum.com/
Kcalb a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Multiple probléme.(hauteur des catégories, largeur de colone)

Message par Kcalb Ven 23 Oct 2015 - 11:41

UP ?
Kcalb

Kcalb
Nouveau membre

Messages : 5
Inscrit(e) le : 21/10/2015

http://rpglignee.creation-forum.com/
Kcalb a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Multiple probléme.(hauteur des catégories, largeur de colone)

Message par Peggy06 Ven 23 Oct 2015 - 14:14

Bonjour, kcalb,
Et pour la chatbox, si vous essayez ce code, j'ai mis le lien de votreimage pour ouverture et vous devez changer le lien en rouge par l'autre que vous voulez. mais il ne se voit que lorsque la chatbox est ouverte.
(J'ai mis le code en externe afin de pouvoir mettre des couleurs.)
Bonne chance.
Peggy06


jQuery(document).ready(function () {
jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;background-color: rgba(0, 0, 255, 0.3);z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 780px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="2"><iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 400px;" ></iframe></div></td><td style="vertical-align: bottom;"><img src="https://2img.net/image.noelshack.com/fichiers/2015/42/1445100633-icon-chatbox.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'https://2img.net/image.noelshack.com/fichiers/2015/42/1445100633-icon-chatbox.png\')?\'block\':\'none\';this.src=(this.src==\'https://2img.net/image.noelshack.com/fichiers/2015/42/1445100633-icon-chatbox.png\')?\'https://i.servimg.com/u/f19/19/03/24/88/fermer10.png\':\'https://2img.net/image.noelshack.com/fichiers/2015/42/1445100633-icon-chatbox.png\';"/></td></tr></table>');
});
Peggy06

Peggy06
****

Messages : 323
Inscrit(e) le : 24/10/2014

http://evasionentrenous.forumactif.org/
Peggy06 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Multiple probléme.(hauteur des catégories, largeur de colone)

Message par Kcalb Ven 23 Oct 2015 - 14:20

Oh et bien merci, mais ce n'est pas le vrai rendu que j'attendais, mais c'est dans l'idée, mais de toute façon, je vais trouver une autre idée, en cas ou je garde le code, si j'en ai besoin pour plus tard merci beaucoup , je ferme.
Kcalb

Kcalb
Nouveau membre

Messages : 5
Inscrit(e) le : 21/10/2015

http://rpglignee.creation-forum.com/
Kcalb a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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