MountyHall - La Terre des Trõlls

	Ze T-Shirt
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

Question pour un champion sur les profils.....

#. Message de Païge le Tom le 29-09-2007 à 19:06	50543 - Paige (Tomawak 60) - Intertrõllesque Minière des Associés Pourfendeurs -
Pays: France Inscrit le : 24-09-2007 Messages: 513 (Shaï Epileptique)	Citer

Salut,

J'ai déjà un peu bidouillé un ancien profil (changement de couleur de fond, de police, etc...) mais aujourd'hui je souhaite passer à l'étape supérieure c'est à dire obtenir un profil exactement comme celui ci.
J'ai téléchargé la doc sur le site du zéro, mais galère extrème... Un expert es-ccs pourrait-il me dire si c'est accessible pour un débutant extrème comme moi ?

Païge le Tom

#. Message de [K1] le 30-09-2007 à 06:56	80000 - ( )
Pays: Canada Inscrit le : 30-04-2007 Messages: 363 (Golem Costaud)	Citer

Il faut se méfier du "exactement"... Tu obtiens rarement un résultat parfaitement identique sur chaque navigateur, à moins de vraiment te casser la tête, mais oui, même avec peu de notions en CSS tu seras tout à fait capable de réaliser ce profil.

Petit guide sans prétention aucune, en passant...

Quand on débute il est important d'adopter une bonne méthodologie, d'y aller étape par étape et le profil se construit tout seul

NB: Je suppose que votre profil (options/apparence de mon profil) est du type "Profil avancé (XHTML pour des CSS 2.1).

1. Travailler "offline" : enregistrez chacune des pages HTML correspondant aux différentes pages du profil : "profil", "événements" et "classement" sur votre disque dur. Vous vous servirez de ces copies pour afficher le résultat de vos modifications sur votre CSS personnalisée, plutôt que de devoir uploader votre CSS à chaque modif pour voir le résultat... Modifiez pour cela le "lien" entre vos pages HTML et la CSS, ouvrez chacune des 3 pages HTML et modifiez la balise correspondant à l'appel de votre CSS "80000.css" enregistrée dans le même répertoire que vos pages HTML : <link rel="stylesheet" href="80000.css" type="text/css" title="Style personnalisé du troll 80000"> à la place de : <link rel="stylesheet" href="href="http://blason.mountyhall.com//Css_PJ/80000.css" type="text/css" title="Style personnalisé du troll 80000"> par exemple.

2. Regardez la structure des pages HTML. Quelques notions de HTML vous serons nécessaires mais rassurez-vous, ça ne va pas chercher très loin et ce lien devrait vous suffir pour vous y retrouver : http://fr.selfhtml.org/navigation/html.htm. L'important ici est de comprendre comment sont affichées les données pour pouvoir les "styliser" correctement. Vous obtiendrez les informations nécessaires pour savoir comment accéder à un "élément textuel" pour l'afficher d'une certaine couleur, police ou autre personnalisation. Par exemple : la plupart des éléments du profil sont définis comme des "listes de définitions". Vous accéderez donc au nom de votre guilde par la "commande CSS" : dd.guilde, que vous pourrez ensuite modifier de manière isolée, sans toucher au reste !

3. La CSS "MH_Style_ProfilAvance.css" vous fournit quelques éléments de personnalisation. N'hésitez pas à "jouer" avec : changez les valeurs et regardez ce qui se passe en rafraichissant la page HTML correspondante, c'est le meilleur moyen d'apprendre ! Pour aller plus loin vous aurez besoin de notions en CSS et pour cela je vous recommande les pages suivantes : http://pompage.net/pompe/cssdezero-1/, qui est un excellent tutoriel pour débuter, et http://fr.selfhtml.org/navigation/css.htm qui constitue un excellent aide-mémoire et moyen de savoir à quoi correspondent les différentes commandes dispo en CSS.

