Modifier le profil: faire un cadre et agrandir feuille de style

[kiarie]

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

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!!

[kiarie]

Up svp!!

[kiarie]

Up!^^

[Bipo]

Bonjour kiarie,

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.

[kiarie]

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

[Bipo]

Bonjour,

Enlevez la ligne suivante dans le code précédemment donné :

Code:

height : 100px /* Hauteur de 110px */

Bien cordialement,
Xoumi.

[kiarie]

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

[Bipo]

Bonsoir kiarie,

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.

[kiarie]

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.

[Bipo]

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.

[kiarie]

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.

[Bipo]

Re,

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.

[kiarie]

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!^^