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! |
| Problème d'avatar qui s'affiche mal. | |
| kazu-chan
{ Membre }
Messages : 35
| Tout d'abord, bonsoir. J'ai un gros problème auquel je ne trouve aucune solution. J'ai bien cherché, mais rien a faire.
Je vous explique : Impossible de mettre une image plus grande que 100*100 pixels ! C'est vraiment chiant, surtout quand on doit faire sa fiche personnage.. Les images sont rétrécies et rendent le code foireux...
Regardez en image et voyez par vous même. Ici.
Merci beaucoup à l'avance pour ceux qui m'aideront. | | |
| | | Tech
{ Membre actif }
Messages : 1378
| Bonsoir,
Pouvons nous avoir le code HTML de la fiche ainsi que le CSS qui va avec ? Merci d'avance. | | |
| | | kazu-chan
{ Membre }
Messages : 35
| Bien sûr ! Les voicis.
Le code de la fiche :
- Code:
-
[list][center] [table border="0"][tr][td]<DIV style="BACKGROUND-COLOR:Silver; width: 200px; height: 30px; -moz-border-radius-topleft: 50px; -moz-border-radius-topright: 50px; TEXT-ALIGN: center;"> [size=9][i][color=white]Min Kong Mee[/size] [size=8]• Kim Tae Yeon •[/color][/i][/size]</div>[img]http://nsa10.casimages.com/img/2009/12/27/mini_091227092716284811.png[/img]<DIV style="BACKGROUND-COLOR:silver; -moz-border-radius-bottomleft: 11px; -moz-border-radius-bottomright: 11px; TEXT-ALIGN: center; width: 200px;">[color=white][size=9]« Je suis une grosse gamine, et alors ?! »[/size] [/color]</div>[/td][td] [size=10][font=Trebuchet MS][list]
[b]NAME ?[/b] [list]Min Kong[/list][b]AND YOUR AGE ?[/b] [list]18 ans[/list][b]BIRTHDATE ?[/b] [list] 1991.05.11[/list][b]PASSION ?[/b] [list] SINGING.[/list] [b]CAN YOU DESCRIBE YOURSELF ?[/b] <div style=" height:100px;overflow:auto;"> [justify] Je suis bonne comédienne, c'est plutôt une qualité, non ? J’aime chanter et je vais plus tard en faire mon métier . Puis je suis mignonne, en ce qui concerne mon apparence en tout cas ! Et finalement optimiste et une pile électrique... A part ça, je suis aussi capricieuse, c'est vrai que quand je n'ai pas ce que je veux, je pique toujours des crises, mais il faut dire que ça n'arrive pas souvent qu'on ne me donne pas ce que je désire, je suis tellement mignonne ! Puis je suis très désagréable quand je le veux, et hypocrite... [/justify]</div> [b]NEED MORE ?[/b] [list][url=fiche]Fiche de présentation![/url][/list]
[/list][/font][/size] [/td][/tr][/table][/center]
<div style="background: #e7e7e7 none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span style="font-size: 12px; line-height: normal;"><font color=#CD697D><font face="trebuchet MS"><span style="font-size: 12px; line-height: normal"><strong>[center] IN SEARCH OF ;;[/center]</strong></span></font></font></span></div>
[size=11]- Meilleurs amis [1/2] - Amis d'enfance [2 à voir] - Un ami de Free Hug - Amis de conneries - Un jeune élève *out* - Ennemis [3/3] - Tous pleins d'amis !! [no limit] - Confident [1/1] - Ex [♂] - Autres selon vos idées.[/size] [/list]
[center]Si vous avez d'autres idées, n'hésitez pas ! Je est toujours ouverte pour avoir de nouveaux liens !![/center]
Je vous donnes mon CSS en entier ^^. Le voici :
- Code:
-
/* Contour sur la page d'accueil */ .contour { font-family: "Trebuchet MS", impact; /* Ecriture du texte */ font-size: 100% /* Texte un peu plus grand que normalement */ text-align: center; /* Texte centré */ border-bottom: 3px solid #7db1d1; /* Bordure du bas de 3 pixels pleins traits */ border: 3px solid #7db1d1; /* Bordure de 3 pixels pleins traits */ background-color: #C3D1E3; /* Couleur de fond */ -moz-border-radius: 10px ; /* Bord arrondis */ border-left: 3px solid #7db1d1; /* Bordure de gauche de 3 pixels pleins traits */ -moz-border-radius: 10px ; /* Bord arrondis */ border-right: 3px solid #7db1d1; /* Bordure de droite de 3 pixels pleins traits */ }
a.infobulle { position: relative; }
a.imginfo { /* INFOBULLES */ position: relative; color: #8694B3; /* couleur de votre texte */ text-decoration: none; border-bottom: 0px #E3CB83 solid; /* on souligne le texte */ }
a.imginfo span { display: none; /* on masque l'infobulle */ } a.imginfo:hover { background: none; /* correction d'un bug IE */ z-index: 999; /* on définit une valeur pour l'ordre d'affichage */ cursor: help; /* on change le curseur par défaut en curseur d'aide */ } a.imginfo:hover span { display: inline; /* on affiche l'infobulle */ position: absolute; white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */ top: 30px; /* on positionne notre infobulle */ left: 20px; background: white; padding: 3px; border: 0px solid grey; border-left: 3px solid #E3CB83; /* vos couleurs et taille de bordures */ border-right: 3px solid #E3CB83; border-top: 3px solid white; border-bottom: 5px solid white; }
.titre { font-family: verdana, arial; font-size: 11px; -moz-border-radius: 5px; text-transform: small-caps; border-bottom: 2px solid #7db1d1; background-color: #8694B3; color: #A3BFD1; text-align: center; }
.name a { text-align: center; border-top: 1px dotted #8694B3; border-bottom: 1px dotted #8694B3; }
.quote { background-color: #C5D0D9; -moz-border-radius:20px; border-bottom: 3px #6982C2 solid; } .code { background-color: #C5D0D9; -moz-border-radius:20px; border-bottom: 3px #6982C2 solid; }
.vignettes {-moz-border-radius:7px; background-color: #7db1d1; padding-right:10px; padding-left:10px; padding-bottom: 3px; padding-top:3px; }
a.forumlink { font-family: verdana, arial; font-size: 11px; -moz-border-radius: 5px; text-transform: small-caps; border-bottom: 2px solid #7db1d1; background-color: #7db1d1 color: #E3CB83; text-align: list; }
a.forumlink:hover { font-family: verdana, arial; font-size: 11px; -moz-border-radius: 5px; text-transform: small-caps; border-bottom: 2px solid #E3CB83; background-color: #7db1d1 color: #E3CB83; text-align: list; }
td.row1 {background:url(http://i45.tinypic.com/2q1hp8o.jpg);} td.row2 {background:url(http://i45.tinypic.com/2q1hp8o.jpg);} td.row3 {background:url(http://i45.tinypic.com/2q1hp8o.jpg);}
.contenu { text-align: justify; background-color: #7db1d1; -moz-border-radius: 5px; padding: 5px; color: #7E3347; font-family: arial, verdana; font-size: 11px; }
a.info { position: relative; text-decoration: none; }
a.info span { display: none; } a.info:hover { background: none; z-index: 999;
} a.info:hover span { display: inline; position: absolute;
white-space: nowrap;
top: 5px; left: 15px;
background-color: #7db1d1; border:1px solid #E3CB83; color:#E3CB83; padding:5px; -moz-border-radius: 5px; }
body {margin-right: 800px;}
.forumline{ background-color: #f4dada; -moz-border-radius: 10px ; border: 3px #7db1d1 solid; }
.secondarytitle,.secondarytitle h2 { /*Titre des catégories*/ font-style : oblique; }
a:link {text-decoration: none;} a:hover{text-decoration: none !important;} a { text-decoration: none; } a:link { text-decoration: none; } a:hover { text-decoration: none; }
a:hover{ letter-spacing : 2px; }
.bodyline { -moz-border-radius:10px; }
textarea, .textarea.post, input.post { -moz-border-radius:10px; }
.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 #7db1d1; }
body { forumline-position: right; }
#chatbox_header .catBottom .cattitle { color: code de la couleur;}
#chatbox_header .chatbox-options .genmed, #chatbox_header .chatbox-options, #chatbox_header .chatbox-options a { color: #b3bbcd;} .
#chatbox_members ul li, body.chatbox { background-image: url(http://i45.tinypic.com/2q1hp8o.jpg);}
tr.post span.gensmall { display: none; }
.bodyline{ -moz-border-radius: 0px 0px 0px 0px ; border-bottom: 0px #7db1d1 solid; border-top: 0px #7db1d1 dotted; border-right: 10px #7db1d1 solid; border-left: 10px #7db1d1 solid;}
a.mainmenu{ margin-left : 4px; margin-right : 4px; background-color : #C3D1E3; font-family : arial,verdana ; color: #535D8A; text-align:none; border-left: 4px solid #C3D1E3; border-right: 4px solid none; }
a:hover.mainmenu { color: #535D8A; background-color : #A1ACC4; border-left: 4px solid #535D8A; border-right: 4px solid none; }
.statistiques{ border:0px; background-image: url("http://i47.tinypic.com/2uypphd.jpg"); background-repeat: no-repeat; background-position: center; height:350px;}
.groupes{ background-image: url(http://i45.tinypic.com/2q1hp8o.jpg);border: 1px #A1ACC4 dotted; -moz-border-radius : 5px 5px 5px 5px; height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px; font-size:15px;font-weight: bold;text-align:center; text-decoration: none !important;} | | |
| | | Boow
{ Membre actif }
Messages : 866
| Et si tu mets ça comme ça ? :
- Spoiler:
- Code:
-
[list][center] [table border="0"][tr][td]<DIV style="BACKGROUND-COLOR:Silver; width: 200px; height: 30px; -moz-border-radius-topleft: 50px; -moz-border-radius-topright: 50px; TEXT-ALIGN: center;"> [size=9][i][color=white]Min Kong Mee[/size] [size=8]• Kim Tae Yeon •[/color][/i][/size]</div><div style="height:320px;width:200px;border:none;margin:0px;">[img]http://nsa10.casimages.com/img/2009/12/27/mini_091227092716284811.png[/img]</div><DIV style="BACKGROUND-COLOR:silver; -moz-border-radius-bottomleft: 11px; -moz-border-radius-bottomright: 11px; TEXT-ALIGN: center; width: 200px;margin-top:320px;">[color=white][size=9]« Je suis une grosse gamine, et alors ?! »[/size] [/color]</div>[/td][td] [size=10][font=Trebuchet MS][list]
[b]NAME ?[/b] [list]Min Kong[/list][b]AND YOUR AGE ?[/b] [list]18 ans[/list][b]BIRTHDATE ?[/b] [list] 1991.05.11[/list][b]PASSION ?[/b] [list] SINGING.[/list] [b]CAN YOU DESCRIBE YOURSELF ?[/b] <div style=" height:100px;overflow:auto;"> [justify] Je suis bonne comédienne, c'est plutôt une qualité, non ? J’aime chanter et je vais plus tard en faire mon métier . Puis je suis mignonne, en ce qui concerne mon apparence en tout cas ! Et finalement optimiste et une pile électrique... A part ça, je suis aussi capricieuse, c'est vrai que quand je n'ai pas ce que je veux, je pique toujours des crises, mais il faut dire que ça n'arrive pas souvent qu'on ne me donne pas ce que je désire, je suis tellement mignonne ! Puis je suis très désagréable quand je le veux, et hypocrite... [/justify]</div> [b]NEED MORE ?[/b] [list][url=fiche]Fiche de présentation![/url][/list]
[/list][/font][/size] [/td][/tr][/table][/center]
<div style="background: #e7e7e7 none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><span style="font-size: 12px; line-height: normal;"><font color=#CD697D><font face="trebuchet MS"><span style="font-size: 12px; line-height: normal"><strong>[center] IN SEARCH OF ;;[/center]</strong></span></font></font></span></div>
[size=11]- Meilleurs amis [1/2] - Amis d'enfance [2 à voir] - Un ami de Free Hug - Amis de conneries - Un jeune élève *out* - Ennemis [3/3] - Tous pleins d'amis !! [no limit] - Confident [1/1] - Ex [♂] - Autres selon vos idées.[/size] [/list]
[center]Si vous avez d'autres idées, n'hésitez pas ! Je est toujours ouverte pour avoir de nouveaux liens !![/center]
| | |
| | | kazu-chan
{ Membre }
Messages : 35
| Je suis désolée... Ça ne fonctionne pas et ...=S C'est encore pire ! Regarde par toi même... Ici !
Je ne comprends pas d'où vient le problème T^T | | |
| | | Invité Invité
| Pourtant dans aucun des code il n'y a de valeur 100px pour quoi que ce soit :s Est-ce que tu peux mettre le code de la template pour les messages et profils ?
Edit: Est-ce que par hasard tu aurais utiliser le redimensionnement automatique des images sur Forumactif ? | | |
| | | Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Bonjour, Problème toujours d'actualité ? | | |
| | | kazu-chan
{ Membre }
Messages : 35
| Oui, toujours d'actualité. Excusez ma longue absence ~
Eh bien, non, le redimensionnement n'est pas utilisé... Enfin, je ne pense pas ôO. Enfin, on ne sais jamais, j'ai un peu regarder sans vraiment savoir où trouver ce "redimensionnement" ... Si on pouvait me dire où regarder, je répondrais XD.
Et... J'ai encore essayé quelques trucs de mon côté, mais ça n'avances pas d'un poil...
EDIT : J'ai trouvé... Non, aucun redimensionnement. Je suis retournée dans mon template des messages... Je n'ai rien modifié, mais l'a reposté... Cela marche a présent... Pourtant, j'avais déjà fait cette opération avant.. Étrange... Mais... Merci tout de même ! Commande TERMINE !
Chuuu~ | | |
| | | Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Bon, eh bien je classe | | |
| | | Contenu sponsorisé
| | | | | Problème d'avatar qui s'affiche mal. | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|