Je vous conseille également les sites : alsacreations et openweb pour davantage de documentation.

Maintenant à vous de jouer et je ne saurai que trop vous conseiller de vous armer de patience ! Bon courage

En espérant éviter à certains de longues et fastidieuses recherches sur le sujet...

Caïn.

#. Message de Païge le Tom le 30-09-2007 à 20:16	50543 - Paige (Tomawak 60) - Intertrõllesque Minière des Associés Pourfendeurs -
Pays: France Inscrit le : 24-09-2007 Messages: 513 (Shaï Epileptique)	Citer

Salut K1,

Merci pour ces premières infos, je consulte les sites, je retrousse mes manches , et je m'y mets...

Païge le Tom

#. Message de [K1] le 30-09-2007 à 21:46	80000 - ( )
Pays: Canada Inscrit le : 30-04-2007 Messages: 363 (Golem Costaud)	Citer

Bienvenue

N'hésite pas à m'envoyer un mp en cas de besoin, on peut même en discuter sur msn pour plus d'interactivité si nécessaire.

Un dernier truc, tu peux regarder les CSS des profils "intéressants" que tu rencontre. Fais abstraction du côté esthétique, c'est la technique qui t'intéresse vu que tu t'es déjà fait un patron. La sélection, le placement et la personnalisation des éléments d'autres profils te diront comment faire pour ton propre profil !

Caïn, d'humeur généreuse

#. Message de Païge le Tom le 06-12-2007 à 23:14	50543 - Paige (Tomawak 60) - Intertrõllesque Minière des Associés Pourfendeurs -
Pays: France Inscrit le : 24-09-2007 Messages: 513 (Shaï Epileptique)	Citer

Me revoila,

Bon ayant eu des difficultés au départ pour agencer mes "blocs/paragraphes" je me suis fait aidé pour la mise en page, puis ensuite j'ai pris mon courage à deux main pour arriver au résultat que je souhaitais. Le hic c'est que c'est tout beau sous firefox mais aussi tout nul et illisible sous IE. J'ai lu qu'il était possible de créer une css spécifique pour FF et une autre pour IE qui se chargerait en fonction du navigateur utilisé.
Première question, y-a-t il un site en français qui explique précisément la procédure et les manip à faire. Deuxième question: sinon pensez vous qu'il soit facile de modifier ma css initiale pour qu'elle donne le même résultat (ou qu'elle s'en pproche fortement) sous firefox et sous IE.
(j'ai déjà bien galéré pour obtenir ce que je voulais sous FF, et je ne sais pas par quelle bout prendre la css pour la rendre compatible sous les deux navigateurs).

Païge un peu désabusé (mais qui est passé de nul à moins nul en css)

#. Message de breizhou13 le 07-12-2007 à 08:56	50233 - B13 (Skrim 60) - Les reclus -
Pays: France (13 - Bouches-du-Rhône) Inscrit le : 10-11-2004 Messages: 2923 (Djinn Tonique)	Citer

En effet. J'ai le meme soucis donc j'avais fait un petit script php:

<?php
//
header("Cache-Control: no-cache, must-revalidate"); // HTTP/1.1
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); // Date in the past
header("Content-type: text/css");
if(ereg("MSIE", getenv("HTTP_USER_AGENT")))
{
    $navigateur="ie.css";
}else
{
    $navigateur="mozilla.css";
}
    $Fnm =$navigateur;

$tableau = file($Fnm);

for($i=0;$i<count($tableau);$i++)
{
   echo $tableau[$i];

}

?>

tu mets ca dans un fichier *.php (par ex: nav.php) que tu heberges sur un serveur acceptant le php.
le css pour ie s'appelle ie.css
le css pour mozilla s'appelle mozilla.css

Pour appeler ton css de profil tu envoies l'adresse de ton fichier .php (ex: http://paige.free.fr/nav.php).

