Ajouter une barre défilante zone de texte (profil)
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
Ajouter une barre défilante zone de texte (profil)
Bonjour,
J'ai ajouté un champ personnalisé dans les profils de mes membres. C'est un champ de texte, le problème est que j'écris énormément dans cette partie du coup ça déforme la page et c'est pas très esthétique... Je voulais donc savoir si je pouvais ajouter une barre défilante pour limiter la taille de la zone de texte mais pas la quantité de mots.
Merci
Forum :
PhpBB2
Templates et CSS modifiés.
J'ai ajouté un champ personnalisé dans les profils de mes membres. C'est un champ de texte, le problème est que j'écris énormément dans cette partie du coup ça déforme la page et c'est pas très esthétique... Je voulais donc savoir si je pouvais ajouter une barre défilante pour limiter la taille de la zone de texte mais pas la quantité de mots.
Merci
Forum :
PhpBB2
Templates et CSS modifiés.
Dernière édition par _backdraft_ le Jeu 9 Mai 2013 - 10:00, édité 1 fois
Re: Ajouter une barre défilante zone de texte (profil)
Bonjour,
Essayez de passer a la ligne en rentrant ce code :
Essayez de passer a la ligne en rentrant ce code :
- Code:
<br>
Re: Ajouter une barre défilante zone de texte (profil)
Salut,
Je ne cherche pas à faire un retour à la ligne mais créer une barre pour faire défiler le texte car ma zone de texte comporte une grande quantité de mots ce qui est assez moche dans le profil.
Merci
Je ne cherche pas à faire un retour à la ligne mais créer une barre pour faire défiler le texte car ma zone de texte comporte une grande quantité de mots ce qui est assez moche dans le profil.
Merci
Re: Ajouter une barre défilante zone de texte (profil)
Vers l'horizontal :
Vers la verticale :
- Code:
[scroll][/scroll]
Vers la verticale :
- Code:
[updown][/updown]
Re: Ajouter une barre défilante zone de texte (profil)
remy59210 a écrit:Vers l'horizontal :
- Code:
[scroll][/scroll]
Vers la verticale :
- Code:
[updown][/updown]
Bonsoir,
Je ne parle pas non plus de ceci mais d'une barre de défilement (un ascenseur) qui s'appliquerais par défaut à ce champ de profil personnalisé.
Re: Ajouter une barre défilante zone de texte (profil)
A oui d'accord je vais essayer de te trouver sa si j'y arrive.
Re: Ajouter une barre défilante zone de texte (profil)
Salut _backdraft_,
c'est dans le profil des messages?
le résultat imagé (j'avoue le texte n'est pas très recherché ) :
tu peux passer par ton template viewtopic_body
et entourer la partie concernée d'une class
et la partie renseignée du membre dans une div comme ceci:
Puis la C.S.S :
Il suffit d'ajouter autant :
et de trouver le chiffre correspondant au champs que tu désires .
J'avoue que je n'ai pas trop compris l'ordre car chez moi ,
le champ que j'ai créé pour toi est à la quinzième position alors que dans le profil il est a
onzième .
Je pense que tous les champs créés précédemment doivent encore être connus .
Voilà mon ami .
En espérant t'avoir aidé.
a++
c'est dans le profil des messages?
le résultat imagé (j'avoue le texte n'est pas très recherché ) :
tu peux passer par ton template viewtopic_body
et entourer la partie concernée d'une class
et la partie renseignée du membre dans une div comme ceci:
- Code:
<!-- BEGIN profile_field -->
<div class="M14_label">
{postrow.displayed.profile_field.LABEL}
<div>{postrow.displayed.profile_field.CONTENT}</div>
{postrow.displayed.POSTER_RPG}
</div>
<!-- END profile_field -->
Puis la C.S.S :
- Code:
.M14_label:nth-child(1) div{background-color:white;color:red;}
.M14_label:nth-child(2) div {background-color:red;color:white;}
/*le champs qui sera scrolle*/
.M14_label:nth-child(3) div
{
overflow-y: scroll;
overflow-x: hidden;
background-color: #cccccc;
width: 150px;
height: 50px;
padding:2px;
}
Il suffit d'ajouter autant :
- Code:
.M14_label:nth-child(chiffre ou nombre)
et de trouver le chiffre correspondant au champs que tu désires .
J'avoue que je n'ai pas trop compris l'ordre car chez moi ,
le champ que j'ai créé pour toi est à la quinzième position alors que dans le profil il est a
onzième .
Je pense que tous les champs créés précédemment doivent encore être connus .
Voilà mon ami .
En espérant t'avoir aidé.
a++
Invité- Invité
Re: Ajouter une barre défilante zone de texte (profil)
Bonjour,
Merci pour ton aide, cependant ce n'est pas pour le profil dans les messages mais dans le profil du membre.
Tant que j'y suis vu que c'est sur le même sujet, j'avais une autre question. Je sais qu'on peut rendre le champ visible que pour les administrateurs, je voulais savoir si on peut rendre le champs visibles que aux administrateurs mais aussi au membre à qui appartient le champ. En gros tout le monde à le champ personnalisé mais le champ de X ne serait pas visible par Y mais uniquement par X lui même et les administrateurs (j'espère être claire :s).
Merci beaucoup !
Backdraft
Merci pour ton aide, cependant ce n'est pas pour le profil dans les messages mais dans le profil du membre.
Tant que j'y suis vu que c'est sur le même sujet, j'avais une autre question. Je sais qu'on peut rendre le champ visible que pour les administrateurs, je voulais savoir si on peut rendre le champs visibles que aux administrateurs mais aussi au membre à qui appartient le champ. En gros tout le monde à le champ personnalisé mais le champ de X ne serait pas visible par Y mais uniquement par X lui même et les administrateurs (j'espère être claire :s).
Merci beaucoup !
Backdraft
Re: Ajouter une barre défilante zone de texte (profil)
Salut _backdraft_ ,
désolé mais je n'ai pas trouvé mieux, essayes ceci dans ta C.S.S:
Le soucis rencontré est la même structure pour les libellés .
a++
désolé mais je n'ai pas trouvé mieux, essayes ceci dans ta C.S.S:
- Code:
dd.ajax-profil_parent #text_editor_iframe input.post, textarea.inputbox, textarea.post
{
overflow-y: scroll;
overflow-x: hidden;
max-width: 250px;
height: 80px;
padding:2px;
}
#profile-advanced-details.genmed:first-child div.field_uneditable
{
overflow-y: scroll;
overflow-x: hidden;
max-width: 250px;
height: 80px;
padding:2px;
}
Le soucis rencontré est la même structure pour les libellés .
a++
Invité- Invité
Re: Ajouter une barre défilante zone de texte (profil)
Merci Milouze, mais le code ne marche pas, le seul effet que j'ai remarqué c'est qu'il réduit la box de réponse rapide.
Cordialement
Backdraft
Cordialement
Backdraft
Re: Ajouter une barre défilante zone de texte (profil)
Salut _backdraft_ ,
en dehors de la réponse rapide tu avais un visuel différent dans le profil du membre?
a++
en dehors de la réponse rapide tu avais un visuel différent dans le profil du membre?
a++
Invité- Invité
Re: Ajouter une barre défilante zone de texte (profil)
Non le CSS ne fait pas d'autres effets.
J'ai réussis à faire un code qui donne ce que je voudrais faire :
Problème : ce code s'applique à tous les champs du profil, et la barre s'affiche même quand le texte ne dépasse pas 75px.
Merci
J'ai réussis à faire un code qui donne ce que je voudrais faire :
- Code:
.field_uneditable {
overflow-y: scroll;
height: 75px;
}
Problème : ce code s'applique à tous les champs du profil, et la barre s'affiche même quand le texte ne dépasse pas 75px.
Merci
Re: Ajouter une barre défilante zone de texte (profil)
Salut _backdraft_ ,
il faut en fait trouver l'identifiant du champs .
Tu sélectionnes l'intitulé du champs puis tu fais un clic droit puis code source de la sélection:
Tu devrais trouver un identifiant de ce style:
Il faudra mettre ce dernier dans la C.S.S :
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
colle ceci:
Pense à valider les modifications en cliquant sur le bouton "Valider".
Les deux modules auront une couleur de fond orange avec des bordures arrondies seulement à gauche,
d'une largeur de 300px et d'une hauteur de 75px .
J'ai expliqué volontairement pour les personnes voulant l'identique .
a++
il faut en fait trouver l'identifiant du champs .
Tu sélectionnes l'intitulé du champs puis tu fais un clic droit puis code source de la sélection:
Tu devrais trouver un identifiant de ce style:
- Code:
<dl id="field_id1">
Il faudra mettre ce dernier dans la C.S.S :
- Code:
#field_id1
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
colle ceci:
- Code:
/* La partie renseignee*/
dl#field_id1 .field_uneditable /* l identifiant correspondant */
{
overflow-y: scroll;
width:300px;
height: 75px;
background:orange;
margin-left:5px;
padding:5px;
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-bottomleft: 8px;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
/* La partie qui sera edite*/
.field_editable textarea#profile_field_2_1.post /* l identifiant correspondant */
{
overflow-y: scroll;
width:300px;
height: 75px;
background-color:orange;
margin-left:5px;
padding:5px;
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-bottomleft: 8px;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
Pense à valider les modifications en cliquant sur le bouton "Valider".
Les deux modules auront une couleur de fond orange avec des bordures arrondies seulement à gauche,
d'une largeur de 300px et d'une hauteur de 75px .
J'ai expliqué volontairement pour les personnes voulant l'identique .
a++
Invité- Invité
Re: Ajouter une barre défilante zone de texte (profil)
Bonsoir, merci pour ton aide !
J'ai essayé mais j'ai du me rater quelque part car ne marche pas, voilà ce que j'ai mis dans mon CSS :
Merci
Backdraft
J'ai essayé mais j'ai du me rater quelque part car ne marche pas, voilà ce que j'ai mis dans mon CSS :
- Code:
/* La partie renseignee*/
dl#field_id6 .field_uneditable /* l identifiant correspondant */
{
overflow-y: scroll;
width:300px;
height: 75px;
background:orange;
margin-left:5px;
padding:5px;
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-bottomleft: 8px;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
/* La partie qui sera edite*/
.field_editable textarea#profile_field_2_1.post /* l identifiant correspondant */
{
overflow-y: scroll;
width:300px;
height: 75px;
background-color:orange;
margin-left:5px;
padding:5px;
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-bottomleft: 8px;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
Merci
Backdraft
Re: Ajouter une barre défilante zone de texte (profil)
Salut _backdraft_ ,
c'est cette partie que tu as zappé ,
il faut que tu reportes ton identifiant qui sera différent dans la css .
a++
J'ai essayé mais j'ai du me rater quelque part car ne marche pas
- Code:
Tu sélectionnes l'intitulé du champs puis tu fais un clic droit puis code source de la sélection:
Tu devrais trouver un identifiant de ce style:
<dl id="field_id1">
c'est cette partie que tu as zappé ,
il faut que tu reportes ton identifiant qui sera différent dans la css .
a++
Invité- Invité
Re: Ajouter une barre défilante zone de texte (profil)
Milouze14 a écrit:c'est cette partie que tu as zappé ,
il faut que tu reportes ton identifiant qui sera différent dans la css .
Désolé d'être embêtant mais je comprends pas bien ou je dois placer cette identifiant car moi je l'avais mis comme ceci :
_backdraft_ a écrit:dl#field_id6 .field_uneditable
(en faisant clique droit et tout j'ai trouvé : field_id6)
Re: Ajouter une barre défilante zone de texte (profil)
Re,
désolé mais j'avais cru que tu avais déposé le même identifiant que le mien .
Tu parles bien du profil d un membre ?
Chez moi cela fonctionne :
Le module simple:
Le module en ajoutant du texte:
C'est bien une zone de texte _backdraft_ ?
a++
désolé mais j'avais cru que tu avais déposé le même identifiant que le mien .
Tu parles bien du profil d un membre ?
Chez moi cela fonctionne :
Le module simple:
Le module en ajoutant du texte:
C'est bien une zone de texte _backdraft_ ?
a++
Invité- Invité
Re: Ajouter une barre défilante zone de texte (profil)
Bonjour,
Oui j'ai bien tout vérifié, c'est une zone de texte.
Pour être sur qu'on parle de la même chose voici là ou je veux le modifier (dans le profil) :
Pour le deuxième CSS il n'y a rien à modifier dans l'identifiant ? Car je n'ai rien modifié ?
Merci
Backdraft
Oui j'ai bien tout vérifié, c'est une zone de texte.
Pour être sur qu'on parle de la même chose voici là ou je veux le modifier (dans le profil) :
Pour le deuxième CSS il n'y a rien à modifier dans l'identifiant ? Car je n'ai rien modifié ?
Merci
Backdraft
Re: Ajouter une barre défilante zone de texte (profil)
Milouze14 après avoir regardé dans le code source j'ai réussis, j'ai remplacé le :
Par :
Merci beaucoup pour ta patience et ton aide
- Code:
dl#field_id6 .field_uneditable
Par :
- Code:
tr#field_id6 .field_uneditable
Merci beaucoup pour ta patience et ton aide
Sujets similaires
» Mettre une zone de texte + image entre la barre de nav et le forum
» Ajouter une Zone de Commentaires.
» [263lanexzebre] - Requête 3 - phpbb3 - Problème d'une couleur texte forcée dans la zone profil.
» Comment peut-on insérer du texte juste avant la zone de recherche de la barre tool
» Ajouter une barre de renseignement sur : Profil
» Ajouter une Zone de Commentaires.
» [263lanexzebre] - Requête 3 - phpbb3 - Problème d'une couleur texte forcée dans la zone profil.
» Comment peut-on insérer du texte juste avant la zone de recherche de la barre tool
» Ajouter une barre de renseignement sur : 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