Fiche Simple mais classe

Salut tout le monde !

Je vous propose ceci.

Code:

<link href='http://fonts.googleapis.com/css?family=Special+Elite|Bad+Script|Great+Vibes' rel='stylesheet' type='text/css' /><div style="width: 40%; margin: auto; padding: 80px; font-size: 14px; opacity: 0.8; border:10px outset #003366;"><div style="width:50%; height:30px; padding:10px; border-radius: 50px ; 0px ; 50px; 0px;"><div style="font-family: 'Great Vibes', cursive; font-size: 35px; position: relative; color: #000000; text-align: center; margin-top:-50px; background-color:#ffffff; opacity:0.7; width: 550px; margin-left:-140px; height: 80px; border-radius:50px 250px / 250px 50px; border-left: 5px solid #003366; border-right: 5px solid #003366;border-top:2px solid #003366; border-bottom:2px solid #003366;"><div style=" font-size: 40px; padding-top:20px; font-weight: bold;">Titre du Rp</div><span style="font-family: 'Special Elite', cursive; color: grey; font-size: 20px; position: relative;"><br /><p> Feat</p> </span></div></div>


<p>
Utque aegrum corpus quassari etiam levibus solet offensis, ita animus eius angustus et tener, quicquid increpuisset, ad salutis suae dispendium existimans factum aut cogitatum, insontium caedibus fecit victoriam luctuosam.

Quam ob rem vita quidem talis fuit vel fortuna vel gloria, ut nihil posset accedere, moriendi autem sensum celeritas abstulit; quo de genere mortis difficile dictu est; quid homines suspicentur, videtis; hoc vere tamen licet dicere, P. Scipioni ex multis diebus, quos in vita celeberrimos laetissimosque viderit, illum diem clarissimum fuisse, cum senatu dimisso domum reductus ad vesperum est a patribus conscriptis, populo Romano, sociis et Latinis, pridie quam excessit e vita, ut ex tam alto dignitatis gradu ad superos videatur deos potius quam ad inferos pervenisse.

Quis enim aut eum diligat quem metuat, aut eum a quo se metui putet? Coluntur tamen simulatione dumtaxat ad tempus. Quod si forte, ut fit plerumque, ceciderunt, tum intellegitur quam fuerint inopes amicorum. Quod Tarquinium dixisse ferunt, tum exsulantem se intellexisse quos fidos amicos habuisset, quos infidos, cum iam neutris gratiam referre posset.</p>

<p><span style="text-align:justify>
Utque aegrum corpus quassari etiam levibus solet offensis, ita animus eius angustus et tener, quicquid increpuisset, ad salutis suae dispendium existimans factum aut cogitatum, insontium caedibus fecit victoriam luctuosam.


Quam ob rem vita quidem talis fuit vel fortuna vel gloria, ut nihil posset accedere, moriendi autem sensum celeritas abstulit; quo de genere mortis difficile dictu est; quid homines suspicentur, videtis; hoc vere tamen licet dicere, P. Scipioni ex multis diebus, quos in vita celeberrimos laetissimosque viderit, illum diem clarissimum fuisse, cum senatu dimisso domum reductus ad vesperum est a patribus conscriptis, populo Romano, sociis et Latinis, pridie quam excessit e vita, ut ex tam alto dignitatis gradu ad superos videatur deos potius quam ad inferos pervenisse.

Quis enim aut eum diligat quem metuat, aut eum a quo se metui putet? Coluntur tamen simulatione dumtaxat ad tempus. Quod si forte, ut fit plerumque, ceciderunt, tum intellegitur quam fuerint inopes amicorum. Quod Tarquinium dixisse ferunt, tum exsulantem se intellexisse quos fidos amicos habuisset, quos infidos, cum iam neutris gratiam referre posset.</p></span>

-<span style="color: #00cc99;">Quis enim aut eum diligat quem metuat, aut eum a quo se metui putet?
</span>

<div style="font-size: 10px;  color:#000000; text-align: center; margin:auto;"> <a href="http://www.never-utopia.com/">(c) Codage By FreeSpirit</a></div>
</div>

Bonjour à toi

Déjà merci du partage ^^ J'ai quelques petits trucs à dire sur ton LS mais ce n'est pas à prendre mal plutôt des conseils... ^^

Déjà la grosse erreur c'est qu'on ne mélange jamais deux langages (le CSS et le HTML étant complémentaire c'est différent) en clair on ne code pas en HTML pour rajouter du BBCODE dedans, soit on fait tout en BBCODE soit on fait tout en HTML. Je rappelle que le BBCODE est retransmis en HTML mais généralement chaque balise est équivaut à une div ou une span "style" et du coup c'est pas forcément approprié en plus de pouvoir causer des soucis, c'est aussi un soucis de propreté ^^... Il y a pas mal de balise qui ont leur équivalent en HTML sans pour autant changer leur contenu ^^ Je te renvoi à ce lien pour plus d'informations > https://www.never-utopia.com/t42832-aide-les-erreurs-les-plus-courantes-en-codage

Ensuite, c'est plus des conseils qu'autre chose :

¤ Déjà, la balise center n'est plus utilisé depuis longtemps et pourrais causer des erreurs à l'avenir dans tes codes, pour cause que celle-ci pourrait ne plus être interpréter, il y a d'autres façon pour centrer quelque chose, renseigne toi sur NU ou sur le WEB Ce n'est qu'un conseil bien évidemment pas une obligation ^^

¤ Tu as moyen de réduire le code en groupant tes balises "link" en une seule, en séparant chaque police par | (alt + 6)

¤ Le blockquote n'est pas censé être utilisé pour faire un retrait sur le côté gauche mais pour faire un bloc de citation, blockquote voulant dire "Bloc citation", souvent il est utilisé à l'abus pour faire des retraits c'est pas du tout adéquate.

¤ Les BR sont censé être utilisé pour faire des "retour à la ligne" et non un saut de ligne, si on veut faire un saut de ligne nous avons la balise "p" ou (paragraphe) ou encore simplement les div. De plus, un br se ferme comme une balise image (et link aussi, tu ne les as pas fermé non plus). C'est à dire "br /" et non "/br" ^^

¤ Un lien ne se fini pas par // mais ça c'est un détail

¤ Le Background-repeat: no-repeat ne sert à rien si tu n'as pas d'image de fond en background, ça fais du code en plus inutile ^^

¤ Le pour Copyright n'est en réalité pas autorisé (mais ça, c'est un truc que m'a transmis Jack il y a peu XD), moi-même je l'utilisais avant (et il faut que je change ça dans mes LS) mais ce n'est théoriquement pas permis si tu ne l'as pas payé. Le mieux étant de mettre un (c) qui est le dérivé pour "crédit" ^^

Je crois que c'est tout et c'est déjà énorme, essaye de les appliquer quand même petit à petit, certains ne sont pas trop dur (notamment le coup du Copyright) pour le reste, ce sont des détails mais ça à son importance quand même ^^)

Merci pour ces conseils, bon pas de mélange BBCODE/HMTL on est d'accord ça je peux faire :)

¤ Déjà, la balise center n'est plus utilisé depuis longtemps et pourrais causer des erreurs à l'avenir dans tes codes, pour cause que celle-ci pourrait ne plus être interpréter, il y a d'autres façon pour centrer quelque chose, renseigne toi sur NU ou sur le WEB Wink Ce n'est qu'un conseil bien évidemment pas une obligation ^^

-> Utilisation du padding/Margin ?

¤ Tu as moyen de réduire le code en groupant tes balises "link" en une seule, en séparant chaque police par | (alt + 6)

Code:

<link href='http://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'| 'http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>

Comme ceci ?

¤ Le blockquote n'est pas censé être utilisé pour faire un retrait sur le côté gauche mais pour faire un bloc de citation, blockquote voulant dire "Bloc citation", souvent il est utilisé à l'abus pour faire des retraits c'est pas du tout adéquate.

-> Padding ?

¤ Les BR sont censé être utilisé pour faire des "retour à la ligne" et non un saut de ligne, si on veut faire un saut de ligne nous avons la balise "p" ou (paragraphe) ou encore simplement les div. De plus, un br se ferme comme une balise image (et link aussi, tu ne les as pas fermé non plus). C'est à dire "br /" et non "/br" ^^

Code:

<br />TEXTE </br>

? sinon on utilise

Code:

 <p>

Code:

<link href='http://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'| 'http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>

+

Code:

</link>

ou

Code:

</a>

? Comme ceci ?

¤ Un lien ne se fini pas par // mais ça c'est un détail Wink

-> Juste Erreur lors du copier/coller

¤ Le Background-repeat: no-repeat ne sert à rien si tu n'as pas d'image de fond en background, ça fais du code en plus inutile ^^

-> Ok, je réutilise quelques fois des codes c'est pour ça :)

¤ Le © pour Copyright n'est en réalité pas autorisé (mais ça, c'est un truc que m'a transmis Jack il y a peu XD), moi-même je l'utilisais avant (et il faut que je change ça dans mes LS) mais ce n'est théoriquement pas permis si tu ne l'as pas payé. Le mieux étant de mettre un (c) qui est le dérivé pour "crédit" ^^

-> C'est noté :)

Alors, d'abord pour les liens ce serait plus :

Code:

<link href='http://fonts.googleapis.com/css?family=Special+Elite'|Great+Vibes rel='stylesheet' type='text/css' />

Et la balise se ferme comme je viens de le faire

Puis, pour les br c'est juste < br / > et non < /br > tu la fermes directement dans la balise comme une img ou une balise link ^^ Par exemple :

Code:

Texte sur la ligne 1 <br />
Texte sur la ligne 2
<p>Saut de ligne</p>

Ce qui donnera


Sache aussi que ForumActif fais des br automatiques, donc si tu mets un retour à la ligne dans ton message (ou un saut de ligne) ça deviendra forcément 1 br (ou deux pour le saut de ligne) chaque retour à la ligne est égal à un BR sous FA ^^

Hey !

Tu as eu le temps de modifier ton code FreeSpirit ? Il reste des balises mal fermées, penses à relire

merci

Très joli !

Très simple mais sympa! ^^

Merci elle est cool mais simple ! =)

Merci ^^

Merci pour cette fiche !

joli, merci :)

Simple, mais parfait (:

Merci beaucoup !

Très classe, à tester, merci beaucoup !

Super!! Merci beaucoup!

Merci pour le partage !

Wow, joli, je l'adopte, merci du partage et du bon boulot :)

Merci^^

Trop classe ^-^

Joli ! :O

Merci !

Merci

Merci pour le code

Salut,

J'aime beaucoup, c'est à la fois très simple et sympa, pas de surcharge, pas de couleur qui jure !

Bravo