MountyHall - La Terre des Trõlls

	Ze T-Shirt
MountyHall

Référencé sur

Nous sommes le 19° jour de la Limace du 24° cycle après Ragnarok

Bienvenue Invité

Tous les Forums

Hors Jeux

Modérateurs de ce forum : Aghabeu, Dabihul, Grankausto, Loinvu, Madère, Mamoune, Modérateur 6, Modérateur1, Modérateur2, Modérateur3, Modérateur4, Modérateur5, Mr x, Rouletabille, Schtroumpf, TilK, VYS, Xaruth

Vous pouvez discuter ici de tout et de rien et surtout de tout ce qui ne se retrouve pas dans les autres forums Hors-jeux.

Il est cependant interdit d'utiliser ce forum pour un bénéfice personnel (vente, publicité, affiliation, ...).
Evitez aussi tout "sujet qui fache" et autre "trolls". Seuls des messages appelant à une discussion cordiale et pleine de tolérance seront acceptés.

Profil XHTML / CSS
Pages : [1], 2

#. Message de Nyctalope le 04-12-2006 à 18:14	2384 - Nyctalope (Tomawak 35) - C.I.L.B -
Pays: France Inscrit le : 13-01-2003 Messages: 3038 (Djinn Tonique)	Citer

Dans l'optique d'un éventuel changement de peau futur, j'ai voulu m'amuser avec le "profil avancé" XHTML 1.0 / CSS 2.1, pour voir si j'étais pas trop rouillé là-dessus.

Après quelques jours de grand n'importe quoi (c'est fou c'que ça permet de faire comme conneries, ce truc), je me susi attelé un peu plus sérieusement à la question, et maintenant, je coince.

Pour l'instant, j'en suis là.

Je voudrais réunir toutes les infos qui prennent peu de place (race, niveau, mouches, meurtres, décès) dans la partie supérieure droite, à côté du blason, de manière à équilibrer avec les liens de la partie gauche.

J'ai d'abord pensé à un positionnement en absolu, mais dès que je redimensionne la fenêtre, ça part en cacahouète. Quelqu'un aurait une idée ?

#. Message de Asumbaa le 05-12-2006 à 21:56	33791 - Asumbaa (Tomawak 60)
Pays: France Inscrit le : 19-04-2004 Messages: 225 (Golem Costaud)	Citer

Salut Nyctalope,

Tu peux essayer ça :
- puisque ton image est de toute façon en background, tu la mets non pas sur la dd correspondante mais sur l'ensemble de ta page, positionnée en 50% hauteur_du_haut
- display:none sur la dd du blason
- du coup les autres dt dd remontent, pour les mettre à droite tu les fais flotter à droite. Si ça ne marche pas comme tu veux, tu places le conteneur en absolute et les dt dd en relative par rapport au conteneur.

J'ai pas essayé, mais c'est comme ça que je tenterais en premier.

#. Message de Nyctalope le 06-12-2006 à 01:31	2384 - Nyctalope (Tomawak 35) - C.I.L.B -
Pays: France Inscrit le : 13-01-2003 Messages: 3038 (Djinn Tonique)	Citer

Ben ouais mais non, parce que j'ai déjà un background en fond de page (si, si, il est sombre, mais y a une image).

EDIT : J'ai un peu avancé à grands coup de "position: relative;", mais les infos de guilde me posent encore problème...

#. Message de Asumbaa le 06-12-2006 à 19:57	33791 - Asumbaa (Tomawak 60)
Pays: France Inscrit le : 19-04-2004 Messages: 225 (Golem Costaud)	Citer

Salut,

