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

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

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

Message par kiarie le Sam 11 Jan 2014 - 15:44

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


Dernière édition par kiarie le Sam 25 Jan 2014 - 14:01, édité 1 fois

kiarie
****

Féminin
Messages : 269
Inscrit(e) le : 16/07/2004

http://www.life-in-ny.com
kiarie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier le profil: faire un cadre et agrandir feuille de style

Message par kiarie le Dim 12 Jan 2014 - 17:18

Up svp!!

kiarie
****

Féminin
Messages : 269
Inscrit(e) le : 16/07/2004

http://www.life-in-ny.com
kiarie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier le profil: faire un cadre et agrandir feuille de style

Message par kiarie le Mer 15 Jan 2014 - 5:03

Up!^^

kiarie
****

Féminin
Messages : 269
Inscrit(e) le : 16/07/2004

http://www.life-in-ny.com
kiarie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier le profil: faire un cadre et agrandir feuille de style

Message par Xoumi le Mar 21 Jan 2014 - 6:19

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.

Xoumi
*****

Messages : 623
Inscrit(e) le : 23/09/2010

http://www.harrypotter2005.net
Xoumi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier le profil: faire un cadre et agrandir feuille de style

Message par kiarie le Mar 21 Jan 2014 - 7:38

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

kiarie
****

Féminin
Messages : 269
Inscrit(e) le : 16/07/2004

http://www.life-in-ny.com
kiarie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier le profil: faire un cadre et agrandir feuille de style

Message par Xoumi le Mar 21 Jan 2014 - 12:11

Bonjour,

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

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

Bien cordialement,
Xoumi.

Xoumi
*****

Messages : 623
Inscrit(e) le : 23/09/2010

http://www.harrypotter2005.net
Xoumi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier le profil: faire un cadre et agrandir feuille de style

Message par kiarie le Mar 21 Jan 2014 - 13:08

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


kiarie
****

Féminin
Messages : 269
Inscrit(e) le : 16/07/2004

http://www.life-in-ny.com
kiarie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier le profil: faire un cadre et agrandir feuille de style

Message par Xoumi le Ven 24 Jan 2014 - 18:07

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.

Xoumi
*****

Messages : 623
Inscrit(e) le : 23/09/2010

http://www.harrypotter2005.net
Xoumi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier le profil: faire un cadre et agrandir feuille de style

Message par kiarie le Ven 24 Jan 2014 - 18:51

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.

kiarie
****

Féminin
Messages : 269
Inscrit(e) le : 16/07/2004

http://www.life-in-ny.com
kiarie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier le profil: faire un cadre et agrandir feuille de style

Message par Xoumi le Sam 25 Jan 2014 - 11:24

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.

Xoumi
*****

Messages : 623
Inscrit(e) le : 23/09/2010

http://www.harrypotter2005.net
Xoumi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier le profil: faire un cadre et agrandir feuille de style

Message par kiarie le Sam 25 Jan 2014 - 13:29

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.


kiarie
****

Féminin
Messages : 269
Inscrit(e) le : 16/07/2004

http://www.life-in-ny.com
kiarie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier le profil: faire un cadre et agrandir feuille de style

Message par Xoumi le Sam 25 Jan 2014 - 13:50

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.

Xoumi
*****

Messages : 623
Inscrit(e) le : 23/09/2010

http://www.harrypotter2005.net
Xoumi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier le profil: faire un cadre et agrandir feuille de style

Message par kiarie le Sam 25 Jan 2014 - 13:58

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

kiarie
****

Féminin
Messages : 269
Inscrit(e) le : 16/07/2004

http://www.life-in-ny.com
kiarie a été remercié(e) par l'auteur de ce sujet.

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


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