MountyHall - La Terre des Trõlls

	Ze Calendrier
MountyHall

Référencé sur

Nous sommes le 26° jour du Rat du 23° cycle après Ragnarok

Bienvenue Invité

Tous les Forums

Outils : Assistance au jeu

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

Aide pour fignoller ma css
Pages : [1], 2

#. Message de Drâkon le 15-12-2007 à 16:10	92356 - ( )
Pays: France Inscrit le : 13-12-2005 Messages: 396 (Golem Costaud)	Citer

Salut les trolls !

Après un travail plus qu'hardu, je suis parvenu à me faire une css assez sympa. Le problème est que je n'arrive pas à enlever le blason que l'on met habituellement sur MH... Regardez par vous même, c'est très laid...

Est ce qu'un troll sympa pourrait m'aider ? Ca ne doit sûrement pas être compliqué...

Ensuite, j'aimerais aussi savoir comment décaler les liens "Profil | Evénements | Classements " en dessous du numéro de troll ? Car là, déjà c'est pas beau et aussi ça se voit pas beaucoup...car c'est sur mon nom de troll...

Enfin, encore sur mon nom de troll se trouve une écriture : "larereg liforp nos" ou je ne sais quoi... je ne sais pas ce que c'est et j'aimerais grandement le supprimer pour que mon profil soit parfait !

Récapitulons :

1) Enlever le blason MH

2) Décaler le "Profil | Evénements | Classements"

3) Supprimer l'écriture bizarre qui est sur le nom de mon troll.

Voili, voilou ! Je suis impatient que vosu m'apportiez des solutions à mes problèmes !

Astaroth *qui viens à peine de changer de peau"

#. Message de Drago le 15-12-2007 à 20:39	305 - ( )
Pays: France Inscrit le : 28-11-2007 Messages: 46 (P'tit Gob')	Citer

Salut,
Si tu veux vraiment avoir la main sur ta feuille de style, passe à la version avancée, elle est beaucoup mieux.

Sinon, pour tes points 1) et 3), tu peux ajouter cette ligne :

img[width="300"], .mh_titre1, .mh_titre3 { display:none;}

Pour le point 2), j'ai peur que tu sois obligé de décaler tout ton profil vers le bas

Pour info, "larénég liforp nos", c'est "son profil général" à l'envers

#. Message de Drâkon le 15-12-2007 à 20:44	92356 - ( )
Pays: France Inscrit le : 13-12-2005 Messages: 396 (Golem Costaud)	Citer

La ligne, je la rajoute n'importe où ? Excuse moi je suis très très inexpérimenté...

Et pour décaler mon profil, comment je peux procéder ?

#. Message de Drago le 17-12-2007 à 11:17	305 - ( )
Pays: France Inscrit le : 28-11-2007 Messages: 46 (P'tit Gob')	Citer

