Un forum de discussions pour parler de tout et de rien, de vos études,de vos vacances,de vos loisirs et faire plein de connaissances
 
Le Deal du moment :
Funko POP! Jumbo One Piece Kaido Dragon Form : ...
Voir le deal

Partagez
 

 Aide Fiche html

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Sygea
Lion des mers
Lion des mers
Sygea
Messages : 537
Date d'inscription : 18/04/2016

Aide Fiche html Empty
Message Sujet: Re: Aide Fiche html   Aide Fiche html EmptyVen 22 Juil - 14:29

Déjà pour le premier texte il faudrait que tu changes la taille de ta police pour éviter que ça coupe la dernière ligne comme ça comme il s'agit d'un overflow hidden et pas auto

Ensuite, quand tu rajoutes une google font la plupart du temps elle n'est pas enregistrée sur le forum, il faut que tu rajoutes un lien au début de ton code pour que quand tu mettes "Font-family=Cookie" ça fonctionne. Le lien tu le trouves quand t'es sur google font et que tu vas dans 'quick use' tu prends le lien dans "Add this code to your website" ici c'est celui-ci:
Code:
<link href='https://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
Je l'ai rajouté du coup

Pour le scroll dans juillet tu avais fait une erreur dans ton height tu avais mis 5000px, et c'est beaucoup  :sisi: : Du coup j'ai mis la même valeur que pour les autres onglets:
Code:
<div style="height: 285px; width: 580px; overflow: auto; padding:5px;">

Pour le texte je te l'ai simplifié, tu fais pas mal de trucs inutiles qui t'embrouillent la tête, c'est mieux de simplifier le plus possible, comme en maths. En fait que tu fais un
Code:
<p></p>
ça s'applique à tout le texte entre les 2 p pour faire des paragraphes. Donc pour faire tes zigouigouis d'une autre couleur, il suffit de faire un
Code:
<span></span>
qui agit comme une sorte "d'exception". Ici j'ai juste changé la couleur sans préciser le reste puisque le texte garde les propriétés du
Code:
<p>
Après je trouve la couleur de tes zigouigouis difficile à lire, tu devrais rajouter un text-shadow là dedans:
Code:
<span style="color: #7fb6ce;">∮22</span>

Excuse-moi pour mon vocabulaire pas du tout précis, en plus je sais pas du tout expliquer xD  :pandasad:

Pour styliser tes liens dans les mois par contre, j'ai pas trop de solution, il faut mieux passer par un forum test et faire un truc comme
Code:
.lien{
    text-decoration:none;
    font-family:calibri;
    font-size:14px;
    color:pink;
    }
Et rajouter un hover peut-être, mais ça je maitrise moins, peut-être que d'autres sauraient mieux t'aider ><



~ Océan de G ~





Emensis itaque difficultatibus multis et nive obrutis callibus plurimis ubi prope Rauracum ventum est ad supercilia fluminis Rheni, resistente multitudine Alamanna pontem suspendere navium conpage Romani vi nimia vetabantur ritu grandinis undique convolantibus telis, et cum id inpossibile videretur, imperator cogitationibus magnis attonitus, quid capesseret ambigebat Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letaliaCognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia


Juillet 2016


∮22

Test fiche
#
#

∮23

Test fiche
#
#

∮24

Test fiche
#
#

∮25

Test fiche
#
#

∮26

Test fiche
#
#

Août 2016

Emensis itaque difficultatibus multis et nive obrutis callibus plurimis ubi prope Rauracum ventum est ad supercilia fluminis Rheni, resistente multitudine Alamanna pontem suspendere navium conpage Romani vi nimia vetabantur ritu grandinis undique convolantibus telis, et cum id inpossibile videretur, imperator cogitationibus magnis attonitus, quid capesseret ambigebat Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letaliaCognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letaliaCognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letaliaCognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letaliaEmensis itaque difficultatibus multis et nive obrutis callibus plurimis ubi prope Rauracum ventum est ad supercilia fluminis Rheni, resistente multitudine Alamanna pontem suspendere navium conpage Romani vi nimia vetabantur ritu grandinis undique convolantibus telis, et cum id inpossibile videretur, imperator cogitationibus magnis attonitus, quid capesseret ambigebat Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letaliaCognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia

Septembre 2016

Emensis itaque difficultatibus multis et nive obrutis callibus plurimis ubi prope Rauracum ventum est ad supercilia fluminis Rheni, resistente multitudine Alamanna pontem suspendere navium conpage Romani vi nimia vetabantur ritu grandinis undique convolantibus telis, et cum id inpossibile videretur, imperator cogitationibus magnis attonitus, quid capesseret ambigebat Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letaliaCognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letaliaEmensis itaque difficultatibus multis et nive obrutis callibus plurimis ubi prope Rauracum ventum est ad supercilia fluminis Rheni, resistente multitudine Alamanna pontem suspendere navium conpage Romani vi nimia vetabantur ritu grandinis undique convolantibus telis, et cum id inpossibile videretur, imperator cogitationibus magnis attonitus, quid capesseret ambigebat Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letaliaCognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia



« Inconscient people don't want tea »



Code:
<link href='https://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'><center><br /><br /><div style="height: auto;width: 630px;padding: 10px;background: #e07985;margin-top: -10px;border-left:10px solid #7fb6ce;border-right:10px solid #7fb6ce;"><table><h1 style="font-weight: lighter;color: #800000;font-size: 40px;font-family: Cookie;text-shadow: 1px 1px 0px #b0c5ce;">~ Océan de G ~</h1><tr><td><img src="http://i.imgur.com/0znLwjq.png" style="height: 300px;width: 200px;box-shadow:0px 0px 4px black;"/></td><br /><td><hr style="height: 250px;background: #7fb6ce;width: 3px;border: none;margin-left:10px;"/></td><td><br /><br /><div style="margin-left: 10px; margin-top: -50px;height: 240px;overflow: hidden;"><p style="text-align: justify;color: #800000;font-size:11px;">Emensis itaque difficultatibus multis et nive obrutis callibus plurimis ubi prope Rauracum ventum est ad supercilia fluminis Rheni, resistente multitudine Alamanna pontem suspendere navium conpage Romani vi nimia vetabantur ritu grandinis undique convolantibus telis, et cum id inpossibile videretur, imperator cogitationibus magnis attonitus, quid capesseret ambigebat Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letaliaCognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia</p></div></td></tr></table><h2 style="font-family: Cookie;font-size: 20px;font-weight: lighter;color: #7fb6ce;text-shadow:1px 1px 0px #b0c5ce;text-align:left;"><div><a href="#1" title="">Juillet 2016</a> - <a href="#2" title="" >Août 2016</a> - <a href="#3" title="" >Septembre 2016</a> -<br><br><br></div></h2><table style="margin-top: -35px;"><tr><td><hr style="height: 300px;background: #7fb6ce;width: 3px;border: none;margin-left:10px;"/></td><td><div style="height: 280px;width: 630px;margin-left: 5px;margin-right:5px;overflow: hidden;"><div style="height: 285px; width: 580px; overflow: auto; padding:5px;"><a name="1"></a><div><p style="color: #7fb6ce;font-size:18px;text-align:center;">Juillet 2016</div><div style="text-align: left;"><p style="text-align: justify;color: #800000;font-size:14px;"><br /><span style="color: #7fb6ce;">∮22</span> <br />
Test fiche
#
#<br />
<span style="color: #7fb6ce;">∮23</span><br />
Test fiche
#
#<br />
<span style="color: #7fb6ce;">∮24</span><br />
Test fiche
#
#<br />
<span style="color: #7fb6ce;">∮25</span><br />
Test fiche
#
#<br />
<span style="color: #7fb6ce;">∮26</span><br />
Test fiche
#
#<br /></p></div></div><div style="height: 285px; width: 580px; overflow: auto; padding:5px;"><a name="2"></a><div style="text-align: center;"><p style="color: #7fb6ce;font-size:18px;text-align:center;">Août 2016</div><div style="text-align: left;"><p style="text-align: justify;color: #800000;font-size:14px;">Emensis itaque difficultatibus multis et nive obrutis callibus plurimis ubi prope Rauracum ventum est ad supercilia fluminis Rheni, resistente multitudine Alamanna pontem suspendere navium conpage Romani vi nimia vetabantur ritu grandinis undique convolantibus telis, et cum id inpossibile videretur, imperator cogitationibus magnis attonitus, quid capesseret ambigebat Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letaliaCognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letaliaCognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letaliaCognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letaliaEmensis itaque difficultatibus multis et nive obrutis callibus plurimis ubi prope Rauracum ventum est ad supercilia fluminis Rheni, resistente multitudine Alamanna pontem suspendere navium conpage Romani vi nimia vetabantur ritu grandinis undique convolantibus telis, et cum id inpossibile videretur, imperator cogitationibus magnis attonitus, quid capesseret ambigebat Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letaliaCognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia</p></div></div><div style="height: 285px; width: 580px; overflow: auto; padding:5px;"><a name="3"></a><div style="text-align: center;"><p style="color: #7fb6ce;font-size:18px;text-align:center;">Septembre 2016</div><div style="text-align: left;"><p style="text-align: justify;color: #800000;font-size:14px;">Emensis itaque difficultatibus multis et nive obrutis callibus plurimis ubi prope Rauracum ventum est ad supercilia fluminis Rheni, resistente multitudine Alamanna pontem suspendere navium conpage Romani vi nimia vetabantur ritu grandinis undique convolantibus telis, et cum id inpossibile videretur, imperator cogitationibus magnis attonitus, quid capesseret ambigebat Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letaliaCognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letaliaEmensis itaque difficultatibus multis et nive obrutis callibus plurimis ubi prope Rauracum ventum est ad supercilia fluminis Rheni, resistente multitudine Alamanna pontem suspendere navium conpage Romani vi nimia vetabantur ritu grandinis undique convolantibus telis, et cum id inpossibile videretur, imperator cogitationibus magnis attonitus, quid capesseret ambigebat Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letaliaCognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia</p></div><br /></div></div><br /></table><br /><p style="color: #800000;text-shadow:1px 0px 0px #b0c5ce;text-align:center;font-size: 14px;">« Inconscient people don't want tea »</p></div></center>
Revenir en haut Aller en bas
Sygea
Lion des mers
Lion des mers
Sygea
Messages : 537
Date d'inscription : 18/04/2016