Dans ce cas (j'avais pas fait attention), tu peux mettre ton blason en background de la dl profil ?

#. Message de frozhalf le 06-12-2006 à 20:39	71057 - frozhalf (Tomawak 30) - Les Trolls Génétiquement Modifiés -
Pays: France Inscrit le : 28-11-2005 Messages: 651 (Shaï Epileptique)	Citer

bon t'en as surement pas besoin mais ça peut ptet t'aider

http://www.siteduzero.com/tuto-3-6-0-apprenez-a-creer-votre-site-web.html

particulièrement partie 3 - 3

frozhalf débutant en CSS, en plein travaux et qui trouve ce site génial pour apprendre !!

#. Message de Nyctalope le 07-12-2006 à 14:43	2384 - Nyctalope (Tomawak 35) - C.I.L.B -
Pays: France Inscrit le : 13-01-2003 Messages: 3038 (Djinn Tonique)	Citer

Asumbaa > Oui ! Je me suis tapé le front ce matin en me disant "Mais pourquoi j'y ai pas pensé plus tôt ?" J'essaye dès que j'ai un moment.

Frozhalf > C'est toujours une bonne idée de revoir ses bases, mais là, malheureusement, ça ne m'a pas été d'un grand secours. Mais tu as raison, ce site est vraiment très bon pour ceux qui débutent (ou qui ont un trou de mémoire ^^).

EDIT : Argh ! Je viens de constater que le rendu sous IE6 est catastrophique (transparence des PNG pas gérée, blocs qui se chevauchent...). Et par dessus le marché, il interprête mon border: 1px dotted #C33; comme un border: 1px dashed #C33;... Sous IE7, c'est pas parfait, mais au moins, il gère la transparence des PNG dont les couleurs sont encodées sur plus de 8 bits...

#. Message de Asumbaa le 09-12-2006 à 01:39	33791 - Asumbaa (Tomawak 60)
Pays: France Inscrit le : 19-04-2004 Messages: 225 (Golem Costaud)	Citer

Ah ben oui, IE6 est une bouze, et dire qu'on aura à le gérer encore longtemps...

Pour le dotted, je crois qu'il a un peu de mal à ajuster, mais si tu rafraichis ça passe. J'ai eu ce souci au boulot récemment.

Les blocs qui se chevauchent... Argh, c'est plus chiant...
Le PNG transparent (ou translucide ?) y'a rien à faire, soit tu fais avec en t'arrangeant pour que tout reste lisible même si c'est moche, soit tu fais autrement

#. Message de Nyctalope le 10-12-2006 à 00:00	2384 - Nyctalope (Tomawak 35) - C.I.L.B -
Pays: France Inscrit le : 13-01-2003 Messages: 3038 (Djinn Tonique)	Citer

Ho bah je vais faire autrement.... Je vais juste coloriser mes images et les remettre en opaque... Parce que, même si c'est limite plus lisible (rouge sur gris, ça se voit mieux que rouge sur rouge très très foncé), c'est quand même grave moche en gris. Enfin, je trouve qu'on perd une partie non négligeable de ce que cette apparence tâche de transmettre...

#. Message de Asumbaa le 10-12-2006 à 15:50	33791 - Asumbaa (Tomawak 60)
Pays: France Inscrit le : 19-04-2004 Messages: 225 (Golem Costaud)	Citer

Ce que tu peux faire aussi, c'est utiliser une image différente pour IE6 avec le hack * html. Comme ça deux qui utilisent un vrai navigateur auront quand même ce que tu as prévu pour eux (avec ce qu'apporte Mountyzilla, doit y avoir quand même une belle proportion de Firefox ici)

#. Message de frozhalf le 10-12-2006 à 18:46	71057 - frozhalf (Tomawak 30) - Les Trolls Génétiquement Modifiés -
Pays: France Inscrit le : 28-11-2005 Messages: 651 (Shaï Epileptique)	Citer

et maintenant qu'IE 7 existe, le nombre d'IE 6 va diminuer de plus en plus sur mounty, sachant qu'il n'est déjà pas forcément très élevé...

#. Message de Nyctalope le 10-12-2006 à 20:17	2384 - Nyctalope (Tomawak 35) - C.I.L.B -
Pays: France Inscrit le : 13-01-2003 Messages: 3038 (Djinn Tonique)	Citer

En fait, le seul avantage du PNG transparent en image de fond, c'est qu'il suffit que je change la couleur de fond pour changer radicalement l'ambiance du profil... Je prévoyais notamment des variattions bleues et vertes qui, sans la transparence du PNG, m'obligeront à utiliser 3 images différentes...

Cela dit, je viens de remarquer que mon PNG transparent est assez lourd (159 ko au mieux, en niveaux de gris 32 bits ) alors que si je l'enregistre au format JPG, elle ne fait plus que dans les 40 ko...

Je n'aime pas trop le hack * html, avant tout parce que ce n'est "pas propre", (la plupart des sites de webdesign commencent à les prendre en grippe), et d'autre part parce que je trouve ma CSS bien assez lourde sans rajouter des définitons de styles pour tel ou tel navigateur. Mieux vaut, à mon sens, opter pour un affichage similaire sur tous les navigateurs, même si ce n'est aps exactement celui ce l'on voulait obtenir au départ...

#. Message de jplt le 11-12-2006 à 15:59	46344 - J'aime pas les Trolls (Tomawak 56) - Enfants de la Flamme -
Pays: Belgique (Liège) Inscrit le : 02-12-2006 Messages: 352 (Golem Costaud)	Citer

Au pire essaye d'enregistrer ton PNG avec une palette optimisée.

Non seulement ça devrait sérieusement en réduire la taille, mais en plus la transparence passe dans IE sur 24bit.

#. Message de Nyctalope le 11-12-2006 à 16:52	2384 - Nyctalope (Tomawak 35) - C.I.L.B -
Pays: France Inscrit le : 13-01-2003 Messages: 3038 (Djinn Tonique)	Citer