Attention: tu ne pourras pas uploader ce fichier sur mountyhall. C'est pas une technique recommandee mais ca marche a peu pres et ca permet de pas se faire chier

#. Message de Païge le Tom le 07-12-2007 à 09:14	50543 - Paige (Tomawak 60) - Intertrõllesque Minière des Associés Pourfendeurs -
Pays: France Inscrit le : 24-09-2007 Messages: 513 (Shaï Epileptique)	Citer

Merci Breizhout13 pour ces premières infos je vais tester cela dès ce soir...

#. Message de Païge le Tom le 09-12-2007 à 00:58	50543 - Paige (Tomawak 60) - Intertrõllesque Minière des Associés Pourfendeurs -
Pays: France Inscrit le : 24-09-2007 Messages: 513 (Shaï Epileptique)	Citer

Cool ça fonctionne à merveille... Bon il me reste quelques petits trucs que je n'arrive pas à modifier.

Sous Firefox, je n'arrive pas à aligner dans le prolongement de l'item "matricule" , le numéro de mon troll et le lien mail il reste bloqué en haut à droite de mon bloc (en fait je n'arrive pas à trouver la ligne de code css à modifier).

Sou IE : Même problème que précédemment +
Je n'arrive pas à faire disparaître le marquage "blason du troll" en surimpression
Je n'arrive pas à bouger l'onglet "changer d'apparence" verticalement (horizontalement margin-left fonctionne, mais aucune incidence quand j'utilise la fonction margin-top).

Païge (encore un peu moins nul qu'avant)

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

Salut,
Pour ton problème sous firefox, essaie d'ajouter cette directive :
dt.blason {
display:none;
}

ça va faire disparaître le bloc situé au dessus du bloc "matricule" et ça devrait aligner le bloc "matricule" et le bloc avec ton numéro.
En revanche, pour le "lien mail", je ne vois pas de quoi tu parles

#. Message de Païge le Tom le 12-12-2007 à 11:48	50543 - Paige (Tomawak 60) - Intertrõllesque Minière des Associés Pourfendeurs -
Pays: France Inscrit le : 24-09-2007 Messages: 513 (Shaï Epileptique)	Citer

Merci Drago, c'est une erreur d'inattention, j'avais laissé "display:none;" sous /* ...*/ lors d'une manipulation intermédiaire. A force de se concenter on ne voit plus rien

#. Message de K1 le 21-01-2008 à 14:13	110840 - Ryûk le Dépeceur (Skrim 50) - Les Trolls du Tabouret Carré -
Pays: France Inscrit le : 19-12-2007 Messages: 2116 (Djinn Tonique)	Citer

salut !!

peut-on (et quelle ligne modifier pour) changer de place le lien "envoyer un message à ce troll" ??

quand j'enleve mon numéro de troll forcement ce lien se barre avec...je veux garder que le lien pour ensuite le déplacer. Y a t'il un terme précis à inclure pour modifier ce lien ??

(mon profil est en cours, donc pas encore en ligne petits curieux

)

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

Tu devrais préciser si tu utilises le profil de base ou le profil avancé.

Pour le profil simple, tu peux sélectionner le lien en question en mettant ça dans ta css :

a[target="_blank"] {
/* ton style, par exemple , background-color:red ; pour que ce soit bien visible */
}

Si tu utilises le profil avancé, tu dois utiliser le code suivant pour accéder à ton lien
#envoiMessage {
/* le style du lien*/
}

Après, à toi de mettre le style que tu veux pour déplacer ton lien

#. Message de K1 le 21-01-2008 à 19:23	110840 - Ryûk le Dépeceur (Skrim 50) - Les Trolls du Tabouret Carré -
Pays: France Inscrit le : 19-12-2007 Messages: 2116 (Djinn Tonique)	Citer

ha oui pardon

style avancé!

merci beaucoup pour ta réponse! je vais m'y mettre de suite

Pages : [1]

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