Aide Fiche html Empty
Message Sujet: Re: Aide Fiche html   Aide Fiche html EmptyVen 22 Juil - 14:53

les #Truc c'est des genres de tags sur forum actif, ça renvoie à tous les sujets du forum qui ont aussi eu un #Truc par exemple o/

No problema
Revenir en haut Aller en bas
Sygea
Lion des mers
Lion des mers
Sygea
Messages : 537
Date d'inscription : 18/04/2016

Aide Fiche html Empty
Message Sujet: Re: Aide Fiche html   Aide Fiche html EmptyVen 29 Juil - 12:32

Moi je trouve ça pas mal ^^ Après, peut-être que tu devrais voir pour faire en fiche HTML (sur un forum test) parce que là tu risques de fortement t'embrouiller ton code est assez gros xD Et puis pour les onglets c'est toujours plus optimisé sur HTML
Revenir en haut Aller en bas
Sygea
Lion des mers
Lion des mers
Sygea
Messages : 537
Date d'inscription : 18/04/2016

Aide Fiche html Empty
Message Sujet: Re: Aide Fiche html   Aide Fiche html EmptyVen 29 Juil - 15:15

Wahouuuu, tu casses le forum :lama8:
Peut-être des balises fermantes oubliées, ou alors une dimension gigantesque qui fait tout bugger, j'essaierai de regarder plus en détail ton code >.>

Là tu fais du codage direct, mais pour les onglets le plus utilisé c'est de le faire à partir d'un forum test. Si tu veux te lancer dans le codage, je te conseille de te créer un forum juste pour toi. Ensuite tu vas dans le panneau d'administration
> modules
> en bas : http://prntscr.com/bz26k5
> http://prntscr.com/bz26uf

Je peux pas trop t'expliquer tout ça sur ce sujet je pense, c'est assez long mais tu voudrais que je t'explique quelques trucs par MP pour savoir comment gérer un codage sur son forum test ?

Ensuite pour ton image tout en bas c'est parce que tu forces ton image à avoir une certaine taille. Alors soit tu la redimensionnes toi-même sur un logiciel (même paint) pour que ça soit plus joli, soit tu fais:
Code:
<img src="http://i.imgur.com/G9BgsMm.png" style="width: 95%;box-shadow:0px 0px 4px black;"/>

