Modifier le profil: faire un cadre et agrandir feuille de style
2 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
Modifier le profil: faire un cadre et agrandir feuille de style
Bonjour a tous!
Alors voila en suivant un tuto sur un forum j'ai réussi a changer l'apparence des profil sur mon forum mais il y a encore quelques petit truc qui me chagrine! Voila l'explication en image:
Alors rien de bien méchant, mais donc en dessous du profil et des infos de base j'ai un menu caché qui enferme les info de générer par la feuille de personnage mais je n'arrive pas a crée de contour autour de celle ci.
Et après justement par rapport a la feuille de personnage je voudrais que la fenêtre d'info est la taille de 200x100px. J'ai vu sur un forum rpg il n'y a pas longtemps que c'était possible mais la je ne sais vraiment pas comment ça marche.
Et en dernier je voudrais virer le "relations" du dessous qui du coup décale la feuille de personnage. Celui du haut correspond au titre de la feuille mais je ne trouve pas ou est inscrit le 2e.
Voila le code css qui gere mon profil
Voila j'espere que mes explications sont claire! Merci d'avance a ceux qui pouront m'aider!!
Alors voila en suivant un tuto sur un forum j'ai réussi a changer l'apparence des profil sur mon forum mais il y a encore quelques petit truc qui me chagrine! Voila l'explication en image:
Alors rien de bien méchant, mais donc en dessous du profil et des infos de base j'ai un menu caché qui enferme les info de générer par la feuille de personnage mais je n'arrive pas a crée de contour autour de celle ci.
Et après justement par rapport a la feuille de personnage je voudrais que la fenêtre d'info est la taille de 200x100px. J'ai vu sur un forum rpg il n'y a pas longtemps que c'était possible mais la je ne sais vraiment pas comment ça marche.
Et en dernier je voudrais virer le "relations" du dessous qui du coup décale la feuille de personnage. Celui du haut correspond au titre de la feuille mais je ne trouve pas ou est inscrit le 2e.
Voila le code css qui gere mon profil
- Code:
.vava {
border:2px #654C82 solid;
background-color: #CCC8DB;
border-radius:10px;
border-radius:10px;
border-radius:10px;
border-radius:10px;
margin: 5px;
padding: 5px;
}
.vava2 {
border:2px #654C82 solid;
background-color: #CCC8DB;
border-radius:10px;
border-radius:10px;
border-radius:10px;
border-radius:10px;
margin: 5px;
padding: 5px;
font-size: 10px;
}
/* Profil Masqué */
.profilmasque /*c'est juste le css du bouton*/
{
background-color: #CCC8DB;
border-bottom: 2px dotted #654C82;
border-radius: 10px;
border-radius: 10px;
-border-radius: 10px; /* en pointillée et en gris*/
font-size: 10px; /*taille de la police*/
letter-spacing: 1px;
}
.profil1/*c'est le css de l'ensemble bouton+profil*/
{
width: 200px;
background-color: #CCC8DB;
border: none;
font-size: 9px;
letter-spacing: 2px;
font-weight: bold;
Voila j'espere que mes explications sont claire! Merci d'avance a ceux qui pouront m'aider!!
Dernière édition par kiarie le Sam 25 Jan - 13:01, édité 1 fois
Re: Modifier le profil: faire un cadre et agrandir feuille de style
Bonjour kiarie,
Dans votre feuille CSS, il faudrait ajouter le ligne suivante :
Ensuite, il faut modifier le code pour la class profilmasque :
Bien cordialement,
Xoumi.
Dans votre feuille CSS, il faudrait ajouter le ligne suivante :
- Code:
input, select, textarea {
border-width: 1px;
width: 200px; /* Largeur 200px */
height : 100px /* Hauteur de 110px */
}
Ensuite, il faut modifier le code pour la class profilmasque :
- Code:
.profilmasque {
background-color: #CCC8DB;
border: 2px solid #654C82; /* Mettre la bordure en bleu */
border-radius: 10px;
font-size: 10px;
letter-spacing: 1px;
}
Bien cordialement,
Xoumi.
Bipo- Rédactif
- Messages : 3769
Inscrit(e) le : 22/09/2010
Re: Modifier le profil: faire un cadre et agrandir feuille de style
Bonjour!
Tous d'abord merci pour ton aide!
J'ai appliqué le code que tu m'as donné. ça marche mais du coup sa me déforme le cadre masqué qui devient très grand et plus largue que les autres
http://seattle-university.forumactif.info/t28-teste#70
Tous d'abord merci pour ton aide!
J'ai appliqué le code que tu m'as donné. ça marche mais du coup sa me déforme le cadre masqué qui devient très grand et plus largue que les autres
http://seattle-university.forumactif.info/t28-teste#70
Re: Modifier le profil: faire un cadre et agrandir feuille de style
Bonjour,
Enlevez la ligne suivante dans le code précédemment donné :
Bien cordialement,
Xoumi.
Enlevez la ligne suivante dans le code précédemment donné :
- Code:
height : 100px /* Hauteur de 110px */
Bien cordialement,
Xoumi.
Bipo- Rédactif
- Messages : 3769
Inscrit(e) le : 22/09/2010
Re: Modifier le profil: faire un cadre et agrandir feuille de style
Re Bonjour!
C'est presque parfait sauf que le cadre continu a être plus large que ceux de l'avatar et des info profil.
EDIT// Je viens de remarqué aussi que cela avait changé l'apparence de la boite de dialogue de ma chatbox
C'est presque parfait sauf que le cadre continu a être plus large que ceux de l'avatar et des info profil.
EDIT// Je viens de remarqué aussi que cela avait changé l'apparence de la boite de dialogue de ma chatbox
Re: Modifier le profil: faire un cadre et agrandir feuille de style
Bonsoir kiarie,
Dans le code :
Il faudrait enlever : input,select (il faut juste laisser textarea).
Bien cordialement,
Xoumi.
Dans le code :
- Code:
input, select, textarea {
border-width: 1px;
width: 200px; /* Largeur 200px */
height : 100px /* Hauteur de 110px */
}
Il faudrait enlever : input,select (il faut juste laisser textarea).
Bien cordialement,
Xoumi.
Bipo- Rédactif
- Messages : 3769
Inscrit(e) le : 22/09/2010
Re: Modifier le profil: faire un cadre et agrandir feuille de style
Bonjour!
Merci ça ma bien résolu le problème de taille des bouton par contre donc j'ai toujours se soucis que le cadre de ma fenêtre masqué est plus grand que les autres.
Merci ça ma bien résolu le problème de taille des bouton par contre donc j'ai toujours se soucis que le cadre de ma fenêtre masqué est plus grand que les autres.
Re: Modifier le profil: faire un cadre et agrandir feuille de style
Bonjour,
Vous pourriez me fournir une capture écran du problème et/ou de me donner le lien d'une page où le problème est constaté ?
Merci par avance.
Xoumi.
Vous pourriez me fournir une capture écran du problème et/ou de me donner le lien d'une page où le problème est constaté ?
Merci par avance.
Xoumi.
Bipo- Rédactif
- Messages : 3769
Inscrit(e) le : 22/09/2010
Re: Modifier le profil: faire un cadre et agrandir feuille de style
Voila des captures. Comme on peu le voir, le tableau/cadre de la fenêtre masqué est plus grande que les tableau/cadre donnant les info profil ou de l'avatar.
Cela est apparu en modifiant le profil sous vos directives mais je ne trouve pas se qui cause cela car j'ai essayé de tripot un peu les info du css donné (dont par exemple rétrécir la fiche de personnage) et rien ne marche.
Cela est apparu en modifiant le profil sous vos directives mais je ne trouve pas se qui cause cela car j'ai essayé de tripot un peu les info du css donné (dont par exemple rétrécir la fiche de personnage) et rien ne marche.
Re: Modifier le profil: faire un cadre et agrandir feuille de style
Re,
Et avec cette correction sur la class profilmasque ?
Cordialement,
Xoumi.
Et avec cette correction sur la class profilmasque ?
- Code:
.profilmasque {
background-color: #CCC8DB;
border: 2px solid #654C82;
border-radius: 10px;
font-size: 10px;
letter-spacing: 1px;
margin: 3px;
width: 215px;
}
Cordialement,
Xoumi.
Bipo- Rédactif
- Messages : 3769
Inscrit(e) le : 22/09/2010
Re: Modifier le profil: faire un cadre et agrandir feuille de style
Il y a toujours 2 px de chaque coté en trop (même en passant width: 215px a 220px, puis en passant a 220 ça ne fais pas jolie au niveau de l'avatar) mais ça choque beaucoup moins a l'œil nu.
Je ne vais pas t'embêté plus longtemps, se résultat me convient! Merci beaucoup pour le temps passé sur mon problème!^^
Je ne vais pas t'embêté plus longtemps, se résultat me convient! Merci beaucoup pour le temps passé sur mon problème!^^
Sujets similaires
» Bug de la Feuille du style CSS
» Modifier feuille de style via javascript
» Modifier la feuille de style pour les smartphones et tablettes
» Identification des class concernées par différents éléments pour pouvoir les modifier sur la feuille de style CSS
» Faire en sorte que la Feuille de personnage soit sur le profil.
» Modifier feuille de style via javascript
» Modifier la feuille de style pour les smartphones et tablettes
» Identification des class concernées par différents éléments pour pouvoir les modifier sur la feuille de style CSS
» Faire en sorte que la Feuille de personnage soit sur le profil.
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