Encadrement trop gros sur la Chatbox

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

Résolu Encadrement trop gros sur la Chatbox

Message par Invité Lun 11 Mai 2015 - 13:12

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.skywebforum.com/

Description du problème

Bonjour

J'aurais aimé avoir la bordure de l'encadrement couleur extérieur de la Chatbox en beaucoup plus fin .
Je précise bien , extérieur et non intérieur.

Ci joint deux screen , pour mieux comprendre.

Encadrement trop gros sur la Chatbox Tchatb10

Encadrement actuelle .


Encadrement trop gros sur la Chatbox Tchatb11

Encadrement souhaité.

Actuellement j'ai mis le panel en transparent pour éviter de voir cette bordure.

Merci pour vos réponses .

Anonymous

Invité
Invité


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

Résolu Re: Encadrement trop gros sur la Chatbox

Message par MlleAlys Lun 11 Mai 2015 - 16:58

Bonjour,
dans Modules > javascripts, vérifiez que la gestion des codes javascript est bien activée, puis créez un nouveau code, donnez lui un titre ("cadre cb" par exmple), cochez "sur l'index" puis copiez/collez le code suivant dans la zone de saisie :
Code:
$(function(){
  $('#chatbox_top').closest('.panel.row3').css({'background':'none', 'border':'5px solid yellow', 'border-radius':'7px'});
});
Enregistrez, vérifiez que le code fait bien effet en actualisant la page de votre forum, puis éditez à nouveau le javascript pour le modifier en mettant la couleur voulue ^^
'border':'5px solid yellow' => bordure de 5px de large, de style "solid" et de couleur jaune
'border-radius':'7px' => arrondi des coins d'un rayon de 7px ^^
MlleAlys

MlleAlys
Membre actif

Messages : 5974
Inscrit(e) le : 12/09/2012

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

Résolu Re: Encadrement trop gros sur la Chatbox

Message par Invité Lun 11 Mai 2015 - 17:07

J'ai réussi à faire un encadrement en bricolant un code :

Code:
  #chatbox_top {height: 300px;
          border: 3px solid #8BD3F0;
          border-radius: 15px;
          padding: 15px;
          width: auto; 
        }


Le soucis c'est qu'il tient compte de la bordure existante en transparent, donc un décalage en haut , en bas, et sur le côté gauche , comme indiqué sur l'image suivante .


Encadrement trop gros sur la Chatbox Screen10


Donc en résumant j'aimerais m'aligner avec la même largeur que la catégorie du forum test, et réduire les espaces vides haut et bas .
Anonymous

Invité
Invité


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

Résolu Re: Encadrement trop gros sur la Chatbox

Message par Invité Lun 11 Mai 2015 - 17:11

Bonjour Mlle Alys

Je viens de voir que nos messages se sont croisés . Je vais donc essayer le code que vous m'avez suggéré .
Anonymous

Invité
Invité


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

Résolu Re: Encadrement trop gros sur la Chatbox

Message par MlleAlys Lun 11 Mai 2015 - 17:13

par jackymi Aujourd'hui à 17:07
par jackymi Aujourd'hui à 17:11

.Encadrement trop gros sur la Chatbox AC70bYz.Bonjour,

Je vous rappelle qu'il est autorisé un seul UP ou double post par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Pour ajouter ou modifier des informations, si ce délai n'est pas écoulé, merci d'éditer votre message précédent plutôt que de poster à nouveau directement à sa suite.

Je vous invite à lire :

A bientôt sur ForumActif Smile

MlleAlys

MlleAlys
Membre actif

Messages : 5974
Inscrit(e) le : 12/09/2012

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

Résolu Re: Encadrement trop gros sur la Chatbox

Message par Invité Lun 11 Mai 2015 - 21:10

Désolé , je n'ai pas pensé à éditer.
Merci pour votre aide , je met donc en résolu.
Anonymous

Invité
Invité


Invité 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