CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Question technique pour une fiche | |
| Naoko144
{ Membre }
Messages : 35
| Bonjour,
J'aimerais faire faire une fiche pour des personnages à moi sur un forum. Mais une question s'impose... Est-ce possible de pouvoir faire en sorte que la fiche soit 'intéractive' ? En bref, avec onglet.
Je sais que on peut faire une PA avec des onglets, mais un code CSS/HTML pour une fiche de personnage dans un message, je ne sais pas =O
Enfin bref, merci de me répondre ;v; |
Dernière édition par Naoko144 le Lun 20 Sep 2010, 22:29, édité 1 fois | |
| | | M39
{ Membre }
Messages : 130
| Effectivement, c'est tout à fait possible ! Il te suffit d'activer le HTLM dans tes posts. Ensuite, tu devras utilisé ces codes ! - Code:
-
<style type="text/css"> tes codes css </style> et <script type="text/javascrispt"> pour du texte java </script> Enfin après tu feras tes codes HTLM comme tu les aimes ! | | |
| | | Naoko144
{ Membre }
Messages : 35
| Merci beaucoup, je vais allez testé cela tout de suite! =) EDIT Après avoir tester cela dans une de mes fiches sur un forum, Pour certaine raison, le code ne changeais rien =OJe ne sais pas si j'ai mal fait quelque choses. Mais supposons que je veux mettre le code ci-haut dans celui-ci: - Code:
-
[center][img]http://i112.photobucket.com/albums/n189/naoko144/sfhdte/imagetopficheeprsoBBAR.png[/img] <object type="application/x-shockwave-flash" data="http://www.archive-host.com/dewplayer.swf?son=http://sd-2.archive-host.com/membres/playlist/102762788131905334/2281835211123901241812356123561237612419123941235612398_fumino_200909140228.mp3&autoreplay=1" width="200" height="20"><param name="movie" value="http://www.archive-host.com/dewplayer.swf?son=http://sd-2.archive-host.com/membres/playlist/102762788131905334/2281835211123901241812356123561237612419123941235612398_fumino_200909140228.mp3&autoreplay=1" /></object>[/center] <center> [table][tr][td] [table][tr][td]<div style="width:30px;height:30px;background-color: #8b5a2b; border-style: dashed; border-color: #d2b48c ; border-width: 3px;"></div>[/td][td]<div style="width:30px;height:30px;background-color: #d2b48c; border-style: dashed; border-color: #8b4513 ; border-width: 3px;"></div>[/td][/tr][/table] <div style="width:326px;height:306px;background-color: #d2b48c; border-style: solid; border-color: #d2b48c ; border-width: 3px; "><div style="width:320px;height:300px;text-align:justify;overflow:auto;background-color:#d2b48c;border-style: solid; border-color: #8b4513 ; border-width: 3px;"> [color=#FFE7BA] <blockquote>[size=11] [img]http://i112.photobucket.com/albums/n189/naoko144/BBA%20forum/Esrri.png[/img] ----------------------------------------- [b]>> [u]N[/u]om :[/b] Esprit Renard [b]>> [u]S[/u]exe :[/b] Femelle [b]>> [u]Â[/u]ge :[/b] 2 ans et demi [b]>> [u]T[/u]aille :[/b] 47 cm [b]>> [u]R[/u]ace :[/b] Renard roux [b]>> [u]M[/u]eute :[/b] Solitaire [b]>> [u]R[/u]ang :[/b] Aucun ----------------------------------------- [b]>> [u]F[/u]amille :[/b] • [u]P[/u]arents: [strike]SheerCold(F)[/strike] et Dispel(M) • [u]F[/u]rère ou [u]S[/u]oeur: Kitsune(M) ----------------------------------------- [b]>>[u]A[/u]rbre [u]G[/u]énéalogique:[/b] [i]À venir...[/i] ----------------------------------------- [b]>> [u]A[/u]ime:[/b] JD aka Lance, il est tout pour elle [b] >> [u]C[/u]ompagnon:[/b] JD [b]>> [u]D[/u]escendance:[/b] • [u]F[/u]ille: Vérité ----------------------------------------- [b][u]T[/u]rois mots pour la définir:[/b] [b]M[/b]esquine, [b]C[/b]urieuse, [b]S[/b]olitaire [b][u]C[/u]ouleur de RP:[/b] [color=orange]Orange[/color] ou [b]B[/b]urlywood1 [#FFE7BA]
[b]>> [u]F[/u]iche :[/b] <a href="http://the-blackbloodallian.forumsactifs.net/solitaires-f26/essri-renarde-prise-t2651.htm#35374"><b>(ici)</b></a> -----------------------------------------
[/size] [/color] </div></div> [/td][td] [right] [table][tr][td]<div style="width:30px;height:30px;background-color: #d2b48c; border-style: dashed; border-color: #8b4513 ; border-width: 3px;"></div>[/td][td]<div style="width:30px;height:30px;background-color: #8b5a2b;border-style: dashed; border-color: #d2b48c ; border-width: 3px;"></div>[/td][/tr][/table] [/right] <div style="width:326px;height:306px;background-color:#d2b48c;border-style: solid; border-color: #d2b48c ; border-width: 3px; "><div style="width:320px;height:300px;overflow:auto;background-color: #d2b48c;text-align:justify;border-style: solid; border-color: #8b4513 ; border-width: 3px;"> [color=#FFE7BA] <blockquote>[size=11] [b]Vérité[/b] ♥♥♥♥♥ :: Son petit trésor de fille chéri. Le fruit de son amour pour Lance. Elle l'adore et ferait n'importe quoi pour la protégé :: [b]Keith[/b] ♥♥♥♥♥ :: Son petit fils-adoptif. Elle l'aime comme s'il était son propre enfant, au même titre que Vérité :: [b]Ankoku[/b] ♥♥♥♥-- :: Elle est éternellement redevable envers An pour l'avoir aider et accueillis au sein d'Atalia. Sans elle, Essri serait sans foyer :: [b]Kitsune[/b] ♥♥---- :: Elle commence à comprendre son frère, et le mal entendu se dissipe :: [b]Dispel[/b] ♥---- :: Elle vient de retrouver son père, mais son état semble instable. Elle est incertaine de ses sentiments envers lui :: [b]Lance[/b] ♥♥♥♥♥ :: Elle aime Lance plus que tout au monde ♥ :: [b]Howahkan[/b] ♥♥---- :: Il lui vint en aide pendant une nuit de détresse. Il semble bien sympa et bon philosophe :: [/size] [/color] </div></div> [/td][/tr][/table] <div style="background-color:#8b4513; text-align: justify; border-style: dashed; border-color: #d2b48c; border-width: 3px; width: 190px; height:100%;"> [color=#FFE7BA][size=14] [center][b]Personnalité[/b][/center] [/color][/size]</div> <div style="width:646px;height:100%;background-color: #cd950c;border-style: solid; border-color: #d2b48c ; border-width: 3px; "><div style="background-color:#d2b48c; text-align: justify; border-style: solid; border-color:#8b4513 ; border-width: 3px; width: 640px; height:100%;"><blockquote> [color=#FFE7BA][size=11]Essri est du genre solitaire, recluse, qui veut se débrouiller toute seule. Pas qu'elle soit asociale ou de quoi, mais parce qu'elle ne veut pas devoir dépendre des autres pour survivre. Cependant, elle n'arrive jamais vraiment à se débrouiller seule, souvent, son frère intervient dans ce qu'elle entreprend. Elle adorait son frère, mais depuis certain évènement elle ne sait plus qui sera plus important pour elle : son frère ou Lance. Son penchant vers Lance, même si elle ne s'en rend pas compte, risque fort de créer des malentendus futur avec son frère.
Elle aime vivre et elle tient beaucoup a Lance. Elle ne ressent plus vraiment le besoin de se venger des hommes pour la mort de sa mère. Elle en oublie même son père, toutes ses pensées désormais tourner vers les évènements présents et un loup brun. De plus de sa colère envers son frère. Elle trouve dommage que son Kitsune ne veuille pas l'écouter ou accepter Lance. [/color][/size]</div></div> <div style="background-color:#8b4513; text-align: justify; border-style: dashed; border-color: #d2b48c; border-width: 3px; width: 190px; height:100%;"> [color=#FFE7BA][size=14][b][center]Chronologie[/center][/b][/color][/size]</div> <div style="width:646px;height:100%;background-color: #d2b48c;border-style: solid; border-color: #d2b48c ; border-width: 3px; "><div style="background-color:#d2b48c; text-align: justify; border-style: solid; border-color:#8b4513 ; border-width: 3px; width: 640px; height:100%;"><blockquote> [color=#FFE7BA][size=14] [u][b]L[/b][i]a[/i] [b]F[/b][i]ugue...[/i][/size][size=11][/u]
• Née près d'un camp humain avec son frère. • Mort de leur mère après a peine deux semaine de sevrage. • Leur père les retrouve miraculeusement, puisque leur mère avait quitter le nid pour donner naissance aux jumeaux. • Après quelque temps, Essri part en quête de vengeance sous le coup de l'impulsion, ayant vieilli et comprit le sort que leur mère eut subit. • En chemin vers la sortit du territoire, croise une vieille renarde avec laquelle elle discute. Leur chemin se sépare. • Ess Apprend ce qu'est des jeunes loups sans supervision. Et surtout, sa première approche réelle avec cette race. <a href="http://the-blackbloodallian.forumsactifs.net/le-fleuve-f51/et-hop-une-rencontreprio-zanbato-et-tizona-t1324.htm"><b>[i]Et hop, une rencontre?[/i][b][Prio' Zanbato et Tizona][/b]</b></a> [Inactif] • Esprit Renard se fait sauvé par vie par une louve généreuse qui eut bien voulu partagée de son repas alors que la faim l'affaiblissait de minute en minute. <a href="http://the-blackbloodallian.forumsactifs.net/le-grande-plaine-f52/faim-prio-himoless-t1485.htm"><b>[i]Faim...[/i][b][prio' Himoless][/b]</b></a> [Inactif] • Sa toute première et marquante rencontre avec Lance. Ce petit ne cessa de surprendre notre renarde intriguer par se phénomère. Cependant, dans ses gestes étranges, elle lui suava la peau. ayant faillit tomber d'un ravin alors qu'il eut prit un petit rongeur en chasse. <a href="http://the-blackbloodallian.forumsactifs.net/les-pierres-rougeoyantes-f56/oupela-garer-prio-lance-t1343.htm"><b>[i]Oupela! égarer?[/i][b][prio lance^^][/b]</b></a> [Terminé] • Ce dernier l'amena à sa tannière dans son clan ou elle y rencontra Lufia et la mère de Lance. Elle y passa la nuit, mais au petit matin, elle avait disparut. <a href="http://the-blackbloodallian.forumsactifs.net/l-oasis-f57/l-cart-t1514.htm"><b>[i]À l'écart...[/i][b][Prio Lance, Lufia, Shameless et l'oasis][/b]</b></a>[Inactif][/size]
[u][size=14][b]R[/b][i]etrouvaille...[/i][/size][/u] [size=11]
• Parcourre les terres de BBAR presque en entier, à l'exception des terres du nord. • Rase de mourrir à plusieur reprise par accident ou parce qu'elle se fait chasser par des loups. • Elle ferme son coeur au monde extérieur alors qu'elle découvre le comportement atroce des loups. Elle s'ennuie de son frère et repense à Lance, qu'elle avait presqu'oublier. • Atterit finalement près du camp des hommes. Camp auquel toute la haine de Ess est dirigée. • Essri arrive sur les lieux d'une dispute naissante entre loup. Elle ne reconnaît cependant personne à l'exception de Lance lorsque ce dernier remarque sa présence. Elle n'en croit pas ses yeux. <a href="http://the-blackbloodallian.forumsactifs.net/les-abords-du-camp-f42/you--prio-bb-humains-chiens-t2100.htm"><b> [i]You ... ! [/i][b][Prio' BB, Humains, Chiens][/b]</b></a> [Terminé] • La dispute la laisse pantoie et muette... Mais surtout, effrayée. • Suite à la querelle entre Lance et ses amis d'enfances, Essri se retrouve à suivre Lance vers la source. Sécoule un moment paisible entre eux deux pour d'étendre l'atmosphère et le stress de plus tôt. <a href="http://the-blackbloodallian.forumsactifs.net/la-source-f44/post-apocalyspe-prio-lance-t2136.htm"><b> [i]Post-apocalyspe[/i] [b][Prio' Lance][/b]</b></a> [Terminé] • Encore troublé par les évènement de précédemment, et excessivement fatiguer, Essri tombe sur un des loups adultes les plus étrange qu,elle eut connu. Quoique pas aussi bizarre que Lance, ce dernier loup, nommé Howakhan, tente de trouver son problème et de le règlé. Trop effrayer, elle tente de ne pas se laisser faire, mais semble-t-il qu'elle aille du mal à se défaire de sa présence alors qu'un orage gronde. <a href="http://the-blackbloodallian.forumsactifs.net/les-abords-du-camp-f42/penser-et-regrets-prio-ci-et-howa-t2165.htm"><b>[i]Penser et regrets[/i] [b][prio' Ci' et Howa'][/b]</b></a> [Inactif] • Suite à sa dispute avec son frère et le combat entre ce dernier et Lance, Essri resta seule derrière et tanta de trouver la volonté de se relevé pour retrouver Le Brun, mais seulement, Kitsune était encore là... <a href="http://the-blackbloodallian.forumsactifs.net/english-rpg-f89/human-camp-borders-reconcilliation-kitsune-t2949.htm#38783"><b>[i]Reconcilliation?[/i] [b][Kitsune][/b]</b></a> (En cour...) • Son frère ayant finalement approuver sa relation avec Lance, elle en était plus qu'heureuse. Ne sachant plus ou moins se que son frère fera à l'avenir, elle espérait que ce dernier se trouve une douce à son tour pour lui aussi vivre l'amour. Elle accepte donc l'embrasse de Lance. <b>[i]À venir...[/i] [b][Lance][/b]</b></a> [/size]
[u][size=14][b]F[/b][i]atalité[/i][/size][/u] [size=11]
• Alors que Essri pensait finalement avoir trouver un peu de bonheur et de paix, il fallait que le destin continue de la ramené vers les ténèbres. Ce coup-ci, c'est une rencontre avec son père qui tournera pas très... Sainement. <a href="http://the-blackbloodallian.forumsactifs.net/la-source-f44/dans-les-griffes-de-la-folie-prio-dispel-t2977.htm#39074"><b>[i]Dans les griffes de la folie[/i] [b][Dispel][/b]</b></a> (En cour...)
[i]À suivre...[/i][/size] [/color]</div></center></div> [center][img]http://i112.photobucket.com/albums/n189/naoko144/sfhdte/imagebasficheBBAResscopy-1.png[/img][/center] Et que dans ce code je voudrais que dans le bloc 'Chronologie', les titres tel que 'La fugue', 'Retrouvaille' et 'Fatalité' soit des onglets que lorsque je *rollover* les texte lier à ceux ci change adéquatement =O. Un peu comme les exemple ci-dessous: https://2img.net/h/i112.photobucket.com/albums/n189/naoko144/blub%20FC2%20blog/fiche1overalllook.jpg https://2img.net/h/i112.photobucket.com/albums/n189/naoko144/blub%20FC2%20blog/descriptionlook.jpg https://2img.net/h/i112.photobucket.com/albums/n189/naoko144/blub%20FC2%20blog/caracterelook.jpg https://2img.net/h/i112.photobucket.com/albums/n189/naoko144/blub%20FC2%20blog/histoirelook.jpg https://2img.net/h/i112.photobucket.com/albums/n189/naoko144/blub%20FC2%20blog/armeslook.jpg https://2img.net/h/i112.photobucket.com/albums/n189/naoko144/blub%20FC2%20blog/techniquelook.jpg https://2img.net/h/i112.photobucket.com/albums/n189/naoko144/blub%20FC2%20blog/imagelook.jpg (Les lien ci-haut son un petit graphique de ce que j'espère atteindre pour chaque onglet, mais je n'ai seuleemnt besoin que du code pour les dits onglets) Si le code est le bon, juste m'expliquer comment l'appliquer =O Je suis encore très débutante en codage. Merci beaucoup! | | |
| | | Kaiji
Blanche-Neige
Messages : 5578
| Bonjour, Votre problème est-il résolu ? Si oui, merci de cocher dans "icône du sujet" l'icône en éditant votre 1er post.
| | |
| | | Naoko144
{ Membre }
Messages : 35
| C'est toujours d'actualitée =) | | |
| | | Kimy
{ Membre actif }
Messages : 1190
| Bonjour =) Il y a un tuto sur les onglets sur le forum l'as-tu suivi ? | | |
| | | Naoko144
{ Membre }
Messages : 35
| Oh? J'ai du être aveugle alors O.O Je vais allez y jeter un coup d'œil =)
EDIT
je crois qu'il n'est pas fait pour un 'widget' dans un message, mais pour sur le forum =O Les même codes et astuces ne s'appliquent pas, pour avoir essayer sinon c'est que je suis très nulle .-. | | |
| | | Radimir
{ Membre actif }
Messages : 459
| | | | M39
{ Membre }
Messages : 130
| J'allais justement proposer la même solution ^^ Cependant si c'est pour une fiche de personnage vacant, cela pourra être utilisé. Si c'est pour un modèle de présentation, ce ne sera pas possible ^^
Si tu as encore des problèmes avec l'iframe. C'est qu'il n'y a pas possibilité de faire des onglets ^^ | | |
| | | Kimy
{ Membre actif }
Messages : 1190
| Pour avoir des onglets dans un message il faut que tu mettes tout ton code dans une page HTML que tu trouveras dans la partie Module de ton panneau d'administration. En créant cette page tu auras une adresse que tu pourras utiliser pour installer ton iframe comme l'a dit Radimir. | | |
| | | Naoko144
{ Membre }
Messages : 35
| D'accord, je vais tenté ma chance avec le iframe, j'étais tombé dessus ce matin et j'avais commencer à bidouiller de quoi.
Pour le moment je vais me fier au tuto et au commentaire et si j'ai un autre problème je le dirais =)
On peut donc clore ce sujet-ci merci beaucoup! =) | | |
| | | Contenu sponsorisé
| | | | | Question technique pour une fiche | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|