la ligne, tu la rajoutes par exemple à la fin de ta feuille de style (le fichier http://blason.mountyhall.com//Css_PJ/92356.css) mais je vois que tu as trouvé

pour décaler ton profil, tu peux par exemple ajouter cette ligne à la fin de ta feuille de style

body#PJView form { margin-top:120px; }

#. Message de Drâkon le 19-12-2007 à 18:40	92356 - ( )
Pays: France Inscrit le : 13-12-2005 Messages: 396 (Golem Costaud)	Citer

J'ai essayé mais ça ne change rien

T'es sûr que c'est ça ? t'as pas oublié un espace ou je ne sais quoi ?

#. Message de Drago le 19-12-2007 à 21:01	305 - ( )
Pays: France Inscrit le : 28-11-2007 Messages: 46 (P'tit Gob')	Citer

Oui, je suis sûr

Rajoute cette ligne (en copier/coller) à la fin de ta CSS et on verra ce que ça donne (pense à vider le cache de ton navigateur après avoir modifié la feuille de style)

#. Message de Drâkon le 19-12-2007 à 21:33	92356 - ( )
Pays: France Inscrit le : 13-12-2005 Messages: 396 (Golem Costaud)	Citer

Ca marche Mais j'ai du un peu me battre

Merci Dragibus, t'es mon Dieu. Enfin vu ton profil de troll... T'es un bon toi

Je vais rajouter une belle description puis ce sera parfait, il manquera plus que le vampirisme qui va avec.

Ahhh... Encore une petite question.... quand tu cliques dans "évenements", j'aimerais bien descendre encore le texte pour qu'on voye encore le nom "Astaroth". Et comment peut-on changer les flèches qui nous permettent de changer de pages ?

Celle ci :

Et ouai en fait, Asta il est lourd dingue

#. Message de Drago le 20-12-2007 à 13:37	305 - ( )
Pays: France Inscrit le : 28-11-2007 Messages: 46 (P'tit Gob')	Citer

Hello,
Merci pour tes compliments

Pour ton problème sur le décalage de la page des événements, remplace ma dernière directive par celle-ci :
body#PJView form, body#PJView_Events { margin-top:120px; }

Pour les images, c'est un petit peu plus compliqué. Dans un premier temps, il va te falloir une image par flèche et chaque image doit mesurer 37 pixels par 37 pixels. De plus, il faut que ces images soient accessibles sur le net (et non sur ton disque dur). Tu peux les faire héberger par le site http://imageshack.us/ par exemple. Pour te montrer ce qu'on peut faire, j'ai placé une image disponible ici : http://img84.imageshack.us/img84/2671/flechegauchewl8.jpg

Quand tu as préparé tes 2 images, il ne te reste plus qu'à saisir cette directive dans ta feuille de style (toujours à la fin)

td[width="60"] a img, td[width="60"] img {
   visibility:hidden;
        padding-right:30px;
}

puis, pour la fleche de gauche :
td[width="60"][align="right"] {
   background-image: url(http://img84.imageshack.us/img84/2671/flechegauchewl8.jpg);
   background-repeat:no-repeat;
}

et pour la fleche de droite :
td[width="60"][align="left"] {
   background-image: url(http://img84.imageshack.us/img84/2671/flechegauchewl8.jpg);
   background-repeat:no-repeat;
}

Bien sûr, il faudra que tu remplaces l'URL "http://img84.imageshack.us/img84/2671/flechegauchewl8.jpg" par les URLs de tes 2 images stockées sur le net.

#. Message de Drâkon le 20-12-2007 à 20:28	92356 - ( )
Pays: France Inscrit le : 13-12-2005 Messages: 396 (Golem Costaud)	Citer

C'est bizarre, j'ai mis les flèches mais elles ne sont visibles que sur Firefox...

Sur IE, ça reste les anciennes. T'as une idée du pourquoi ? C'est pareil pour l'écriture à l'envers... Sur Firefox elle n'y est pas mais sur IE, elle est partout (sur toutes les pages). J'ai essayé plein de trucs mais ça me déprime

#. Message de Drago le 20-12-2007 à 21:07	305 - ( )
Pays: France Inscrit le : 28-11-2007 Messages: 46 (P'tit Gob')	Citer

le sélecteur par attribut fonctionne mal avec IE. A mon avis, si tu veux que ton profil soit bien affiché sur IE et firefox, tu vas avoir mal au crâne.

commence par passer au profil avancé, ça va te demander du boulot au début pour refaire ce que tu as déjà fait avec le profil de base mais tu gagneras en souplesse. Avec le profil avancé, c'est beaucoup plus facile de faire ce qu'on veut avec la feuille de style

#. Message de TomKi le 20-01-2008 à 12:27	91899 - ( )
Pays: France Inscrit le : 20-01-2008 Messages: 1 (P'tit Gob')	Citer

j'ai une chtite question et plutôt que de multiplier les topics sur les CSS...

j'aimerais apprendre à manipuler ma CSS : qui connait un site accessible aux ulta-novices simple, progressif..?

sinon, pour débuter : j'essaie de remplacer mon nom de troll en haut de profil par le GIF enflammé que j'ai créé, hébergé et placé en bas (arriver à ce profil n'a déjà pas été une mince affaire)... mais là, je commence à ramer complètement : je suis en dehors de mes compétences !

j'aimerais bien également arriver à réorganiser le profil pour combler l'espace réservé normalement au blason : je ne suis pas graphiste et ne trouve aucune représentation qui me branche... alors j'utiliserais bien cet espace pour afficher mon équipement par exemple... sinon, si j'arrive à améliorer le rendu de l'image actuelle, je la verrais plutôt en arrière plan avec le text qui défile sans qu'elle ne bouge (ce qu'on voit souvent sur les profils CSS).

si vous pouviez me mettre le pied à l'étrier, ce serait bien cool !!

PS. dragibus, ton profil est très sympa mais tu n'as rien écrit dedans... c'est dommage.

#. Message de Moitu le 20-01-2008 à 20:40	90760 - Skarklash (Kastar 60) - Les Potes à moÂ -
Pays: France Inscrit le : 03-02-2006 Messages: 269 (Golem Costaud)	Citer

http://www.mountyhall.com/Forum/display_topic_threads.php?ForumID=21&TopicID=104875

un bon début

#. Message de Nanik le 21-01-2008 à 19:26	78452 - Nanik (Tomawak 55) - Hacinare -
Pays: France Inscrit le : 21-09-2006 Messages: 198 (Golem Costaud)	Citer

mon chef de guilde à des bases : faudrait que j'essaie de comprendre aussi... mais ça a l'air tellement compliqué !

en tout cas, bravo à tous les courageux qui cherchent à comprendre... et ceux qui leur explique !!

#. Message de trolldeudam le 22-01-2008 à 14:30	63606 - trolldeudam (Skrim 60) - Les Vacheliers de l'Etable Ronde -
Pays: Belgium Inscrit le : 23-08-2005 Messages: 667 (Shaï Epileptique)	Citer

moi aussi j'ai le problème des flèches, mais je comprends pas trop pourquoi, car avant elles marchaient parfaitement.

Si quelqu'un pouvait éclairé ma lanterne

#. Message de Drago le 22-01-2008 à 15:11	305 - ( )
Pays: France Inscrit le : 28-11-2007 Messages: 46 (P'tit Gob')	Citer

trolldeudam, Il faut que tu édites ta feuille de style et que tu remplaces :

img[src*="Next2.gif"] {
background-image:url(http://img112.imageshack.us/img112/263/droitevercj6.gif);
height:37px;
padding-left:37px;
width:0pt;
}
img[src*="Previous2.gif"] {
background-image:url(http://img469.imageshack.us/img469/7500/gaucheverdb7.gif);
height:37px;
padding-left:37px;
width:0pt;
}

par :

td[width="60"] a img, td[width="60"] img {
visibility:hidden;
padding-right:30px;
}

td[width="60"][align="right"] {
background-image:url(http://img469.imageshack.us/img469/7500/gaucheverdb7.gif);
background-repeat:no-repeat;
}

td[width="60"][align="left"] {
background-image:url(http://img112.imageshack.us/img112/263/droitevercj6.gif);
background-repeat:no-repeat;
}

#. Message de trolldeudam le 22-01-2008 à 15:43	63606 - trolldeudam (Skrim 60) - Les Vacheliers de l'Etable Ronde -
Pays: Belgium Inscrit le : 23-08-2005 Messages: 667 (Shaï Epileptique)	Citer

wouha ça marche!

Merci mille fois

#. Message de Kaposi le 31-03-2008 à 22:28	97776 - Etxekoandere (Kastar 19)
Pays: France Inscrit le : 13-11-2007 Messages: 12 (P'tit Gob')	Citer

Bonjour à vous,

Je me permet de dépoussiérer un peu ce topic. J'ai besoin d'un petit coup de main en CSS.

J'ai donc tout customiser. Tout se déroulerait même parfaitement, si le tableau utilisé pour les événements ne dépassait pas mes proportions.

J'ai eu beau faire sauter la colonne "type" (ce sera pas sanctionner, au fait ?) et réduire police et largeurs, rien n'y fait, ça dépasse.

Je n'ai rien trouvé pour faire scroller la table (overflow est ignoré).

Quelqu'un aurait-il une idée ou une astuce ?

merci d'avance

#. Message de Drago le 02-04-2008 à 10:43	305 - ( )
Pays: France Inscrit le : 28-11-2007 Messages: 46 (P'tit Gob')	Citer

Salut,
avec du position:fixed, tu pourras pas utiliser le overflow. En revanche, tu peux essayer de remplacer :

table#events {
    border-collapse: collapse;
    border-spacing: 0;
    width: 55%;
    position:fixed;
    top:45px;
    left:300px;
}

par

table#events {
    border-collapse:collapse;
    border-spacing:0pt;
    margin-left:300px;
    margin-top:45px;
    width:420px;
}

table#events tbody {
    overflow:auto;
    height:450px;
}

Après, si je peux me permettre, c'est pas très joli les barres de défilement en plein milieu (et ton profil est très chouette au passage, même si le vert est un peu agressif à mon goût)

Tu devrais essayer de réduire la largeur des colonnes pour supprimer la barre horizontale, ce serait déjà bien

#. Message de Kaposi le 03-04-2008 à 22:03	97776 - Etxekoandere (Kastar 19)
Pays: France Inscrit le : 13-11-2007 Messages: 12 (P'tit Gob')	Citer

Merci

La hauteur n'est pas résolue, mais la largeur, c'est déjà trop bien

Quote: Posté par Drago @ 02-04-2008 à 10:43
Tu devrais essayer de réduire la largeur des colonnes pour supprimer la barre horizontale, ce serait déjà bien

Pour la barre, j'ai d'abord supposé que tu parlais de celle, horizontale, qui se trouve sur le profil. Mais on parle des évents, et je n'y vois pas de barre.

Pour le vert, c'est un hommage. Telle est la couleur originelle de l'écran du pipboy (fallout et fallout2).

Encore Merci

#. Message de Drago le 03-04-2008 à 22:14	305 - ( )
Pays: France Inscrit le : 28-11-2007 Messages: 46 (P'tit Gob')	Citer

En fait, tu n'as pas fait comme je disais et tu as gardé le position : fixed. Avec ma solution, tu te retrouvais avec un ascenseur horizontal et un ascenseur vertical et je trouvais pas ça très joli. Avec ta solution, les événements dépassent du cadre et ils sont perdus, c'est un peu dommage

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 : 05:22:53 le 26/12/2024 ] - [ Page générée en 0.012 sec. ]