Codes en libre service & explications

Voir le sujet précédent Voir le sujet suivant Aller en bas

Codes en libre service & explications

Message par Jadenorth le Sam 31 Jan - 22:53

Codes & Co
Bonjour à tous


Comme vous avez pu le constater, ici les codes nous aident a avoir un design plus propre dans tous nos sujets. Que ça soit la présentation des membres, les annonces, certains sujets, (etc.) nous nous efforçons a faire de ce forum un petit coin ou tout est clair.
Cependant, la lecture et l'utilisation des codes n'est pas a la portée de tout le monde. C'est pour cela que j'ai décidé de faire un petit sujet explicatif de ce que je connais en codage (je suis très limitée mais je peux vous expliquer la base des bases des bases! ^^) ainsi qu'un petit coin ou on peut recenser divers codes. ^^

Je m'excuse par ailleurs du topic qui parait un peu bordélique, il doit y avoir un soucis dans mon code qui fait que les avatars se trouvent décalés et passent de gauche a "en dessous" x__x ça me blase....

------------------------------------------------------------------------------------------------------------------------

Premièrement, A quoi servent les code? Ils servent à mettre en page de manière plus esthétique les forums, les post, les sites. Ils sont présents absolument partout sur le net! Chaque image placée, chaque texte, chaque barre de défilement est inscrite sur une fiche avec ce qu'on apelle des codes. Il existe plusieurs types de codes. Ceux qu'on utilise le plus généralement sur les forums sont des BBCodes. Les codes HTML sont un peu plus difficile a apprivoiser.
Pour donner un exemple simple voilà un BBcode:
Code:
[url=http://squiby.net/level/10823799][img]http://squiby.net/view/10823799.png[/img][/url]

Et voilà un code HTML:
Code:
<a href="http://squiby.net/level/10823799"><img src="http://squiby.net/view/10823799.png" border=0>

Les deux codes traduisent la meme chose mais dans des "langages" différents.


Au final il suffit d'avoir un peu de jugeotte et de remplacer dans un code deja existant copié ailleurs (car il existe pleiiiiin de codes en libre service sur le net ) une petite partie. Généralement on remplace les images, on peut remplacer les couleurs quand on finit par se sentir à l'aise avec tout ça...

Le principal dans un code c'est de se mettre en tete qu'une balise ouverte doit toujours etre fermée. La premiere balise ouverte sera la derniere fermée (sinon ça fait des erreurs dans les codes...). Mais je ne pense pas que si vous ne maitrisez pas les codes vous vous lancerez dans la création de vos propres codes. Le plus simple est de modifier des codes deja existants....! ^^
------------------------------------------------------------------------------------------------------------------------

Généralement les morceaux de codes que vous voudrez modifier seront le texte (jusque là pas de soucis, les gens mettent des "BLA BLA BLA BLA" là ou les gens doivent remplacer par leur texte ou ce qu'on apelle le "Lorem Ipsum Dolor" qui est un texte en latin qui n'a rien a voir (on le met juste pour combler le vide de texte et pour que les gens puissent avoir un aperçu de ce que ça donne quand il y'a des textes....). ) ou encore les images.

Petite astuce, lorsque vous devez remplacer des images ouvrez les dans un onglet a part pour savoir quelle taille elles font. Ce qui vous permettra d’insérer des images qui seront a la bonne taille et qui ne déformeront pas votre code (qui a été adapté à l'image incluse dans le code). Vous devrez ensuite héberger votre image puis remplacer l'URL de l'image qui est déjà dans le code.
Si vous souhaitez retirer une image n'elevez pas L'URL de l'image ou sinon une image brisée s'affichera. Le mieux a faire pour eviter cela c'est de remplacer l'image en question par une image très petite et tranparente (généralement 1 px sur 1px......)
Je vous en mets une a disposition ici:

Code:
http://i47.servimg.com/u/f47/16/77/05/67/sudol114.png

Pour remplacer une URL c'est le même principe. Cependant si vous ne voulez pas mettre d'URL il vous suffit de laisser l'espace vide. Perso je le remplace par le mot URL....
Comme ceci:

Avant:
Code:
<div class="liens" style="">
                                                                                <a href="http://sweethomeswap.forumactif.com/f1-le-reglement">                             Règlement                                             </a>                                                          
                  </div>

Après:
Code:
<div class="liens" style="">
                                                                                <a href="URL">                             Règlement                                             </a>                                                          
                  </div>

Ne vous amusez pas a changer les polices d'ecriture ou autre... C'est un peu plus compliqué que de remplacer une adresse ou autre....

------------------------------------------------------------------------------------------------------------------------

Pour modifier la structure générale de votre code (Largeur, longueur, bordures, couleurs, etc.) c'est encore différent. Les couleurs se remplacent relativement facilement (il suffit de changer le code couleur affiché dans le code).
Voilà un lien vers la charte des couleurs HTML:

Pour les bordures on peut regler l'epaisseur de la pordure en bidouillant là ou c'est ecrit "padding". Le padding correspond a la bordure, la valeur qui suit sera exprimée en pixels. Il vous faudra donc modifier la valeur selon le besoin.

Code:
<div style="font-family: georgia; font-size:7px; text-transform:uppercase; text-align:right; color:#000000;padding:10px;">Code by [b]AMIANTE[/b]</div></div></div></div></center>

En ce qui concerne les dimensions des tableaux on peut aussi les modifier. Il faut cependant avoir quelques notions d'anglais et bien modifier les dimensions dans la bonne partie (perso pour etre sure de tout ce que je prévisualise dès que je fais un petit truc... Au moins pas de conneries... xD).
Il suffit de modifier les valeurs de la largeur dans "Width" et les valeurs de la longueur dans "lenght"
Code:
<table style="width: 500px;"> </table>   
Faites attention en modifiant les dimensions de vos tableaux, certains peuvent se chevaucher très facilement et c'est pas toujours très simple de réparer ses conneries quand on fait du codage x____x d'ou l'interet de garder a coté le code original que l'on remodifie x__x

------------------------------------------------------------------------------------------------------------------------

Quelques petites choses utiles dans le code:

Si vous recherchez un element dans votre code la fonction ctrl + F peut etre salvatrice (non non je deconne pas!!)
Elle vous permettra de retrouver un texte en particulier. Il suffira de taper votre mot ou expression dans la barre de recherche qui se sera affichée...
Saut de ligne:
Code:
</br >

Faire apparaitre pour un membre son pseudo dans une phrase:
Code:
{USERNAME}

Exemple:
Bienvenue à toi sur ce topic Invité...! ^^ J'espere que tu t'eclates a lire tout ça parceque ça m'a pris du temps a rédiger! >_<
Code:
Bienvenue à toi sur ce topic {USERNAME}...! ^^ J'espere que tu t'eclates a lire tout ça parceque ça m'a pris du temps a rédiger! >_<
Je vois mon pseudo a la place de USERNAME , vous verrez le votre, un invité verra "Invité", etc.

Et ses variantes:
Code:
{FORUMAGE}
Pour indiquer le nombre de jours depuis lequel est ouvert le forum sur lequel vous etes.
Et
Code:
{FORUMCOUNTUSER}
Pour indiquer le nombre de membres inscrits sur le forum en question.

Ces codes permettent d'etre toujours à jour puisque malgré le changement de pseudo de la personne, malgré le changement de membres, les jours en plus depuis la naissance du forum ces chiffres evolueront....

------------------------------------------------------------------------------------------------------------------------

Voilà voilà c'est tout ce que je peux vous apprendre. Etant relativement autodidacte et un peu pourrave pour les explication je ne peux pas vraiment faire mieux T^T Désolée!....
Vous pouvez trouver de nombreux codes en libre service sur plein de forums spécialisés dans le codage (notemment Epicode).
Je tâcherai de mettre a suivre au plus vite plusieurs codes en libre service... ^^ Voili voilou!...
N'hesitez surtout pas a poser vos questions!...

Code by AMIANTE


Dernière édition par Jadenorth le Sam 31 Jan - 23:10, édité 5 fois



Merci ma rusha >w< :
avatar
Jadenorth
King in the North!! “ヽ(´▽`)ノ”

Messages : 610
Date d'inscription : 07/01/2015
Age : 24
Localisation : Rennes

Voir le profil de l'utilisateur http://sweethomeswap.forumactif.com

Revenir en haut Aller en bas

Re: Codes en libre service & explications

Message par Jadenorth le Sam 31 Jan - 22:54




Titre du sujet

« Le malheur a été mon dieu. Je me suis allongé dans la boue. Je me suis séché à l'air du crime. Et j'ai joué de bons tours à la folie. » ► RIMBAUD
Rappelez-vous l'objet que nous vîmes, mon âme, Ce beau matin d'été si doux : Au détour d'un sentier une charogne infâme Sur un lit semé de cailloux, Les jambes en l'air, comme une femme lubrique, Brûlante et suant les poisons, Ouvrait d'une façon nonchalante et cynique Son ventre plein d'exhalaisons. Le soleil rayonnait sur cette pourriture, Comme afin de la cuire à point, Et de rendre au centuple à la grande Nature Tout ce qu'ensemble elle avait joint ; Et le ciel regardait la carcasse superbe Comme une fleur s'épanouir. La puanteur était si forte, que sur l'herbe Vous crûtes vous évanouir. Les mouches bourdonnaient sur ce ventre putride, D'où sortaient de noirs bataillons De larves, qui coulaient comme un épais liquide Le long de ces vivants haillons. Tout cela descendait, montait comme une vague Ou s'élançait en pétillant On eût dit que le corps, enflé d'un souffle vague, Vivait en se multipliant. Et ce monde rendait une étrange musique, Comme l'eau courante et le vent, Ou le grain qu'un vanneur d'un mouvement rythmique Agite et tourne dans son van. Les formes s'effaçaient et n'étaient plus qu'un rêve, Une ébauche lente à venir Sur la toile oubliée, et que l'artiste achève Seulement par le souvenir. Derrière les rochers une chienne inquiète Nous regardait d'un oeil fâché,  Epiant le moment de reprendre au squelette Le morceau qu'elle avait lâché. Et pourtant vous serez semblable à cette ordure, À cette horrible infection, Étoile de mes yeux, soleil de ma nature, Vous, mon ange et ma passion ! Oui ! telle vous serez, ô la reine des grâces, Après les derniers sacrements, Quand vous irez, sous l'herbe et les floraisons grasses, Moisir parmi les ossements. Alors, ô ma beauté! dites à la vermine Qui vous mangera de baisers, Que j'ai gardé la forme et l'essence divine De mes amours décomposés ! ► BAUDELAIRE


Prénom P. Nom & Prénom P. Nom

CODE BY AMIANTE


Code:
<link href='http://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister' rel='stylesheet' type='text/css'><center><div style="min-height:200px; width:500px; border-radius: 80px 10px 80px 10px; background-image:url(http://img4.hostingpics.net/pics/291407Grey2.png); border: 1px dashed #333333; box-shadow:2px 2px 10px gray"><br><center> <div style="width:460px;height:275px; border-radius: 80px 10px 80px 10px; background-repeat:no-repeat;background-position:center top;background-image:url(http://25.media.tumblr.com/tumblr_m5khvkTs9r1qj73e2o1_500.gif)"></div></center><br></div>
<div style="min-height:200px; width:500px; border-radius: 10px 10px 10px 10px; background-image:url(http://img4.hostingpics.net/pics/291407Grey2.png); border: 1px dashed #333333; box-shadow:2px 2px 10px gray"><div style="font-family: 'Love Ya Like A Sister'; font-size:45px; color:#000000;padding-top:-55px;text-transform:uppercase; text-align:center; text-shadow: 1px 1px 5px grey;">Titre du sujet</div>
<div style="font-family:'MS Mincho'; width:470px; font-size:18px; color:white; text-transform:uppercase; text-align:justify; padding-right:20px; text-shadow: 1px 1px 5px white; padding-left:15px; padding-right:15px; padding-bottom:10px;">« Le malheur a été mon dieu. Je me suis allongé dans la boue. Je me suis séché à l'air du crime. Et j'ai joué de bons tours à la folie. » ► RIMBAUD</div><div style="float: left; padding-left: 20px; padding-right:10px;"><img src="http://30.media.tumblr.com/tumblr_lvlv1zpoIn1r472qdo1_500.gif" style="width:250px;border-radius: 10px 10px 10px 10px;"></div><div style="width:470px;font-family:georgia;text-align:justify;color:black;font-size:12px; line-height:13px;">Rappelez-vous l'objet que nous vîmes, mon âme, Ce beau matin d'été si doux : Au détour d'un sentier une charogne infâme Sur un lit semé de cailloux, Les jambes en l'air, comme une femme lubrique, Brûlante et suant les poisons, Ouvrait d'une façon nonchalante et cynique Son ventre plein d'exhalaisons. Le soleil rayonnait sur cette pourriture, Comme afin de la cuire à point, Et de rendre au centuple à la grande Nature Tout ce qu'ensemble elle avait joint ; Et le ciel regardait la carcasse superbe Comme une fleur s'épanouir. La puanteur était si forte, que sur l'herbe Vous crûtes vous évanouir. Les mouches bourdonnaient sur ce ventre putride, D'où sortaient de noirs bataillons De larves, qui coulaient comme un épais liquide Le long de ces vivants haillons. Tout cela descendait, montait comme une vague Ou s'élançait en pétillant On eût dit que le corps, enflé d'un souffle vague, Vivait en se multipliant. Et ce monde rendait une étrange musique, Comme l'eau courante et le vent, Ou le grain qu'un vanneur d'un mouvement rythmique Agite et tourne dans son van. Les formes s'effaçaient et n'étaient plus qu'un rêve, Une ébauche lente à venir Sur la toile oubliée, et que l'artiste achève Seulement par le souvenir. Derrière les rochers une chienne inquiète Nous regardait d'un oeil fâché,  Epiant le moment de reprendre au squelette Le morceau qu'elle avait lâché. Et pourtant vous serez semblable à cette ordure, À cette horrible infection, Étoile de mes yeux, soleil de ma nature, Vous, mon ange et ma passion ! Oui ! telle vous serez, ô la reine des grâces, Après les derniers sacrements, Quand vous irez, sous l'herbe et les floraisons grasses, Moisir parmi les ossements. Alors, ô ma beauté! dites à la vermine Qui vous mangera de baisers, Que j'ai gardé la forme et l'essence divine De mes amours décomposés ! [b]► BAUDELAIRE[/b] </div>
<center><div style="border-bottom: 1px dashed #333333; width:300px"></div>
<div style="font-family: 'Helvetica'; font-size:30px; color:#000; opacity:0.5; text-align:center; padding-top:-5px; text-transform:lowercase;text-shadow: 1px 1px 5px grey;">[b]Prénom P. Nom & Prénom P. Nom[/b]</div><br></div>[size=7][color=black]CODE BY [b]AMIANTE[/b][/color][/size]</center></div></center>


Dernière édition par Jadenorth le Sam 31 Jan - 23:31, édité 3 fois



Merci ma rusha >w< :
avatar
Jadenorth
King in the North!! “ヽ(´▽`)ノ”

Messages : 610
Date d'inscription : 07/01/2015
Age : 24
Localisation : Rennes

Voir le profil de l'utilisateur http://sweethomeswap.forumactif.com

Revenir en haut Aller en bas

Re: Codes en libre service & explications

Message par Jadenorth le Sam 31 Jan - 22:54


Blabla # délire avec xx & xx


TEXTE. TEXTE. TEXTE. TEXTE. TEXTE. TEXTE.

JULIETTE ∞ « Dialogue »

TEXTE. TEXTE. TEXTE. TEXTE.

HRP.

© Great Thief sur Epicode



Code:
<link href='http://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'>
<center><div style="font-family: Megrim; font-size: 35px">Blabla # délire avec xx & xx</div></center>
<center><div style="border: 5px solid #FEFEFE; background-image: url(http://image.noelshack.com/fichiers/2013/51/1387151380-diagonal-waves-2x.png); width: 460px; text-align: justify; font-family: Arial; font-size: 12px; color: #C8C8C8; box-shadow: 0px 0px 1px #C8C8C8; padding: 10px;"><img src="http://24.media.tumblr.com/92ce225bac64b52db50db86ccbd20ca3/tumblr_mmomo47tdN1qme88ko1_500.gif" style="width: 460px"></img></div>
<div style="border: 5px solid #FEFEFE; background-image: url(http://image.noelshack.com/fichiers/2013/51/1387151380-diagonal-waves-2x.png); width: 460px; text-align: justify; font-family: Arial; font-size: 12px; color: #C8C8C8; box-shadow: 0px 0px 1px #C8C8C8; padding: 10px;">TEXTE. TEXTE. TEXTE. TEXTE. TEXTE. TEXTE.

<blockquote><div style="color:GoldenRod; text-shadow:1px 0px 0px darkgray; margin-left:50px;">JULIETTE ∞ « Dialogue »</div></blockquote>

TEXTE. TEXTE. TEXTE. TEXTE.</div>
<div style="border: 5px solid #FEFEFE; background-image: url(http://image.noelshack.com/fichiers/2013/51/1387151380-diagonal-waves-2x.png); width: 460px; text-align: justify; font-family: Arial; font-size: 12px; color: #C8C8C8; box-shadow: 0px 0px 1px #C8C8C8; padding: 10px;">HRP.</div>
<div style="font-family: Arial; font-size: 6px">© Great Thief sur [url=http://epicode.bbactif.com/]Epicode[/url]</div></center>


Dernière édition par Jadenorth le Sam 31 Jan - 23:19, édité 1 fois



Merci ma rusha >w< :
avatar
Jadenorth
King in the North!! “ヽ(´▽`)ノ”

Messages : 610
Date d'inscription : 07/01/2015
Age : 24
Localisation : Rennes

Voir le profil de l'utilisateur http://sweethomeswap.forumactif.com

Revenir en haut Aller en bas

Re: Codes en libre service & explications

Message par Jadenorth le Sam 31 Jan - 22:54

Un titre tout joli tout doux.

Feat. Masaomi Kida


Alii summum decus in carruchis solito altioribus et ambitioso vestium cultu ponentes sudant sub ponderibus lacernarum, quas in collis insertas cingulis ipsis adnectunt nimia subtegminum tenuitate perflabiles, expandentes eas crebris agitationibus maximeque sinistra, ut longiores fimbriae tunicaeque perspicue luceant varietate liciorum effigiatae in species animalium multiformes.

Eius populus ab incunabulis primis ad usque pueritiae tempus extremum, quod annis circumcluditur fere trecentis, circummurana pertulit bella, deinde aetatem ingressus adultam post multiplices bellorum aerumnas Alpes transcendit et fretum, in iuvenem erectus et virum ex omni plaga quam orbis ambit inmensus, reportavit laureas et triumphos, iamque vergens in senium et nomine solo aliquotiens vincens ad tranquilliora vitae discessit. Et licet quocumque oculos flexeris feminas adfatim multas spectare cirratas, quibus, si nupsissent, per aetatem ter iam nixus poterat suppetere liberorum, ad usque taedium pedibus pavimenta tergentes iactari volucriter gyris, dum exprimunt innumera simulacra, quae finxere fabulae theatrales.

Orientis vero limes in longum protentus et rectum ab Euphratis fluminis ripis ad usque supercilia porrigitur Nili, laeva Saracenis conterminans gentibus, dextra pelagi fragoribus patens, quam plagam Nicator Seleucus occupatam auxit magnum in modum, cum post Alexandri Macedonis obitum successorio iure teneret regna Persidis, efficaciae inpetrabilis rex, ut indicat cognomentum. Haec igitur lex in amicitia sanciatur, ut neque rogemus res turpes nec faciamus rogati. Turpis enim excusatio est et minime accipienda cum in ceteris peccatis, tum si quis contra rem publicam se amici causa fecisse fateatur. Etenim eo loco, Fanni et Scaevola, locati sumus ut nos longe prospicere oporteat futuros casus rei publicae. Deflexit iam aliquantum de spatio curriculoque consuetudo maiorum.

Code par ZokuPengin sur Epicode


Code:
<LINK href='http://fonts.googleapis.com/css?family=Rancho' rel='stylesheet' type='text/css'><CENTER><IMG src="http://i75.servimg.com/u/f75/13/33/40/95/tumblr10.jpg"><FIELDSET style="width : 480px; margin-top : -10px; border : 0px none; BACKGROUND : url('http://i75.servimg.com/u/f75/13/33/40/95/skill10.png'); font-family : Verdana, Geneva, sans-serif; color : white; padding : 10px"><LEGEND align="center" style="COLOR : #FFF; TEXT-SHADOW : 2px 2px 2px #92345B; FONT-FAMILY : 'Rancho', cursive; FONT-SIZE : 40px;">Un titre tout joli tout doux.</LEGEND><DIV style="padding : 5px; COLOR : #848484; line-height : 95%; BACKGROUND : #FAFAFA; text-align : justify; FONT-FAMILY : Verdana, Geneva, sans-serif; "><DIV align="right" style="COLOR : #92345B; font-variant : small-caps;"><IMG src="http://illiweb.com/fa/pbucket.gif"> <IMG src="http://illiweb.com/fa/pbucket.gif">
Feat. Masaomi Kida</DIV>

Alii summum decus in carruchis solito altioribus et ambitioso vestium cultu ponentes sudant sub ponderibus lacernarum, quas in collis insertas cingulis ipsis adnectunt nimia subtegminum tenuitate perflabiles, expandentes eas crebris agitationibus maximeque sinistra, ut longiores fimbriae tunicaeque perspicue luceant varietate liciorum effigiatae in species animalium multiformes.

Eius populus ab incunabulis primis ad usque pueritiae tempus extremum, quod annis circumcluditur fere trecentis, circummurana pertulit bella, deinde aetatem ingressus adultam post multiplices bellorum aerumnas Alpes transcendit et fretum, in iuvenem erectus et virum ex omni plaga quam orbis ambit inmensus, reportavit laureas et triumphos, iamque vergens in senium et nomine solo aliquotiens vincens ad tranquilliora vitae discessit. Et licet quocumque oculos flexeris feminas adfatim multas spectare cirratas, quibus, si nupsissent, per aetatem ter iam nixus poterat suppetere liberorum, ad usque taedium pedibus pavimenta tergentes iactari volucriter gyris, dum exprimunt innumera simulacra, quae finxere fabulae theatrales.

Orientis vero limes in longum protentus et rectum ab Euphratis fluminis ripis ad usque supercilia porrigitur Nili, laeva Saracenis conterminans gentibus, dextra pelagi fragoribus patens, quam plagam Nicator Seleucus occupatam auxit magnum in modum, cum post Alexandri Macedonis obitum successorio iure teneret regna Persidis, efficaciae inpetrabilis rex, ut indicat cognomentum. Haec igitur lex in amicitia sanciatur, ut neque rogemus res turpes nec faciamus rogati. Turpis enim excusatio est et minime accipienda cum in ceteris peccatis, tum si quis contra rem publicam se amici causa fecisse fateatur. Etenim eo loco, Fanni et Scaevola, locati sumus ut nos longe prospicere oporteat futuros casus rei publicae. Deflexit iam aliquantum de spatio curriculoque consuetudo maiorum.</DIV>
Code par ZokuPengin sur <A href="http://epicode.bbactif.com/">Epicode</A></FIELDSET></CENTER>


Dernière édition par Jadenorth le Sam 31 Jan - 23:20, édité 1 fois



Merci ma rusha >w< :
avatar
Jadenorth
King in the North!! “ヽ(´▽`)ノ”

Messages : 610
Date d'inscription : 07/01/2015
Age : 24
Localisation : Rennes

Voir le profil de l'utilisateur http://sweethomeswap.forumactif.com

Revenir en haut Aller en bas

Re: Codes en libre service & explications

Message par Jadenorth le Sam 31 Jan - 23:32

• c r é d i t  a v a t a r ©

BLABLA TITRE ×


BLABLA SOUS TITRE Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Duis aute irure dolor in reprehenderit in

BLABLA TITRE2 ×


BLABLA SOUS TITRE Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Duis aute irure dolor in reprehenderit in

BLABLA TITRE3 ×



BLABLA Sous titreLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Duis aute irure dolor in reprehenderit in[/color]






zhkfejfrefs• xx
zfhikhqfljsd • xx

Une connerie ou rien • xx
Autre connerie• xx





° CODAGE PAR DITA | EPICODE °









Code:
<center><div style=" text-align: center; background-color:#EDE8E8;width:450px;border-left:4px solid #E0DCDC;border-radius:5px;"><div style="padding:10px; text-align:justify;"><table width="100%" cellspacing="8px" cellpadding="0px"><td colspan=width="50%"><span style="display: block; width:200px; height: 180px; background: url(http://i51.tinypic.com/wapw5z.png) center; ceter; border:4px solid #E0DCDC;border-radius:5px;opacity:0.7">[color=#ffffff] • c r é d i t  a v a t a r ©[/color]</span> <td colspan=width="50%">
[color=#404040]
</td></tr></table><div style="text-decoration : none; font-size:20px;  font-family: georgia;  letter-spacing:-1px;text-transform: uppercase; text-shadow: 0px 0px 5px #ffffff;padding-left:10px;"><span style="color:#E0DCDC;">BLABLA <em>TITRE</em> × </span> </div><div style="text-decoration : none; font-size:9px;  font-family: georgia; text-transform: uppercase;padding:10px;color:#404040; letter-spacing:-1px;">
[/color]
[justify][color=#969696]BLABLA SOUS TITRE [/color]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Duis aute irure dolor in reprehenderit in[/justify]
[color=#404040]
</div><div style="text-decoration : none; font-size:20px;  font-family: georgia;  letter-spacing:-1px;text-transform: uppercase; text-shadow: 0px 0px 5px #ffffff;padding-left:10px;"><span style="color:#E0DCDC;">BLABLA  <em>TITRE2</em> ×</span> </div><div style="text-decoration : none; font-size:9px;  font-family: georgia; text-transform: uppercase;padding:10px;color:#404040; letter-spacing:-1px;">
[/color]
[justify][color=#969696]BLABLA SOUS TITRE [/color]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Duis aute irure dolor in reprehenderit in[/justify]
[color=#404040]
</div><div style="text-decoration : none; font-size:20px;  font-family: georgia;  letter-spacing:-1px;text-transform: uppercase; text-shadow: 0px 0px 5px #ffffff;padding-left:10px;"><span style="color:#E0DCDC;">BLABLA <em>TITRE3</em> × </span> </div>
<div style="text-decoration : none; font-size:9px;  font-family: georgia; text-transform: uppercase;padding:10px;color:#404040; letter-spacing:-1px;">
[/color]
[justify][color=#969696]BLABLA Sous titre[/color]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Duis aute irure dolor in reprehenderit in[/color][/justify]
[color=#969696]
[color=#404040]
</div>
<table width="100%" cellspacing="8px" cellpadding="0px"><td colspan=width="50%"><span style="display: block; width:200px; height: 125px; background: url(http://i51.tinypic.com/wapw5z.png) center; ceter; border:4px solid #E0DCDC;border-radius:5px;opacity:0.7"></span> <td colspan=width="50%">
[/color]
[/color]
[justify][color=#404040][color=#969696]zhkfejfrefs•[/color] xx
[color=#969696]zfhikhqfljsd •[/color] xx

[color=#969696]Une connerie ou rien •[/color] xx
[color=#969696]Autre connerie•[/color] xx
[/color][/justify]
[color=#969696]
[color=#404040]
</td></tr></table>
</div>
[/color]
[/color]
[center][size=8]° CODAGE PAR DITA | [url=http://epicode.bbactif.com/]EPICODE[/url] °[/size][/center]
[color=#969696]
[color=#404040]
</DIV></center>


[/color]
[/color]



Merci ma rusha >w< :
avatar
Jadenorth
King in the North!! “ヽ(´▽`)ノ”

Messages : 610
Date d'inscription : 07/01/2015
Age : 24
Localisation : Rennes

Voir le profil de l'utilisateur http://sweethomeswap.forumactif.com

Revenir en haut Aller en bas

Re: Codes en libre service & explications

Message par Jadenorth le Sam 31 Jan - 23:33

Nom Prénom

Feat //
Free - Taken - Reserved
Age - Nationalité - Groupe - Etudes/Profession
Caractère

Test blabla

Histoire

Test blabla

Relations



|| Type de relations ||
Description
|| Type de relations ||
Description
|| Type de relations ||
Description

Cette fiche a été codée par Madouce pour Epicode, ne pas enlever le copyright.




Code:
<center><div style="background-color:#F8F8FF; border:5px solid white;width:500px;color:grey;text-shadow:none;">[img]http://i47.servimg.com/u/f47/11/97/95/88/green10.png[/img]<div style="font-size:40px; letter-spacing:5px; font-family:Georgia;padding:5px; text-transform:uppercase; font-weight:lighter;text-align:center;">Nom Prénom</div>
[center]Feat //
Free - [strike]Taken[/strike] - [strike]Reserved[/strike]
Age - Nationalité - Groupe - Etudes/Profession[/center]
<div style="text-transform:uppercase; border-top:1px solid grey;border-bottom:1px solid grey; padding:3px;text-align:center;font-size:20px;">Caractère</div>
<div style="background-color:white;padding:5px; height:100px;overflow:auto;border:1px dotted grey;">Test blabla</div>
<div style="text-transform:uppercase; border-top:1px solid grey;border-bottom:1px solid grey; padding:3px;text-align:center;font-size:20px;">Histoire</div>
<div style="background-color:white;padding:5px; height:100px;overflow:auto;border:1px dotted grey;">Test blabla</div>
<div style="text-transform:uppercase; border-top:1px solid grey;border-bottom:1px solid grey; padding:3px;text-align:center;font-size:20px;">Relations</div>
<div style="background-color:white;padding:5px; height:100px;overflow:auto;border:1px dotted grey;"><table><tr><td>[img]http://6e.img.v4.skyrock.net/6e3/manga-icons/pics/2965012581_0_47_g1cvXSch.png[/img]</td><td>[b]|| Type de relations ||[/b]
Description</td></tr>
<td>[img]http://6e.img.v4.skyrock.net/6e3/manga-icons/pics/2965012581_0_47_g1cvXSch.png[/img]</td><td>[b]|| Type de relations ||[/b]
Description</td></tr>
<td>[img]http://6e.img.v4.skyrock.net/6e3/manga-icons/pics/2965012581_0_47_g1cvXSch.png[/img]</td><td>[b]|| Type de relations ||[/b]
Description</td></tr></table></div>
<div style="background-color:gainsboro; color:white;padding:2px;font-size:9px;text-align:center;">Cette fiche a été codée par Madouce pour [url=http://epicode.bbactif.com]Epicode[/url], ne pas enlever le copyright.</div></div></center>



Merci ma rusha >w< :
avatar
Jadenorth
King in the North!! “ヽ(´▽`)ノ”

Messages : 610
Date d'inscription : 07/01/2015
Age : 24
Localisation : Rennes

Voir le profil de l'utilisateur http://sweethomeswap.forumactif.com

Revenir en haut Aller en bas

Re: Codes en libre service & explications

Message par Toxiine le Dim 1 Fév - 2:07

Raaaah au moment où j'ai fini de galéré à m'inscrire sur epicode et à trouver comment qu'on fait tu mets ça, tu veux me tuer! Je suis en train d'en modifier vaguement un T.T Je pourrais le mettre ici si tu veux

En tout cas super et merci!

Pour modifier les couleurs sur un code j'ai trouvé cette liste des différentes couleurs : http://angels.tonempire.com/t30-liste-des-codes-couleur-bbcode



avatar
Toxiine
Ceinture Noire Fluo (ↀᴥↀ)

Messages : 616
Date d'inscription : 25/01/2015
Age : 27

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: Codes en libre service & explications

Message par Jadenorth le Dim 1 Fév - 12:08

haaaa tant mieux si ce poste sert! ^^
J'ai deja mis un lien vers la table des couleurs (qui donne accès a une palette plus large....). Il suffit de cliquer sur la palette de couleur et le code s'affiche juste a coté...! ^^



Merci ma rusha >w< :
avatar
Jadenorth
King in the North!! “ヽ(´▽`)ノ”

Messages : 610
Date d'inscription : 07/01/2015
Age : 24
Localisation : Rennes

Voir le profil de l'utilisateur http://sweethomeswap.forumactif.com

Revenir en haut Aller en bas

Re: Codes en libre service & explications

Message par orihime le Dim 1 Fév - 12:11

Alors pour moi tout ça c'est du chinois


               
Click Me!
avatar
orihime
Ceinture Noire Fluo (ↀᴥↀ)

Messages : 625
Date d'inscription : 26/01/2015

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: Codes en libre service & explications

Message par mahasiah le Dim 1 Fév - 12:13

ah pour moi aussi c'est du chinois ou du martien lol , mais c'est gentil de nous donner quelque explications


avatar
mahasiah
Samuraï du timbre┗(`O´)┛

Messages : 111
Date d'inscription : 26/01/2015

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: Codes en libre service & explications

Message par Jadenorth le Dim 1 Fév - 12:35

Argh! xD Désolée!... Je peux pas faire mieux...!
Mais pour faire simple il suffit juste de remplacer des "bouts de phrases" par d'autres bouts de phrases ^^
Comme par exemple:

Le lundi matin je change la cage des souris.

Si on veut changer le sens de cette phrase vous etes d'accord avec moi il suffit de remplacer des éléments par d'autres éléments. On ne peut pas supprimer juste un mot sinon la phrase perd son sens (on ne peut pas enlever le verbe sinon ça fait "le lundi matin je la cage des souris" et ça ne veut plus rien dire).
Du coup on remplace pour changer le sens:

Le lundi matin je regarde la cage des souris

On a remplacé un bout, on a changé le sens de la phrase! ^^
On peut tout changer:

Le vendredi soir je saute sur le lit de ma soeur

Le lundi matin >>> Le vendredi soir
Je regarde >>> Je saute
la cage >>> Sur le lit
des souris >>> De ma soeur

On a pas touché a la structure générale mais on a juste remplacé chaque élément!.... ^^

Voilà voilà!... C'est un peu plus clair?



Merci ma rusha >w< :
avatar
Jadenorth
King in the North!! “ヽ(´▽`)ノ”

Messages : 610
Date d'inscription : 07/01/2015
Age : 24
Localisation : Rennes

Voir le profil de l'utilisateur http://sweethomeswap.forumactif.com

Revenir en haut Aller en bas

Re: Codes en libre service & explications

Message par mahasiah le Dim 1 Fév - 12:49

ok , merci , je ferrais ca avec une amie lol


avatar
mahasiah
Samuraï du timbre┗(`O´)┛

Messages : 111
Date d'inscription : 26/01/2015

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: Codes en libre service & explications

Message par Jadenorth le Dim 1 Fév - 12:56

pas de soucis! ^^



Merci ma rusha >w< :
avatar
Jadenorth
King in the North!! “ヽ(´▽`)ノ”

Messages : 610
Date d'inscription : 07/01/2015
Age : 24
Localisation : Rennes

Voir le profil de l'utilisateur http://sweethomeswap.forumactif.com

Revenir en haut Aller en bas

Re: Codes en libre service & explications

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum