Contour autour de l'avatar (messages) - Page 6 Bouton_activeContour autour de l'avatar (messages) - Page 6 Bouton_hoverContour autour de l'avatar (messages) - Page 6 Fb-hoverContour autour de l'avatar (messages) - Page 6 Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Contour autour de l'avatar (messages) - Page 6 EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Contour autour de l'avatar (messages) - Page 6 EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Contour autour de l'avatar (messages) - Page 6 EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Contour autour de l'avatar (messages) - Page 6 EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Contour autour de l'avatar (messages) - Page 6 EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Contour autour de l'avatar (messages) - Page 6 EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Contour autour de l'avatar (messages) - Page 6 EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Contour autour de l'avatar (messages) - Page 6 EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment :
Smartphone 6,8″ Samsung Galaxy S23 Ultra 256Go ...
Voir le deal
799 €

Partagez
 

Contour autour de l'avatar (messages)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : Précédent  1, 2, 3, 4, 5, 6
Invité
Invité




Contour autour de l'avatar (messages) - Page 6 Empty
Aïe.

Donc on va faire le contraire, tu remets l'url de l'image dans la case approprié, puis on va espacé le texte de l'image, toujours avec une div:

Code:
<div class="nomdetadiv">Ton texte</div>

Le CSS que je t'ai donné tu peux l'effacer et le remplacer par celui ci:

Code:

.nomdetadiv{
margin-left: 2px; /*Marge gauche qui espacera ton texte à l'image*/
}
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 6 EmptySam 13 Nov 2010, 12:53
Revenir en haut Aller en bas
http://graph-island.forumactif.com/
Parady
{ Membre }
{ Membre }

Féminin Messages : 42



Contour autour de l'avatar (messages) - Page 6 Empty
Sa n'espace pas du tout, c'est toujours.. ? Normal.

MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 6 EmptySam 13 Nov 2010, 13:01
Revenir en haut Aller en bas
Invité
Invité




Contour autour de l'avatar (messages) - Page 6 Empty
peut être que je me suis trompé, remplace margin-left par
Code:
padding-left
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 6 EmptySam 13 Nov 2010, 13:03
Revenir en haut Aller en bas
http://graph-island.forumactif.com/
Parady
{ Membre }
{ Membre }

Féminin Messages : 42



Contour autour de l'avatar (messages) - Page 6 Empty
Toujours pas ToT
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 6 EmptySam 13 Nov 2010, 13:05
Revenir en haut Aller en bas
Invité
Invité




Contour autour de l'avatar (messages) - Page 6 Empty
tu peux me donner l'image en question je voudrai tester quelque chose?
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 6 EmptySam 13 Nov 2010, 13:07
Revenir en haut Aller en bas
http://graph-island.forumactif.com/
Parady
{ Membre }
{ Membre }

Féminin Messages : 42



Contour autour de l'avatar (messages) - Page 6 Empty
La voici : http://pictupload.free.fr/images/smallicon7.png
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 6 EmptySam 13 Nov 2010, 13:09
Revenir en haut Aller en bas
Invité
Invité




Contour autour de l'avatar (messages) - Page 6 Empty
Merci,

Avec plusieurs tentative, je n'ai pas réussis à trouver.
Je crois même que c'est infaisable, je suis désolé.
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 6 EmptySam 13 Nov 2010, 13:19
Revenir en haut Aller en bas
http://graph-island.forumactif.com/
Parady
{ Membre }
{ Membre }

Féminin Messages : 42



Contour autour de l'avatar (messages) - Page 6 Empty
D'accord, ce n'st pas grave.
Mais si tu trouve quelque chose, n'hésite pas Wink
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 6 EmptySam 13 Nov 2010, 13:27
Revenir en haut Aller en bas
Invité
Invité




Contour autour de l'avatar (messages) - Page 6 Empty
Oui ne t'inquiète pas, mais ce n'est pas bien grave, si?
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 6 EmptySam 13 Nov 2010, 13:28
Revenir en haut Aller en bas
http://graph-island.forumactif.com/
Parady
{ Membre }
{ Membre }

Féminin Messages : 42



Contour autour de l'avatar (messages) - Page 6 Empty
C'était surtout pour l'esthétique, le cadre Smile
Mais pour séparer le texte de l'image, sa c'est faisable ?

Par contre, on peut faire Image - Texte juste à côté ?

J'ai trouvé un moyen, c'est bon !

Code:
[left][list][table][tr][td]<div style="border: 2px solid lightgray; padding: 10px; width: 80px; height:80px; -moz-border-radius: 30px;background-image: url('http://pictupload.free.fr/images/smallicon7.png');"></div>[/td][td]Bonjour les petits monstres... Saviez vous que vous allez souffrir ? Non ? Alors il serait temps de vous y préparer, n'est ce pas ? Alors, commençons par ce règlement de trois pages.. Sa ne vous tente pas tellement ? Et deux cents ? Toujours pas ? Alors montons au niveau maximale... Et retenez bien sa : votre administratrice est sadique ! TRES très sadique, d'ailleurs. Une seule bêtises et vous êtes renvoyé èoé. Banni. Mort èwé. Et vous dormirez dans un cercueil comme les vampires. Nyaah ! [/td][/tr][/table][/list][/left]

A mettre dans la description de la catégorie, avec un cadre Smile

EDIT Teal: Il est interdit de faire des doubles-post.
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 6 EmptySam 13 Nov 2010, 13:29
Revenir en haut Aller en bas
http://irokehospital.forumactif.com
Ai-Chan~~
Ai-Chan~~
{ Membre }
{ Membre }

Féminin Messages : 26



Contour autour de l'avatar (messages) - Page 6 Empty
merci pour le code ^^
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 6 EmptyDim 05 Déc 2010, 21:25
Revenir en haut Aller en bas
http://kageonline.forumactif.fr
marc442
{ Membre }
{ Membre }

Masculin Messages : 5



Contour autour de l'avatar (messages) - Page 6 Empty
On doit le mettre ou le code???
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 6 EmptySam 01 Jan 2011, 16:38
Revenir en haut Aller en bas
http://kageonline.forumactif.fr
marc442
{ Membre }
{ Membre }

Masculin Messages : 5



Contour autour de l'avatar (messages) - Page 6 Empty
Je parle du premier code de la première page pour les contours d'avatar on doit le mettre ou pour que chaque membre est sa ?

Désoler pour le double-post Sad
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 6 EmptySam 01 Jan 2011, 16:39
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Contour autour de l'avatar (messages) - Page 6 Empty
Bonjour,
le double-post est interdit. Quand tu as besoin de rajouter quelque chose, utilise plutôt la fonction éditer avec l'icône Contour autour de l'avatar (messages) - Page 6 Edit.
Merci de ta compréhension & de faire plus attention à l'avenir (:
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 6 EmptySam 01 Jan 2011, 16:50
Revenir en haut Aller en bas
http://kageonline.forumactif.fr
marc442
{ Membre }
{ Membre }

Masculin Messages : 5



Contour autour de l'avatar (messages) - Page 6 Empty
Je ne voit pas ton icone de crayon sinon t'inkiète pas j'aurais éditer Wink et encore désolé

Edit Psycho : Au temps pour moi, j'avais oublié que tu ne pouvais pas la voir. Désolée (:
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 6 EmptySam 01 Jan 2011, 16:51
Revenir en haut Aller en bas
http://les-etoiles-e-m.forumsactifs.com/forum
Kmille1405
Kmille1405
{ Membre }
{ Membre }

Féminin Messages : 13



Contour autour de l'avatar (messages) - Page 6 Empty
Super, merci pour ce tuto !! Ca donne un petit quelque chose en plus au forum...! Smile
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 6 EmptySam 01 Jan 2011, 17:21
Revenir en haut Aller en bas
http://makeyourchoice.forumgratuit.org/forum
Morgane*
Morgane*
{ Membre }
{ Membre }

Féminin Messages : 29



Contour autour de l'avatar (messages) - Page 6 Empty
J'ai essayer le code mais ça ne marche pas :/

Je vous copie colle mon CSS peut être ai-je fait une erreur.

Code:
#navigation ul{
list-style-type: none;
text-align: center;
}
#navigation li{
display: inline;
text-align: center;
margin: 0 10px 0 0;
}
#navigation li a {
padding: 2px 7px 2px 7px;
color: #FFF;
background-color: #000000;
border: 1px solid #ccc;
text-decoration: none;
}
#navigation li a:hover{
background-color: #333333;
color: #ffffff;
}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.bodyline {
-moz-border-radius:10px;
}
.forumline{
background-color: #COULEUR;
-moz-border-radius: 10px ;
border: 3px #COULEUR solid;
}
.titre_categorie {
      background: #COULEUR; /*fond*/
      -moz-border-radius-topleft: 50px; /*arrondi angle gauche*/
      -moz-border-radius-topright: 50px; /*arrondi angle droit*/
      -webkit-border-radius-top-left: 50px; /*arrondi angle gauche*/
      -webkit-border-radius-top-right: 50px; /*arrondi angle droit*/
      margin-top: 10px; /*ne pas modifier*/
      margin-bottom: -10px; /*a modifier selon vos goûts*/
      text-align: center; /*alignement du texte*/
      height: auto; /*hauteur à modifier selon vos goûts*/
      width: 500px; /*largeur à modifier selon vos goûts*/
      margin-left: 350px; /*pour déplacer la position des titres des catégories*/
      padding-top: 1px !important; /*espace entre la bordure et le texte*/
      padding-bottom: 5px !important; /*espace entre la bordure et le texte*/
      -moz-text-shadow:  2px 2px 2px #COULEUR; /*ombre sur le texte*/
      -webkit-text-shadow:  2px 2px 2px #COULEUR; /*ombre sur le texte*/
      text-shadow:  2px 2px 2px #COULEUR; /*ombre sur le texte*/
}
.souforums{
font-variant: small-caps ;
margin-left: 375px;
}
.messages_sujets_derniers_sujets {
margin-left: VALEURpx; /*espace entre le bord gauche et la bordure*/
padding-top: VALEURpx; /*espace entre le texte et la bordure du haut*/
padding-left: VALEURpx; /*espace entre le texte et la bordure gauche*/
padding-bottom: VALEURpx; /*espace entre le texte et la bordure du bas*/
padding-right: VALEURpx; /*espace entre le texte et la bordure droite*/
border-top: VALEURpx solid #COULEUR;
border-left: VALEURpx solid #COULEUR;
border-bottom: VALEURpx solid #COULEUR;
-moz-border-radius-topleft: VALEURpx; /*arrondir l'angle gauche du haut*/
-moz-border-radius-bottomleft: VALEURpx;/*arrondir l'angle gauche du bas*/
}

/*affichage derniers messages*/
.derniers_sujets {
padding: VALEURpx; /*espace entre le texte et la bordure*/
margin: VALEURpx; /*espace entre le bord et la bordure*/
border: VALEURpx dashed #COULEUR;
-moz-border-radius-topleft: VALEURpx; /*arrondir l'angle gauche du haut*/
-moz-border-radius-bottomright: VALEURpx; /*arrondir l'angle droit du bas*/
text-align: center;
}
/* Menu navigation */
a.mainmenu {
padding-right: Xpx;
background-color:#COLOR;
color: #;
font-size:Xpx;
font-variant: small-caps;
text-align: center; }

/* Menu navigation au survol de la souris */
a.mainmenu:hover {
padding-right:Xpx;
background-color:#COLOR;
color: #;
font-size:Xpx;
font-variant: small-caps;
text-align: center;
border: Xpx solid #COLOR; }

.vignettes
{-moz-border-radius:7px;
background-color: #ffffff;
padding-right:10px;
padding-left:10px;
padding-bottom: 3px;
padding-top:3px;}

a {
font-variant: small-caps;
}

a:before { content: ""; }

a:hover{
letter-spacing : 2px; }

a:hover {
background-color:#ffffff;}
-moz-border-radius: XXpx;
-webkit-border-radius: XXpx;
border-radius: XXpx;

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #9E8479;
}
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 6 EmptyMar 04 Jan 2011, 16:40
Revenir en haut Aller en bas
http://enconstruction.forum-canada.com/
SayaLovesHim
SayaLovesHim
{ Membre }
{ Membre }

Féminin Messages : 7



Contour autour de l'avatar (messages) - Page 6 Empty
    Merci beaucoup c'est super !
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 6 EmptyMar 04 Jan 2011, 22:09
Revenir en haut Aller en bas
http://les-ruelles-danknor.forumactif.biz/
Chachoubidou
Chachoubidou
{ Membre }
{ Membre }

Féminin Messages : 17



Contour autour de l'avatar (messages) - Page 6 Empty
ça ne marche pas pour moi non plus ... Dommage, ça rendait vraiment bien sur l'exemple ><
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 6 EmptyMer 05 Jan 2011, 07:14
Revenir en haut Aller en bas
http://tentation-revelation.forumactif.com/
Love'less
Love'less
{ Membre }
{ Membre }

Féminin Messages : 13



Contour autour de l'avatar (messages) - Page 6 Empty
    Bonjour, avant ce code marchait très bien, depuis que j'ai changée mon css, il ne fonctionne plus, que dois je faire ? Merci. Voici mon code :
    Spoiler:
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 6 EmptySam 08 Jan 2011, 00:53
Revenir en haut Aller en bas
http://battleroyalerp.forumactif.com/
kiflesjaps
kiflesjaps
{ Membre }
{ Membre }

Féminin Messages : 34



Contour autour de l'avatar (messages) - Page 6 Empty
Quelqu'un pourrais me donner la démarche a suivre s'il vous plait ?

Merci d'avance Au secours !
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 6 EmptyLun 10 Jan 2011, 07:16
Revenir en haut Aller en bas
http://readwithprecautions.forumdeouf.com/forum.htm
*Dream_On
*Dream_On
{ Membre }
{ Membre }

Féminin Messages : 8



Contour autour de l'avatar (messages) - Page 6 Empty
Bonjour et merci pour ton code!^^
Toutefois j'ai un problème... Il ne s'affiche pas et j'ai la grosse impression que c'est parce que j'ai des erreurs dans ma feuille CSS XD. Quelqu'un saurait où est située l'erreur? Je vous en serait éternellement reconaissante! =)


Spoiler:
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 6 EmptyMer 09 Fév 2011, 23:00
Revenir en haut Aller en bas
Contenu sponsorisé




Contour autour de l'avatar (messages) - Page 6 Empty
MessageSujet: Re: Contour autour de l'avatar (messages)   Contour autour de l'avatar (messages) - Page 6 Empty
Revenir en haut Aller en bas
 

Contour autour de l'avatar (messages)

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 6 sur 6Aller à la page : Précédent  1, 2, 3, 4, 5, 6

 Sujets similaires

-
» Cadre autour du code (messages)
» Cadre autour du fond du forum (messages)
» Peut-on mettre un contour autour d'une police ?
» Les petits contour autour des groupes dans le QEEL
» Mettre un contour au profil et/ou à l'avatar (messages)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Corbeille :: Archives de CSSActif :: Archives 2009~2011-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit