Multiple probléme.(hauteur des catégories, largeur de colone)
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Multiple probléme.(hauteur des catégories, largeur de colone)
Détails techniques
Version du forum : phpBB3Poste 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
Re: Multiple probléme.(hauteur des catégories, largeur de colone)
Bonjour,
déjà pour la taille des catégories vous pouvez essayer ça.
Pour rétrécir la case des derniers messages, toujours dans le CSS, il y a ce sujet 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 !
déjà pour la taille des catégories vous pouvez essayer ça.
Pour rétrécir la case des derniers messages, toujours dans le CSS, il y a ce sujet 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 !
Feuilla'- Membre habitué
- Messages : 1389
Inscrit(e) le : 26/07/2015
Re: Multiple probléme.(hauteur des catégories, largeur de colone)
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 ?
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 ?
Re: Multiple probléme.(hauteur des catégories, largeur de colone)
Re,
à nouveau dans le CSS.
à nouveau dans le CSS.
- Code:
chatbox, a:hover {
background-color: 000099
}
Feuilla'- Membre habitué
- Messages : 1389
Inscrit(e) le : 26/07/2015
Re: Multiple probléme.(hauteur des catégories, largeur de colone)
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.
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
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*/
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();
}
});
Re: Multiple probléme.(hauteur des catégories, largeur de colone)
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>');
});
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>');
});
Re: Multiple probléme.(hauteur des catégories, largeur de colone)
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.
Sujets similaires
» Probleme hauteur cellule forums et catégories
» Largeur Colone Row1
» Problème largeur des catégories
» Problème de largeur du forum suite à la mise en place d'onglets pour les catégories !
» Largueur de la colone message dans les catégories
» Largeur Colone Row1
» Problème largeur des catégories
» Problème de largeur du forum suite à la mise en place d'onglets pour les catégories !
» Largueur de la colone message dans les catégories
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum