Yamato Shin
dit Shiraga no Tennou, 6e Empereur de Onogoro
# Codage SnK Ven 25 Fév - 17:54
Voici des exemples de codage pré-installé sur le forum avec le nom des balises :
| Un Titre 1
| Un Titre 2
| Un Titre 3
| Une Note
| Une mise en forme de texte basique
| Une traduction au survol de la souris
Baka bakaIdiot idiot
/!\ Attention il n'y aucune mise en forme attribué au texte dans ce codage, vous pouvez toutefois en ajouter manuellement comme un codage classique en changeant par exemple la couleur du texte traduit et inversement.
| Un Titre traduit au survol de la souris
| Un Titre 1
gros titre
- Code:
<div class="snk_titre1">gros titre</div>
| Un Titre 2
gros titre
- Code:
<div class="snk_titre2">gros titre</div>
| Un Titre 3
gros titre
- Code:
<div class="snk_titre3">gros titre</div>
| Une Note
texte indication narrateur
- Code:
<div class="snk_note">texte indication narrateur</div>
| Une mise en forme de texte basique
Lorem ipsum dolor sit amet consectetur adipiscing elit natoque ultricies habitant fringilla dis, ornare parturient ad netus quam bibendum dapibus mi donec egestas justo. Quam et cursus purus cubilia facilisis auctor semper rhoncus libero, sociosqu imperdiet eros pharetra posuere curabitur himenaeos tempus ac, at pellentesque nisi nisl dui cum suscipit condimentum. Vitae donec fermentum at nam sagittis nunc duis nulla, facilisis mauris erat lobortis gravida fusce nullam per, mollis neque curabitur magna risus arcu metus.
Lorem ipsum dolor sit amet consectetur adipiscing elit natoque ultricies habitant fringilla dis, ornare parturient ad netus quam bibendum dapibus mi donec egestas justo. Quam et cursus purus cubilia facilisis auctor semper rhoncus libero, sociosqu imperdiet eros pharetra posuere curabitur himenaeos tempus ac, at pellentesque nisi nisl dui cum suscipit condimentum. Vitae donec fermentum at nam sagittis nunc duis nulla, facilisis mauris erat lobortis gravida fusce nullam per, mollis neque curabitur magna risus arcu metus.
Lorem ipsum dolor sit amet consectetur adipiscing elit natoque ultricies habitant fringilla dis, ornare parturient ad netus quam bibendum dapibus mi donec egestas justo. Quam et cursus purus cubilia facilisis auctor semper rhoncus libero, sociosqu imperdiet eros pharetra posuere curabitur himenaeos tempus ac, at pellentesque nisi nisl dui cum suscipit condimentum. Vitae donec fermentum at nam sagittis nunc duis nulla, facilisis mauris erat lobortis gravida fusce nullam per, mollis neque curabitur magna risus arcu metus.
Lorem ipsum dolor sit amet consectetur adipiscing elit natoque ultricies habitant fringilla dis, ornare parturient ad netus quam bibendum dapibus mi donec egestas justo. Quam et cursus purus cubilia facilisis auctor semper rhoncus libero, sociosqu imperdiet eros pharetra posuere curabitur himenaeos tempus ac, at pellentesque nisi nisl dui cum suscipit condimentum. Vitae donec fermentum at nam sagittis nunc duis nulla, facilisis mauris erat lobortis gravida fusce nullam per, mollis neque curabitur magna risus arcu metus.
Lorem ipsum dolor sit amet consectetur adipiscing elit natoque ultricies habitant fringilla dis, ornare parturient ad netus quam bibendum dapibus mi donec egestas justo. Quam et cursus purus cubilia facilisis auctor semper rhoncus libero, sociosqu imperdiet eros pharetra posuere curabitur himenaeos tempus ac, at pellentesque nisi nisl dui cum suscipit condimentum. Vitae donec fermentum at nam sagittis nunc duis nulla, facilisis mauris erat lobortis gravida fusce nullam per, mollis neque curabitur magna risus arcu metus.
Lorem ipsum dolor sit amet consectetur adipiscing elit natoque ultricies habitant fringilla dis, ornare parturient ad netus quam bibendum dapibus mi donec egestas justo. Quam et cursus purus cubilia facilisis auctor semper rhoncus libero, sociosqu imperdiet eros pharetra posuere curabitur himenaeos tempus ac, at pellentesque nisi nisl dui cum suscipit condimentum. Vitae donec fermentum at nam sagittis nunc duis nulla, facilisis mauris erat lobortis gravida fusce nullam per, mollis neque curabitur magna risus arcu metus.
Lorem ipsum dolor sit amet consectetur adipiscing elit natoque ultricies habitant fringilla dis, ornare parturient ad netus quam bibendum dapibus mi donec egestas justo. Quam et cursus purus cubilia facilisis auctor semper rhoncus libero, sociosqu imperdiet eros pharetra posuere curabitur himenaeos tempus ac, at pellentesque nisi nisl dui cum suscipit condimentum. Vitae donec fermentum at nam sagittis nunc duis nulla, facilisis mauris erat lobortis gravida fusce nullam per, mollis neque curabitur magna risus arcu metus.
- Code:
<div class="snk_codage">Texte</div>
| Une traduction au survol de la souris
Baka bakaIdiot idiot
- Code:
<div class="snk_note"><span class="translate"><span class="defaut">TEXTE À TRADUIRE</span><span class="survol">TEXTE TRADUIT</span></span></div>
/!\ Attention il n'y aucune mise en forme attribué au texte dans ce codage, vous pouvez toutefois en ajouter manuellement comme un codage classique en changeant par exemple la couleur du texte traduit et inversement.
| Un Titre traduit au survol de la souris
Baka baka
Idiot idiot
- Code:
<span class="translate"><span class="defaut"><div class="snk_titre1">TITRE JAP</div></span><span class="survol"><div class="snk_titre1">TITRE FR</div></span></span></div>
# Re: Codage SnK Ven 8 Avr - 11:30
Voici les codages de dialogue que vous pouvez utiliser dans vos Rp's :
RMQ : Vous pouvez changer le "Left" par "right" pour changer la position de la bulle.
- Pour qui vous prenez-vous ? Bakemono !
- Retourne dans ton Manga ! !
Lorem ipsum dolor sit amet, consectetur adipiscing 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.
Lorem ipsum dolor sit amet, consectetur adipiscing 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
Lorem ipsum dolor sit amet, consectetur adipiscing 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
- Code:
<img src="URLIMG" style="float:left;width:100px;height:100px;border: 2px solid #c5a459; border-radius: 100%;margin-right:1px;padding:2px;object-fit: cover"/><div style="background-color: #efefef;float:right; min-height: 100px;width:79%;border: 2px solid #c5a459;border-radius: 2px;padding:10px;margin:5px;">TEXTE</div><div style="clear:both"></div>
RMQ : Vous pouvez changer le "Left" par "right" pour changer la position de la bulle.
Yamato Shin
dit Shiraga no Tennou, 6e Empereur de Onogoro
# Re: Codage SnK Jeu 29 Fév - 12:07
Voici des codages concernant vos techniques, qui ont été installé directement sur le forum.
Technique avec image et traduction du nom au survol
Nom de Technique en japonaisNom de Technique en français
Domaine Technique utilisé
Description de la technique.
- Code:
<div class="cadretech"><div class="imgtech">[img(300px,200px)]URL DE L'IMAGE[/img]</div><div class="nomtech"><span class="translate"><span class="defaut">NOM TECHNIQUE JAP</span><span class="survol">NOM TECHNIQUE FR</span></span></div><div class="nomdom">DOMAINE TECHNIQUE</div><div class="descritech">DESCRIPTION DE LA TECHNIQUE</div></div>
Technique avec image sans traduction du nom au survol
Nom de Technique
Domaine Technique utilisé
Description de la technique.
- Code:
<div class="cadretech"><div class="imgtech">[img(300px,200px)]URL DE L'IMAGE[/img]</div><div class="nomtech">NOM TECHNIQUE </div><div class="nomdom">DOMAINE TECHNIQUE</div><div class="descritech">DESCRIPTION DE LA TECHNIQUE</div></div>
Technique sans image et traduction du nom au survol
Nom de Technique en japonaisNom de Technique en français
Domaine Technique utilisé
Description de la technique.
- Code:
<div class="cadretech"><div class="nomtech"><span class="translate"><span class="defaut">NOM TECHNIQUE JAP</span><span class="survol">NOM TECHNIQUE FR</span></span></div><div class="nomdom">DOMAINE TECHNIQUE</div><div class="descritech">DESCRIPTION DE LA TECHNIQUE</div></div>
Technique sans image et sans traduction du nom au survol
Nom de Technique
Domaine Technique utilisé
Description de la technique.
- Code:
<div class="cadretech"><div class="nomtech">NOM TECHNIQUE</div><div class="nomdom">DOMAINE TECHNIQUE</div><div class="descritech">DESCRIPTION DE LA TECHNIQUE</div></div>
Technique d'invocation avec image
Nom de l'invocation Domaines techniques de l'invocation Description de l'invocation et ses capacités. |
- Code:
<table><tr><td><div class="imgtech">[img(200px,200px)]URL DE L'IMAGE[/img]</td><td><div class="cadretech2"><div class="nomtech">NOM DE L'INVOCATION</div><div class="nomdom">DOMAINES TECHNIQUES DE L'INVOCATION</div><div class="descritech2">DESCRIPTION DE L'INVOCATION</div></div></td></tr></table>
Yamato Shin
dit Shiraga no Tennou, 6e Empereur de Onogoro
# Re: Codage SnK Jeu 18 Avr - 2:11
Vu qu'il est souvent demandé aussi, je vous met le codage pour insérer une musique :
Tuto :
- Il faut changer simplement la portion en rouge : https://www.youtube.com/embed/XDIr-mW1qhI
- Sur un lien Youtube, c'est souvent le morceau qui est juste après le v= et avant le & de fin.
- Vous pouvez également faire partager sur youtube et copier le lien qui apparaît.
- Pour lancer la musique, vous avez simplement à cliquer sur le rond au centre.
- Code:
<center><iframe style="border: 10px solid #201e37; box-shadow: 0px 0px 0px 0px rgba(119, 119, 119, 0.75); border-radius: 100px" src="https://www.youtube.com/embed/XDIr-mW1qhI" width="25" height="25" frameborder="0"></iframe></center>
Tuto :
- Il faut changer simplement la portion en rouge : https://www.youtube.com/embed/XDIr-mW1qhI
- Sur un lien Youtube, c'est souvent le morceau qui est juste après le v= et avant le & de fin.
- Vous pouvez également faire partager sur youtube et copier le lien qui apparaît.
- Pour lancer la musique, vous avez simplement à cliquer sur le rond au centre.
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|