Sauf que GIMP ne permet de générer une palette optimisée que de 256 couleurs (8 bits, donc) maxi. Ce qui donne un rendu très moche. De plus, je ne suis pas certain qu'IE6 supporte la transparence des PNG dont la profondeur de couleur est supérieure à 8 bits. Je dis ça parce que sur un autre jeu, où le PNG était fréquemment utilisé, on avait souvent des commentaires des utilisateurs d'IE comme quoi la transparence des PNG ne passait pas...

Par ailleurs, et curieusement, l'image enregistrée RVB 24 bits est plus lourde que celle en Niveaux de gris 32 bits... Entre 20 et 30 ko de différence...

#. Message de ELDJ le 18-12-2006 à 11:53 [Ami de MountyHall]	29540 - Eight Legged DJ (Kastar 60)
Pays: Neutral Zone Inscrit le : 15-06-2004 Messages: 209 (Golem Costaud)	Citer

Moi j'ai un p'tite question, bien loin d'la progra de haut vol, donc s'cusez si j'ai l'air neuneu dans l'sujet ...

Qq'un peut m'dire comment qu'on fait pour s'débarasser d'ces horribles boulettes vertes à côté d'chaque pièce d'équip'ment ? J'arrive pô ...

A propos, joli, Nyctalope ... toi y'en a grand Boula Matari Sorcier du Savoir ...

#. Message de Herb le 18-12-2006 à 14:20	6807 - ( )
Pays: France (69 - Rhône) Inscrit le : 14-03-2004 Messages: 1558 (Trõll de Compèt')	Citer

Salut ELDJ,
Tu peux utiliser ça :
img[src$="../Images/greenball.gif"] {
   padding-left: 18px;
   width: 0px;
   height: 17px;
   background-repeat: no-repeat;
   background-image: url(url_de_l_image_qui_remplace_la_bille_verte);
}

Herb'

#. Message de ELDJ le 18-12-2006 à 18:07 [Ami de MountyHall]	29540 - Eight Legged DJ (Kastar 60)
Pays: Neutral Zone Inscrit le : 15-06-2004 Messages: 209 (Golem Costaud)	Citer

Merci Herb,

... mais j'ai d'jà essayé et ça marche pô ...

ELDJ

#. Message de Nyctalope le 19-12-2006 à 09:35	2384 - Nyctalope (Tomawak 35) - C.I.L.B -
Pays: France Inscrit le : 13-01-2003 Messages: 3038 (Djinn Tonique)	Citer

Pour le profil avancé, la partie correspondant à l'équipement et aux puces vertes est celle-ci :

dd.equipement li {
background: url(http://games.mountyhall.com/mountyhall/Images/greenball.gif) no-repeat;
}

C'est là qu'il faut mettre l'URL de l'image que tu veux utiliser comme puce.

Et pour les bouboules oranges des possessions (bidouilles et autres Poissons d'avril), c'est là :
dd.possessions ul li {
background: url(http://games.mountyhall.com/mountyhall/Images/orangeball.gif) no-repeat;
}

#. Message de ~Âlùcàrd~ le 19-12-2006 à 14:57	71862 - ( )
Pays: France Inscrit le : 05-12-2005 Messages: 886 (Shaï Epileptique)	Citer

Si tu veux, y'a le troll "10119" qui à fait un très bon profil, ça Css est assez propre

#. Message de Dairyn le 20-12-2006 à 12:07	21053 - ( )
Pays: France Inscrit le : 29-12-2004 Messages: 34 (P'tit Gob')	Citer

Bon bon bon, je suis débutante en Css, et j'ai un véritable problème avec l'image de fond.

body {
background: url(http://img86.imageshack.us/img86/2073/jowalljj6.png);
margin: 10px;
background-attachment:fixed;
background-repeat:no-repeat;
background-position:center center;
}

Voila ce que j'ai mis sur ma css, le problème étant que l'image que j'ai mis apparait au centre (logike) ne se répétent pas (logike) et ne suis pas l'écriture (logike), mais ce que j'aimerais c'est pas qu'il y ai du blanc autour mais qu'elle soit étirer , enfin qu'elle prenne tout l'écran.

Ché pochible?

Mon profil:
http://games.mountyhall.com/mountyhall/View/PJView.php?ai_IDPJ=78789

Pages : [1], 2

Pour poster une réponse sur ce Forum, vous devez d'abord vous connecter

Si vous n'êtes pas encore enregistré, vous devez d'abord vous inscrire.

[ Contact : ] - [ Heure Serveur : 22:54:11 le 17/12/2025 ] - [ Page générée en 0.01 sec. ]