Je saurais pas trop t'expliquer comment marchent les pourcentages >.> En gros, ton image prend un pourcentage de l'espace disponible. Donc là ça prendrait 95% de cette partie de ton tableau. C'est assez clair ? D: J'ai pas fait d'essai avant, donc essaye de bidouiller en changer le pourcentage jusqu'à ce que ça te convienne
Revenir en haut Aller en bas
Sygea
Lion des mers
Lion des mers
Sygea
Messages : 537
Date d'inscription : 18/04/2016

Aide Fiche html Empty
Message Sujet: Re: Aide Fiche html   Aide Fiche html EmptyVen 29 Juil - 15:25

Yep c'est ça même ! Grâce à l' "iframe" ! Mais du coup pour modifier il faudra passer par ton forum test et pas directement sur le post avec ton code ^^ Mais ça évite plus facilement les bugs. Hésite pas hein, même si tu utilises pas ce que je te dirai, ça peut toujours te servir

Alors là par contre pour ton bug c'est un mystère ><
Revenir en haut Aller en bas
Sygea
Lion des mers
Lion des mers
Sygea
Messages : 537
Date d'inscription : 18/04/2016

Aide Fiche html Empty
Message Sujet: Re: Aide Fiche html   Aide Fiche html EmptyVen 29 Juil - 15:48

Hmm, j'ai essayé une espèce de démo avec des screens pour te donner un aperçu

Voilà l'aperçu du post vu de l"'extérieur"
Aide Fiche html 4c3beb7c848949fb82950ec13827d9a0

Voilà maintenant quand j'édite, on voit l'iframe qui dit en gros "cette page HTML de ce forum s'affichera ici" avec la taille. Le scrolling c'est le scroll, simplement, si le code dépasse la taille que tu mets (par exemple si ton code fait 800px de hauteur mais que l'iframe est réglée sur 700px de hauteur) et le frameborder c'est pour encadrer ton code, en gros. Mets toujours "no" sinon c'est moche :sisi: :
Aide Fiche html D038e69c15eb49a5a9f3cbb10ff97dd1

Maintenant, on passe sur mon forum test ! Panneau d'admin > modules > HTML
voilà la liste des codes que j'ai enregistré sur mon forum test. Celui encadré en vert c'est celui qui correspond à celui dans l'iframe plus haut
Aide Fiche html 808b69dec19546e0accb421bd74c0ffe

C'est cette adresse là qu'on met dans l'iframe ^^
___________________________________________

Donc comme tu le vois, ça prend moins de place dans les posts et y'a moins de bugs, et ça permet de faire plus d'animations sans bug surtout. Seul inconvénient pour les flemmards: pour éditer ton code, il faut aller sur forum test et cliquer sur le rouage ^^


J'espère que c'est compréhensible xD Après la présentation de ton code-même est très différente de quand tu le fais en direct comme ça, et c'est plutôt pour ça que tu aurais besoin d'explications ><
Revenir en haut Aller en bas
Sygea
Lion des mers
Lion des mers
Sygea
Messages : 537
Date d'inscription : 18/04/2016

Aide Fiche html Empty
Message Sujet: Re: Aide Fiche html   Aide Fiche html EmptyVen 29 Juil - 16:10

Aide Fiche html 463793218 Il faudrait penser à s'y pencher plus sérieusement ! Ca rentre vite en général et tu as de bonnes idées :)
Revenir en haut Aller en bas
Gaïa
Baleine de Nemo
Baleine de Nemo
Gaïa
Messages : 1436
Date d'inscription : 18/07/2016
Age : 22

Aide Fiche html Empty
Message Sujet: Re: Aide Fiche html   Aide Fiche html EmptyLun 22 Aoû - 21:58

Tu t'en es sorti @G ou tu as encore besoin d'aide ? (:
Revenir en haut Aller en bas
Contenu sponsorisé



Aide Fiche html Empty
Message Sujet: Re: Aide Fiche html   Aide Fiche html Empty

Revenir en haut Aller en bas
 
Aide Fiche html
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Aide aux devoirs 水
» Aide à la recherche d'avatar
» Fiche #1 — LS
» [Fiche] Le BGG
» [Fiche] GANGSTA.

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Ocean Home :: L'évasion :: Fosse océanique-