Question technique pour une fiche Bouton_activeQuestion technique pour une fiche Bouton_hoverQuestion technique pour une fiche Fb-hoverQuestion technique pour une fiche Fb-active
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!

Derniers sujets
» Système d'onglets simple et personnalisable
Question technique pour une fiche EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Question technique pour une fiche EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Question technique pour une fiche EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Question technique pour une fiche EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Question technique pour une fiche EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Question technique pour une fiche EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Question technique pour une fiche EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Question technique pour une fiche EmptySam 11 Fév 2023, 06:04 par Krager

-17%
Le deal à ne pas rater :
(Black Friday) Apple watch Apple SE GPS + Cellular 44mm (plusieurs ...
249 € 299 €
Voir le deal

Partagez
 

Question technique pour une fiche

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://deathforum.megabb.com
Naoko144
{ Membre }
{ Membre }

Féminin Messages : 35



Question technique pour une fiche Empty
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
MessageSujet: Question technique pour une fiche   Question technique pour une fiche EmptyLun 06 Sep 2010, 00:20
Revenir en haut Aller en bas
http://ny-m39.forumactif.com/forum.htm
M39
M39
{ Membre }
{ Membre }

Masculin Messages : 130



Question technique pour une fiche Empty
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 !
MessageSujet: Re: Question technique pour une fiche   Question technique pour une fiche EmptyLun 06 Sep 2010, 10:15
Revenir en haut Aller en bas
http://deathforum.megabb.com
Naoko144
{ Membre }
{ Membre }

Féminin Messages : 35



Question technique pour une fiche Empty
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!
MessageSujet: Re: Question technique pour une fiche   Question technique pour une fiche EmptyLun 06 Sep 2010, 12:21
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Question technique pour une fiche Empty
    Bonjour,

    Votre problème est-il résolu ?
    Si oui, merci de cocher dans "icône du sujet" l'icône Question technique pour une fiche 87671resolu3 en éditant votre 1er post.
MessageSujet: Re: Question technique pour une fiche   Question technique pour une fiche EmptyLun 13 Sep 2010, 17:02
Revenir en haut Aller en bas
http://deathforum.megabb.com
Naoko144
{ Membre }
{ Membre }

Féminin Messages : 35



Question technique pour une fiche Empty
C'est toujours d'actualitée =)
MessageSujet: Re: Question technique pour une fiche   Question technique pour une fiche EmptyLun 20 Sep 2010, 11:45
Revenir en haut Aller en bas
http://misslitchyproduction.yourme.net
Kimy
{ Membre actif }
{ Membre actif }

Féminin Messages : 1190



Question technique pour une fiche Empty
Bonjour =)
Il y a un tuto sur les onglets sur le forum l'as-tu suivi ?
MessageSujet: Re: Question technique pour une fiche   Question technique pour une fiche EmptyLun 20 Sep 2010, 11:55
Revenir en haut Aller en bas
http://deathforum.megabb.com
Naoko144
{ Membre }
{ Membre }

Féminin Messages : 35



Question technique pour une fiche Empty
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 .-.
MessageSujet: Re: Question technique pour une fiche   Question technique pour une fiche EmptyLun 20 Sep 2010, 12:02
Revenir en haut Aller en bas
Radimir
{ Membre actif }
{ Membre actif }

Masculin Messages : 459



Question technique pour une fiche Empty
MessageSujet: Re: Question technique pour une fiche   Question technique pour une fiche EmptyLun 20 Sep 2010, 12:14
Revenir en haut Aller en bas
http://ny-m39.forumactif.com/forum.htm
M39
M39
{ Membre }
{ Membre }

Masculin Messages : 130



Question technique pour une fiche Empty
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 ^^
MessageSujet: Re: Question technique pour une fiche   Question technique pour une fiche EmptyLun 20 Sep 2010, 12:35
Revenir en haut Aller en bas
http://misslitchyproduction.yourme.net
Kimy
{ Membre actif }
{ Membre actif }

Féminin Messages : 1190



Question technique pour une fiche Empty
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.
MessageSujet: Re: Question technique pour une fiche   Question technique pour une fiche EmptyLun 20 Sep 2010, 12:36
Revenir en haut Aller en bas
http://deathforum.megabb.com
Naoko144
{ Membre }
{ Membre }

Féminin Messages : 35



Question technique pour une fiche Empty
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! =)
MessageSujet: Re: Question technique pour une fiche   Question technique pour une fiche EmptyLun 20 Sep 2010, 22:29
Revenir en haut Aller en bas
Contenu sponsorisé




Question technique pour une fiche Empty
MessageSujet: Re: Question technique pour une fiche   Question technique pour une fiche Empty
Revenir en haut Aller en bas
 

Question technique pour une fiche

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Petite question technique
» Petite Question sur les fiche personnage.
» Une fiche *pour des chevaux*
» Question pour une ancre
» First question pour le profil

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forumactif.com