AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le Deal du moment : -39%
Pack Home Cinéma Magnat Monitor : Ampli DENON ...
Voir le deal
1190 €

    {CSS HTML} Fiche PV + Scénar (grosse demande désolé :/)

    yooh
    yooh
    FémininAge : 32Messages : 143

    Jeu 8 Mar 2012 - 19:24

    Commande
    Type de document voulu : fiche de prédéfini et scénar vu que c'est approximativement la même fiche
    Adresse du forum : FICHE SCENAR + FICHE PV
    Description des éléments :Ce que nous souhaitons c'est que nos fiches soient modifiables par HTML et CSS de sorte que lorsque l'on change le design les couleurs et les images puissent être changé via la fiche CSS
    Couleurs ou tons : j'ai les bases pour le faire donc ne vous souciez pas de ça
    Images :
    code fiche scénar:
    Spoiler:

    code fiche pv + fiche explicative des groupes : (tout nos pvs ont se mode de fonctionnement)
    Spoiler:

    fiche explicative groupe pv:
    Spoiler:

    Autres précisions : hors mis le fait que nous souhaitons ces fiches en CSS non ^^ ah si ! les fiches ont été codées par moi-même. Un grand grand merci à la personne qui osera s'attaquer à ce gros travail ! Honnêtement.



    Taktiik
    Taktiik
    MasculinAge : 29Messages : 2292

    Ven 9 Mar 2012 - 12:48

    Yop \0/

    Je prends en charge, ça va pas me prendre longtemps =P

    EDIT : En fait, j'ai oublié que j'avais cours eoe ! J'te fais ça en rentrant des cours ^_^

    En attendant :
    Il ne faut pas oublier de :
    - Cocher le bouton résolu dès que cette dernière est terminée !
    - Up toutes les 48 heures minimum (pas avant), même si la commande est pris en charge
    - Ne pas poster plusieurs commandes à la fois. Une seule par domaine.
    - Poser des questions ou demander des changements si ça ne convient pas parfaitement à ton schéma Wink

    Cordialement,
    Taktiik.

    yooh
    yooh
    FémininAge : 32Messages : 143

    Ven 9 Mar 2012 - 14:00

    merci beaucoup c'est super gentil Very Happy
    tinquiet pas si ça prend longtemps on ne changera pas le design avant 1mois ou 2 ^^

    bon courage pour tes cours
    Taktiik
    Taktiik
    MasculinAge : 29Messages : 2292

    Ven 9 Mar 2012 - 16:37

    Yop o/

    Voilà pour la fiche scénario :



    Cordialement,
    Taktiik.

    yooh
    yooh
    FémininAge : 32Messages : 143

    Ven 9 Mar 2012 - 17:00

    Alors alors si je comprend bien les trois fiches HTML ont le même CSS ? (je te dis ça par ce que j'ai vu le "fiche 2." sur les 3 fiches HTML que tu me propose ;D )

    Taktiik
    Taktiik
    MasculinAge : 29Messages : 2292

    Ven 9 Mar 2012 - 17:13

    Yop o/

    Oui, c'est ça, c'était le même sur les trois fiches d'introduction donc ,j'ai pas changer Wink

    Taktiik.

    yooh
    yooh
    FémininAge : 32Messages : 143

    Ven 9 Mar 2012 - 18:12

    D'accord merci beaucoup
    Par contre je n'arrive plus à aligner mes trois liens les uns à coté des autres dans la première fiche.

    Voila ce que ça devrait donner :
    http://protego-fidelitas.goodforum.net/t27-mangemorts

    Et voila ce que cela me fait (2eme post):
    http://protego-fidelitas.goodforum.net/t41-1#111

    Pour le code, le voici :
    Code:
    <center>
    <a class="info" href="#"><img width="149" height="60" src="http://img11.hostingpics.net/pics/283813mnkakelly.png"/><span>[center][b]Holly S. Baker[/b][/center]<br>Holly et Duncan sont fiancé depuis 1an maintenant. Ce mariage arrangée ne leur convenait pas mais ils l'ont accepté. Si Holly, elle, prend son rôle de fiancée très à cœur et qu'elle soit tombé amoureuse de son fiancé Duncan lui n'en est pas. Il continue de batifoler et trompe régulièrement sa belle. Néanmoins il éprouve un certaine affection pour elle et il ne sait sur qu'elle pied danser. Holly, elle, accuse le coup et espère tant bien que mal faire un beau mariage. </span></a><a class="info" href="#"><img width="149" height="60" src="http://img11.hostingpics.net/pics/313695leighton.png"/><span>[center][b]Amelia P. Baker[/b][/center]<br>Entre Duncan et Amelia ce n'est pas le grand amour. Il semblerait que Duncan la trouve très à son goût mais la belle le rabroue dès qu'il tente quelque chose et ceux depuis qu'elle l'a eut comme « stagiaire » quand il a voulu apprendre à approcher les dragon. Mais leur relation de conflit est dut au fait qu'Amelia n'accepte pas ce mariage entre lui et sa sœur. Si Duncan essaie de détendre les choses entre lui et sa belle sœur, elle de son côté n'est pas tendre avec lui. </span></a><a class="info" href="#"><img width="149" height="60" src="http://img11.hostingpics.net/pics/368204taylormomsen.jpg"/><span>[center][b]Kathelyne M. Shakespeare[/b][/center]<br>Entre eux la tension monte parfois assez haut, tend sur le plan physique et psychique, si vous voyez ce que je veux dire. Kathelyne est une des maîtresse de Duncan. Si elle sait qu'il doit se marier et qu'il a d'autres amantes elle ne s'est pas caché pour lui dire qu'elle aimerait être son unique amour. Néanmoins pour Duncan elle n'est qu'une amourette passagère, même s'il lui fait parfois quelques crises quand elle se laisse aller aux charmes d'autres hommes.</span></a>
    <a class="info" href="#"><img width="149" height="60" src="http://img11.hostingpics.net/pics/194470benbarnes.png"/><span>[center][b]Jonah B. O'Marion[/b][/center]<br>Entre ces deux ce n'est pas l'amour fou. Quand Duncan l'a vu débarquer avec le Cercle du Phénix il s'est empressé de leur cracher au visage. Depuis une tension palpable unis les deux hommes. L'un et l'autre se cherchent mutuellement. Alors quand Duncan apprend que Jonah entretient une relation secrète avec Gwendolyn Doyle, une autre mangemort, il s'empresse de venir charmer la belle dame. Du coup la tension est monté d'un cran et Jonah se retient de le frapper quand ils sont dans la même pièce.</span></a><a class="info" href="#"><img width="149" height="60" src="http://img11.hostingpics.net/pics/959515emilyblunt.png"/><span>[center][b]Gwendolyn E. Doyle[/b][/center]<br>Entre eux deux c'est le jeu du chat et de la souris. Duncan c'est approché de la cougard quand il su que ce Jonah O'Marion avait une tumultueuse aventure avec elle. La belle femme le sait mais s'en amuse. Après tout elle n'est la propriété de personne. Duncan est un tout nouveau jouet pour elle du coup elle en profite même si le garçon semble préféré la faire languir</span></a><a class="info" href="#"><img width="149" height="60" src="http://img11.hostingpics.net/pics/72270371M.png"/><span>[center][b]Oxana K. Cordell[/b][/center]<br>Les deux jeunes gens se connaissent depuis longtemps néanmoins ils ne se côtoient pas beaucoup. En effet Duncan bien qu’appréciant le caractère et la beauté d'Oxana, s’agace de ses manières et de son extrémiste. Les deux jeunes gens se cherchent souvent, surtout Oxana qui aimerait que Duncan redevienne le mangemort sur de lui d'autrefois.  </span></a>
    </center>

    Même si j'enlève le
    ou que je diminue les images de liens, rien y fait :S

    Taktiik
    Taktiik
    MasculinAge : 29Messages : 2292

    Sam 10 Mar 2012 - 12:10

    Yop !

    Je n'arrive pas à voir le second lien, il faut être connecter x_x !
    Essaie de modifier les permissions pour que je puisse le voir ^^"

    Taktiik.

    yooh
    yooh
    FémininAge : 32Messages : 143

    Sam 10 Mar 2012 - 16:00

    Voila je l'ai déplacé là où il te serait accessible
    http://protego-fidelitas.goodforum.net/t41-1

    Merci encore
    Taktiik
    Taktiik
    MasculinAge : 29Messages : 2292

    Sam 10 Mar 2012 - 16:20

    Yop,

    Essaie cela :

    Code:
    <center>
    <a class="info" href="#"><img width="149" height="60" src="http://img11.hostingpics.net/pics/283813mnkakelly.png"/><span>[center][b]Holly S. Baker[/b][/center]
    Holly et Duncan sont fiancé depuis 1an maintenant. Ce mariage arrangée ne leur convenait pas mais ils l'ont accepté. Si Holly, elle, prend son rôle de fiancée très à cœur et qu'elle soit tombé amoureuse de son fiancé Duncan lui n'en est pas. Il continue de batifoler et trompe régulièrement sa belle. Néanmoins il éprouve un certaine affection pour elle et il ne sait sur qu'elle pied danser. Holly, elle, accuse le coup et espère tant bien que mal faire un beau mariage. </span></a><a class="info" href="#"><img width="149" height="60" src="http://img11.hostingpics.net/pics/313695leighton.png"/><span>[center][b]Amelia P. Baker[/b][/center]
    Entre Duncan et Amelia ce n'est pas le grand amour. Il semblerait que Duncan la trouve très à son goût mais la belle le rabroue dès qu'il tente quelque chose et ceux depuis qu'elle l'a eut comme « stagiaire » quand il a voulu apprendre à approcher les dragon. Mais leur relation de conflit est dut au fait qu'Amelia n'accepte pas ce mariage entre lui et sa sœur. Si Duncan essaie de détendre les choses entre lui et sa belle sœur, elle de son côté n'est pas tendre avec lui. </span></a><a class="info" href="#"><img width="149" height="60" src="http://img11.hostingpics.net/pics/368204taylormomsen.jpg"/><span>[center][b]Kathelyne M. Shakespeare[/b][/center]
    Entre eux la tension monte parfois assez haut, tend sur le plan physique et psychique, si vous voyez ce que je veux dire. Kathelyne est une des maîtresse de Duncan. Si elle sait qu'il doit se marier et qu'il a d'autres amantes elle ne s'est pas caché pour lui dire qu'elle aimerait être son unique amour. Néanmoins pour Duncan elle n'est qu'une amourette passagère, même s'il lui fait parfois quelques crises quand elle se laisse aller aux charmes d'autres hommes.</span></a>
    <a class="info" href="#"><img width="149" height="60" src="http://img11.hostingpics.net/pics/194470benbarnes.png"/><span>[center][b]Jonah B. O'Marion[/b][/center]
    Entre ces deux ce n'est pas l'amour fou. Quand Duncan l'a vu débarquer avec le Cercle du Phénix il s'est empressé de leur cracher au visage. Depuis une tension palpable unis les deux hommes. L'un et l'autre se cherchent mutuellement. Alors quand Duncan apprend que Jonah entretient une relation secrète avec Gwendolyn Doyle, une autre mangemort, il s'empresse de venir charmer la belle dame. Du coup la tension est monté d'un cran et Jonah se retient de le frapper quand ils sont dans la même pièce.</span></a><a class="info" href="#"><img width="149" height="60" src="http://img11.hostingpics.net/pics/959515emilyblunt.png"/><span>[center][b]Gwendolyn E. Doyle[/b][/center]
    Entre eux deux c'est le jeu du chat et de la souris. Duncan c'est approché de la cougard quand il su que ce Jonah O'Marion avait une tumultueuse aventure avec elle. La belle femme le sait mais s'en amuse. Après tout elle n'est la propriété de personne. Duncan est un tout nouveau jouet pour elle du coup elle en profite même si le garçon semble préféré la faire languir</span></a><a class="info" href="#"><img width="149" height="60" src="http://img11.hostingpics.net/pics/72270371M.png"/><span>[center][b]Oxana K. Cordell[/b][/center]<br>Les deux jeunes gens se connaissent depuis longtemps néanmoins ils ne se côtoient pas beaucoup. En effet Duncan bien qu’appréciant le caractère et la beauté d'Oxana, s’agace de ses manières et de son extrémiste. Les deux jeunes gens se cherchent souvent, surtout Oxana qui aimerait que Duncan redevienne le mangemort sur de lui d'autrefois.  </span></a>
    </center>

    Taktiik.

    yooh
    yooh
    FémininAge : 32Messages : 143

    Sam 10 Mar 2012 - 16:25

    Ça ne change rien, désolé
    Taktiik
    Taktiik
    MasculinAge : 29Messages : 2292

    Sam 10 Mar 2012 - 16:30

    Alors,

    Dans ton CSS tu as .fiche 2 avec :

    Code:
    width: 450px;

    Change en :

    Code:
    width: 480px;

    Normalement, ça devrait aller mais cette histoire est louche ._.

    Taktiik.

    yooh
    yooh
    FémininAge : 32Messages : 143

    Dim 11 Mar 2012 - 13:30

    Nan ça ne fonctionne toujours pas

    J'ai même été jusque 500px et ça va pas, désolé

    Taktiik
    Taktiik
    MasculinAge : 29Messages : 2292

    Mar 13 Mar 2012 - 21:14

    Yop !

    Je vais reprendre tes codes du début et les poster sur un forum test pour voir si tout est bon.
    Désolé pour le temps que je vais prendre x_x

    Taktiik.

    yooh
    yooh
    FémininAge : 32Messages : 143

    Mar 13 Mar 2012 - 21:15

    Ce n'est rien ne t'en fait pas
    On vient d'ouvrir le forum et pour l'instant on fait sans donc ne t'inquiète pas ^^

    Merci encore
    Taktiik
    Taktiik
    MasculinAge : 29Messages : 2292

    Mer 21 Mar 2012 - 14:35

    Yo !

    Je ne t'ai pas oublié mais j'avoue que je ne vois pas d'où peut venir ce beug :s
    Pourrais-tu me passer la fiche où ça ne bug pas :O?
    Je m'y met dès ce week-end Wink

    Taktiik.

    yooh
    yooh
    FémininAge : 32Messages : 143

    Mer 21 Mar 2012 - 14:48

    Je ne m'inquiétais et je te fais confiance donc pas de problème
    Voici le code de la fiche de PV qui ne bugg pas ^^

    Code:
    <center><div style="width: 450px; text-align: justify; background : #EAC993; line-height: 10px; font-size: 10px; border-radius: 20px 20px 20px 20px; padding: 5px;"><div style="text-align: center;"><br><img src="http://img4.hostingpics.net/pics/511183tumblrltnfjuZTRj1qeu3gmo1500.gif" width="450px"><p><font style="font-family: Georgia; font-size: 18pt;">NOM</font><font style="font-size: 53pt; font-family: english; text-shadow: 1px 1px 1px rgb(0, 0, 0); letter-spacing: -1px;"><br>Prénom Prénom²</font>
    <p><br>
    <center><div style="text-align: justify; width: 400px; line-height: 11px; font-size: 11px;"> [center]âge [b]↯[/b] ascendance [b]↯[/b] métier [b]↯[/b]groupe [b]↯[/b] situation [b]↯[/b] feat ...
    <font color="#ffffff">[size=28] • • • • •[/size]</font>[/center]
    <div style="height: 200px; width: auto; overflow: auto;">
    [b]histoire ↯[/b] bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla ... bla bla bla</div></center>
    [center]<font color="#ffffff">[size=28] • • • • •[/size]</font>[/center]
    <p><font style="font-size: 53pt; font-family: english; text-shadow: 1px 1px 1px rgb(0, 0, 0); letter-spacing: -1px;"><br>Relations</font>
    <p><br>
    <center><a class="info" href="#"><img width="149" height="60" src="http://img11.hostingpics.net/pics/487562iconrelation.png"/><span>[center][b]NOM[/b][/center]<br>[b]NATURE R[/b] - TEXTE</span></a><a class="info" href="#"><img width="149" height="60" src="http://img11.hostingpics.net/pics/487562iconrelation.png"/><span>[center][b]NOM[/b][/center]<br>[b]NATURE R[/b] - TEXTE</span></a><a class="info" href="#"><img width="149" height="60" src="http://img11.hostingpics.net/pics/487562iconrelation.png"/><span>[center][b]NOM[/b][/center]<br>[b]NATURE R[/b] - TEXTE</span></a>
    <a class="info" href="#"><img width="149" height="60" src="http://img11.hostingpics.net/pics/487562iconrelation.png"/><span>[center][b]NOM[/b][/center]<br>[b]NATURE R[/b] - TEXTE</span></a><a class="info" href="#"><img width="149" height="60" src="http://img11.hostingpics.net/pics/487562iconrelation.png"/><span>[center][b]NOM[/b][/center]<br>[b]NATURE R[/b] - TEXTE</span></a><a class="info" href="#"><img width="149" height="60" src="http://img11.hostingpics.net/pics/487562iconrelation.png"/><span>[center][b]NOM[/b][/center]<br>[b]NATURE R[/b] - TEXTE</span></a></center>
    </div></div></center>
    Taktiik
    Taktiik
    MasculinAge : 29Messages : 2292

    Ven 23 Mar 2012 - 16:10

    Yop o/

    C'est parfait, je m'y mets immédiatement Wink
    EDIT: Il me faudrait le CSS des infobulles si possible ^-^

    Taktiik.


    Dernière édition par Taktiik le Ven 23 Mar 2012 - 16:19, édité 1 fois

    yooh
    yooh
    FémininAge : 32Messages : 143

    Ven 23 Mar 2012 - 16:11

    Merci =)
    Taktiik
    Taktiik
    MasculinAge : 29Messages : 2292

    Ven 23 Mar 2012 - 16:29

    Yop,

    Je sais pas si tu as vu mon EDIT >_<
    Donc je poste, autant être sur, tu pourrais me passer le CSS Des infobulles s'il te plait ^-^?

    Cordialement,
    Taktiik.

    yooh
    yooh
    FémininAge : 32Messages : 143

    Ven 23 Mar 2012 - 16:36

    Ah non pardon, je te les donne tout de suite

    Le voici :

    Code:
    a.info{
    position:relative;
    z-index:24;
    color:#70411d;
    text-decoration:none
    }
     
    a.info:hover{
    z-index:25;
    background-color:#e9c88f
    }
     
    a.info span{
    display: none
    }
     
    a.info:hover span{
    display:block;
    position:absolute;
    top:2em; left:2em; width:22em;
    border:0px solid ;
    border-radius: 20px 20px 20px 20px;
    box-shadow:0 0 2px rgba(0,0,0,.5);
    background-color:#e9c88f;
    color:#70411d;
    text-align: justify;
    text-align: center;
    font-weight:none;
    padding:5px;
    }
    Taktiik
    Taktiik
    MasculinAge : 29Messages : 2292

    Ven 23 Mar 2012 - 17:00

    Yop \0/

    En fait, j'ai fait une erreur de débutant xD
    Vraiment désolé pour tout ce temps idiot, j'ai cru que ça venait du HTML mais c'est le CSS
    Dans le CSS que je t'ai donné tu as :

    Code:
    .fiche2box
    {
      margin: auto;
      width: 400px;
      text-align: justify;
    line-height: 11px;
    font-size: 11px;
    }

    Remplaces par :

    Code:
    .fiche2box
    {
      margin: auto;
      width: 500px;
      text-align: justify;
    line-height: 11px;
    font-size: 11px;
    }

    Taktiik.

    yooh
    yooh
    FémininAge : 32Messages : 143

    Ven 23 Mar 2012 - 20:58

    Ça marche en effet, seulement voici ce qui se passe :

    {CSS HTML} Fiche PV + Scénar (grosse demande désolé :/) 310395Sanstitre1

    Taktiik
    Taktiik
    MasculinAge : 29Messages : 2292

    Ven 23 Mar 2012 - 21:03

    Yop !

    Dans ce cas, il faut augmenter à la même valeur dans fiche2 ^^

    Normalement, ce sera parfait Wink

    Taktiik.

    yooh
    yooh
    FémininAge : 32Messages : 143

    Ven 23 Mar 2012 - 21:27

    Ça marche, enfin j'ai remis .fiche2 et .fichebox2 en 450px et tout s'est mis comme il fallait.
    En tout cas merci beaucoup <3
    Contenu sponsorisé


      La date/heure actuelle est Lun 29 Avr 2024 - 16:50