Ajouter un cadre au profil

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

Résolu Ajouter un cadre au profil

Message par Yalou' le Jeu 8 Mar 2012 - 1:12

Bonsoir, voilà après moultes recherches je m'adresse a vous. La question a déjà été posé ICI mais comme le sujet est résolu j'ai été obligé de faire un nouveau topic !

Donc je voudrais faire exactement pareil que dans ce sujet
Spoiler:
cependant le code proposé de marche pas pour moi !

Après avoir lu des dizaines de sujets et essayé autant de fois j'en suis arrivé a ce résultat
Spoiler:

Mais comme vous le voyez je n'ai pas de séparation entre le profil et le cadre de messages

Je suis sous phpBB3 (prosilver)
je n'ai pas modifié les templates ( je n 'y ai pas accès)
et le seul code que j'ai dans mon Css c'est


[code].postprofile {
color: #FFFFFF;
margin: 5px 0 0px 0;
min-height: 80px;
border-right-style: solid;
border-right-width: 10px;
border-color: #dbcda8;
width: 16%;
float: left ;
display: inline;
position: relative;
webkit-border-radius: 20px;
moz-border-radius: 20px;
border-radius: 20px;
background-color: #877756;
}

code]

cela fait plusieurs jours que je suis dessus donc je vous remercie d'avance pour vos réponses !

Yalou'
Nouveau membre

Messages : 20
Inscrit(e) le : 08/03/2012

http://kpop-coffee.forumactif.com
Yalou' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un cadre au profil

Message par Dr. Karlos le Jeu 8 Mar 2012 - 1:29

Bonsoir,

Pour ajouter un cadre autour des avatars, ajoutez ce code à la suite de l'autre dans votre CSS (PA | Affichage | Images et couleurs | Couleurs | Feuille de style CSS);
Code:
.postprofile dl dt a img {
border: VALEURpx; solid #couleur;
}
Modifiez VALEUR par le nombre désiré et #couleur par la couleur désirée pour votre cadre. Wink


Votre ligne à droite du cadre du profil est bien présente, sauf qu'elle est arrondie et de la même couleur que votre fond:
Code:
border-right-style: solid;
border-right-width: 10px;
border-color: #dbcda8;


Cordialement.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un cadre au profil

Message par Yalou' le Jeu 8 Mar 2012 - 15:11

Merci d'avoir répondu aussi vite !
j'ai essayé
Code:
        .postprofile dl dt a img {
        border: VALEURpx; solid #couleur;
        }

mais cela n'a rien changé. J'ai essayé en pourcentage mais rien non plus.

Quand à la bordure quand je change la couleur ça donne ça
Spoiler:

il n'y aurait pas un moyen de la décaler sur la droite ? de créer un espace entre le cadre marron et la bordure ?

Merci

Yalou'
Nouveau membre

Messages : 20
Inscrit(e) le : 08/03/2012

http://kpop-coffee.forumactif.com
Yalou' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un cadre au profil

Message par Dr. Karlos le Jeu 8 Mar 2012 - 15:23

Bonjour,

Avez-vous bien entré des valeurs? Il vous faut modifier le VALEUR par la largeur de la bordure désirée et #couleur par une couleur en anglais ou par son code hexadécimal.

Pouvez-vous coller votre CSS personnalisé (PA | Affichage | Images et couleurs | Couleurs | Feuille de style CSS) ici?

On ne peut pas décaler la bordure à moins de rendre le fond du cadre des auteurs transparent.


Cordialement.


Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un cadre au profil

Message par Yalou' le Jeu 8 Mar 2012 - 15:59

Oui bien sûr la voici

Code:
      .postprofile {
   color: #FFFFFF;
        margin: 5px 0 0px 0;
   min-height: 80px;
   border-right-style: solid;
   border-right-width: 10px;
   border-color: #ffffff;
   width: 16%;
   float: left ;
   display: inline;
   position: relative;
        webkit-border-radius: 20px;
        moz-border-radius: 20px;
        border-radius: 20px;
        background-color: #877756;
}
        .postprofile dl dt a img {
        border: 50px; solid #877756;
        }
merci

Yalou'
Nouveau membre

Messages : 20
Inscrit(e) le : 08/03/2012

http://kpop-coffee.forumactif.com
Yalou' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un cadre au profil

Message par Dr. Karlos le Jeu 8 Mar 2012 - 16:13

Re,

Le code responsable du cadre est celui-ci:
Code:
 .postprofile dl dt a img {
        border: 50px; solid #877756;
        }

Vous avez inséré un point-virgule de trop après le 50px et la couleur es la-même que celle du fond du cadre des auteurs de message. Wink


Cordialement.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un cadre au profil

Message par Yalou' le Jeu 8 Mar 2012 - 16:46

Merci beaucoup !

seulement peut on faire la continuité du cadre pour inclure les informations aussi ? comme ça
Spoiler:

mais soit j'ai le cadra qui comprend tout mais pas la bordure, soit j'ai la bordure mais pas de cadre pour les infos

je sais je suis chiante lol je m'en excuse

Yalou'
Nouveau membre

Messages : 20
Inscrit(e) le : 08/03/2012

http://kpop-coffee.forumactif.com
Yalou' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un cadre au profil

Message par Dr. Karlos le Jeu 8 Mar 2012 - 17:01

Re,

En phpBB3, puisque les templates ne sont pas modifiables, il est impossible d'encadrer les informations et l'avatar seulement sans encadrer les images de contact.


Cordialement.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un cadre au profil

Message par Yalou' le Jeu 8 Mar 2012 - 17:05

Ok trés bien

merci quand même !

je met le sujet en résolu !

Yalou'
Nouveau membre

Messages : 20
Inscrit(e) le : 08/03/2012

http://kpop-coffee.forumactif.com
Yalou' 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