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 :
Pokémon EV06 : où acheter le Bundle Lot ...
Voir le deal

    Un tableau s'il vous plait

    Michiyo
    Michiyo
    FémininAge : 32Messages : 7466

    Dim 5 Juin 2011 - 19:07

    Bonjour à tous ^^ voila un exercice qui va peut-être être facile pour vous ^^ mais moi j'y arrive pas


    Commande
    Type de document voulu : Un tableau ^^'
    Adresse du forum : http://heiwa-rpg.bb-fr.com/ pour la suite des missions, quand ce sera le choix des équipements
    Description des éléments :
    Un tableau s'il vous plait 859071tableau

    voila, alors je veux la typo en papyrus qui est déjà marqué, en sachant après que le reste dans le tableau ce serait en Time new roman en italique le tout en couleur : #463F32
    Couleurs ou tons : bon bah voila le tout qui aille avec la fiche de mission donc j'ai donné la couleur de la typo j'aimerais aussi que sur le tableau il y ai une ombre porté légère
    Images : j'aimerais que le tableau vienne sur ce parchemin https://2img.net/r/hpimg4/pics/911711423951parchemin.png
    Autres précisions : bah voila, en gros c'est la suite de la fiche de mission qu'on m'a déjà fait avant quoi... ^^' j’aimerais bien voir les séparation de chaque partie, plus évidente peut-être entre les deux colonnes "principales" et la séparation aussi entre le titre et les autres lignes si possible.



    merci à tous ^^


    Dernière édition par Michiyo le Mar 14 Juin 2011 - 13:07, édité 1 fois
    • Revenir en haut
    Michiyo
    Michiyo
    FémininAge : 32Messages : 7466

    Mar 7 Juin 2011 - 19:27

    petit up merci ^^
    • Revenir en haut
    Inikaam
    Inikaam
    MasculinAge : 37Messages : 441

    Mer 8 Juin 2011 - 14:31

    mmm, pour préserver la typo papyrus, il faudra la convertir en image, sinon les navigateurs ne la reconnaîtront pas. pour ce qui est du reste, ça n'est pas bien compliqué avec un petit HTML. je vais voir ce que je peux faire. pour ce qui est de l'ombre porté, je peux te faire un effet relief, mais une ombre ça va être plus tendu. les chiffres dans les premières cases, c'est les dimensions ?



    Je suis l'être sombre qui contera votre chute...
    • Revenir en haut
    Michiyo
    Michiyo
    FémininAge : 32Messages : 7466

    Mer 8 Juin 2011 - 18:11

    Alors pour le papyrus ça a très bien marché pour ma fiche de quête ceux qui n'ont pas la typo voient la typo par défaut qui est time new roman sur mon fow je crois. Euh sinon les chiffres oui c'est les dimensions.


    en fait pour le truc pour être plus précise je veux la "suite" de ma fiche de quête : que tu peux avoir là
    • Revenir en haut
    Michiyo
    Michiyo
    FémininAge : 32Messages : 7466

    Sam 11 Juin 2011 - 12:17

    up
    • Revenir en haut
    Angel Ezekiel
    Angel Ezekiel
    MasculinAge : 31Messages : 1377

    Sam 11 Juin 2011 - 18:12

    Normalement voici le code:

    Voici la base du tableau:
    Code:
    <table style="background-image:url('http://img4.hostingpics.net/pics/911711423951parchemin.png');background-repeat:no-repeat;background-position:top center;"><tr><td width="230px" height="60px">Nom de l'objet</td><td width="75px" height="60px">prix de l'objet</td><td width="230px" height="60px">Nom de l'objet</td><td width="75px" height="60px">prix de l'objet</td></tr></table>

    Si tu veux rajouter une ligne:(tu le places avant
    Code:
    </table>
    )
    Code:
    <tr><td width="230px" height="60px">Nom de l'objet</td><td width="75px" height="60px">prix de l'objet</td><td width="230px" height="60px">Nom de l'objet</td><td width="75px" height="60px">prix de l'objet</td></tr>



    • Revenir en haut
    Michiyo
    Michiyo
    FémininAge : 32Messages : 7466

    Dim 12 Juin 2011 - 15:07

    merci lux mais...me manque l'ombre avec ton code j'aurais bien voulu mon ombre porté pour bien rappeler la fiche de quête et la typo des titres en papyrus aussi
    • Revenir en haut
    Angel Ezekiel
    Angel Ezekiel
    MasculinAge : 31Messages : 1377

    Dim 12 Juin 2011 - 15:48

    J'avais pas vu l'ombre . Je te corrige ça dans la journée.



    • Revenir en haut
    Angel Ezekiel
    Angel Ezekiel
    MasculinAge : 31Messages : 1377

    Lun 13 Juin 2011 - 14:22

    Voila le code par contre j'ai séparé html et css
    Code:
    <table style="background-image:url('http://img4.hostingpics.net/pics/911711423951parchemin.png');background-repeat:no-repeat;background-position:top center;"><tr><td width="230px" height="60px" class="tableau-lign1">Nom de l'objet</td><td width="75px" height="60px" class="tableau-lign1">prix de l'objet</td><td width="230px" height="60px" class="tableau-lign1">Nom de l'objet</td><td width="75px" height="60px" class="tableau-lign1">prix de l'objet</td></tr></table>


    Code:
    .tableau-lign1{
    border-width:2px;
    border-style:solid;
    border-color:black;
    box-shawow:1px 1px 1px #000000;
    font-family: Papyrus,Arial Black, Arial, Verdana, serif;
    }

    Code:

    <tr><td width="230px" height="60px" class="tableau-lign">Nom de l'objet</td><td width="75px" height="60px" class="tableau-lign">prix de l'objet</td><td width="230px" height="60px" class="tableau-lign">Nom de l'objet</td><td width="75px" height="60px" class="tableau-lign">prix de l'objet</td></tr>

    Code:
    .tableau-lign{
    border-width:2px;
    border-style:solid;
    border-color:black;
    box-shawow:1px 1px 1px #000000;
    font-family: Time new roman,Arial Black, Arial, Verdana, serif;
    color:#463F32;
    }



    • Revenir en haut
    Michiyo
    Michiyo
    FémininAge : 32Messages : 7466

    Lun 13 Juin 2011 - 14:23

    hey, ya pas moyen de faire sans fiche css? parce que sur la fiche de mission yen a pas besoin ce serait plus simple pour moi


    édit : si ça peut aider voici le code de base qu'on m'avait fait pour la mission :

    Code:
    <table cellspacing="1" cellpadding="1" width="650" border="0"><div style="width: 637px; height: 800px; margin: auto;  background: url(http://img4.hostingpics.net/pics/911711423951parchemin.png) no-repeat">

    <div style="width: 560px; height: 145px; border: #000000 2px; box-shadow: 0px 3px 3px #000000; margin: auto; margin-top: -40px"><span style="display: block; margin-top: 15px; font-size: 30px; font-weight: bold; font-family: papyrus; color: #463F32; text-align: center; border-bottom: 5px solid #463F32; text-shadow: 2px 2px 0px #857b69;">Les Choux nocturnes</span>

    <span style="display: block; font-size: 18px; font-weight: bold; font-family: papyrus; color: #463F32; text-align: left; margin-left: 15px">Cueillette</span>

    <span style="background: url(http://img4.hostingpics.net/pics/516684diffmissions01.png) no-repeat; display: block; margin-left: 245px; margin-top: -65px">

    <div style="width: 560px; height: 190px; box-shadow: 0px 3px 3px #000000; margin-left: -245px; margin-top: 80px"><span style="background: url(http://img4.hostingpics.net/pics/234113cueillette.png) no-repeat; height: 180px; display: block; margin-left: 5px; margin-top: 80px"><span style="width: 355px; height: 180px; display: block; margin-left: 190px; margin-top: 80px;  box-shadow: 0px 3px 3px #463F32;"><span style="display: block; font-size: 18px; font-weight: bold; font-family: papyrus; color: #463F32; text-align: left; border-bottom: 1px solid #463F32">Commanditaire: Un vieux fermier</span>
    <span style="display: block; font-size: 12px; font-style: italic; font-family: times new roman; font-weight: bold; color: #463F32; text-align: left; max-height: 120px; padding-left: 5px">"Je dois cueillir mes choux dans le mois, mais je ne peux plus me déplacer librement, mais lombaires me font souffrir. Mon fils ne veut pas y aller il dit avoir entendus des bruis étranges et il a peur s'te trouillaute. Mais j'vous préviens, mes choux, sont délicats, et faut les cueillir que la nuit ! sinon, y crament !"


    </span>

    <div style="width: 560px; height: 110px; box-shadow: 0px 3px 3px #000000; margin-left: -195px; margin-top: 10px"><span style="display: block; font-size: 12px; font-style: italic; font-family: times new roman; font-weight: bold; color: #463F32; text-align: left; max-height: 103px; padding-left: 5px">Le vieux fermier demande à de valeureuses personnes d'aller récolter ses choux a sa place, uniquement la nuit et à bien protéger de toutes lumières. Les choux sont prêts a être récoltés quand ils sont : violet à la textures nervurées et douces à la fois. S'ils commencent à dégager un peu de liquide c'est qu'ils sont trop murs et qu'ils exploseront au moindre contact. Méfiez vous des bruits suspects Le fils les a décrits comme des "bruissement de feuilles mélangés à des grattements et des ronflements rauques et lugubres. Mais il est le seul à les avoir entendus...</span>

    <div style="width: 560px; height: 71px; box-shadow: 0px 3px 3px #000000; margin-top: 10px">
    <span style="display: block; font-size: 12px; font-style: italic; font-family: times new roman; color: #463F32; font-weight: bold; text-align: left; height: 50px; padding-left: 5px; overflow: auto; padding-top: -60px ">Objectifs :
    Rapportez 10 choux nocturnes pas trop mûrs au vieux fermier</span>

    <div style="width: 560px; height: 70px; box-shadow: 0px 3px 3px #000000; margin-top: -10px">
    <span style="width: 268px; height: 60px; display: block; margin-left: 5px; margin-top: -15px;  box-shadow: 0px 3px 3px #000000;"><span style="display: block; font-size: 12px; font-style: italic; font-family: times new roman; font-weight: bold; color: #463F32; text-align: left; height: 50px; padding-left: 5px; overflow: auto; padding-top: -60px ">Vous devrez accomplir cette mission en un minimum de 4 posts, en prenant en compte que vous devrez vous confronter à un champs de choux où la pluparts sont à la limite du trop murs et donc qu'au moindre choc ils explosent en vous couvrant d'un jus malodorant et très collant attirant des insectes nuisibles.</span>

    <span style="width: 268px; height: 60px; display: block; margin-left: 280px; margin-top: -86px;  box-shadow: 0px 3px 3px #000000;"><span style="display: block; font-size: 12px; font-style: italic; font-family: times new roman; font-weight: bold; color: #463F32; text-align: left; height: 50px; padding-left: 5px; overflow: auto">
    Minimum 1 participant pour cette quête.</span>

    <div style="width: 560px; height: 80px; box-shadow: 0px 3px 3px #000000; margin-top: 5px; margin-left: -285px"><span style="display: block; font-size: 18px; font-weight: bold; font-family: papyrus; color: #463F32; text-align: left; border-bottom: 1px solid #463F32">Rècompenses:</span>
    <span style="display: block; font-size: 12px; font-style: italic; font-family: times new roman; color: #463F32; font-weight: bold; text-align: left; height: 50px; padding-left: 5px; margin-top: -15px; overflow: auto">[list][*] 2000 pièces d'or
    [*]Une soupe aux choux nocturnes pour 4 personnes[/list]</span></div></table>
    • Revenir en haut
    Angel Ezekiel
    Angel Ezekiel
    MasculinAge : 31Messages : 1377

    Mar 14 Juin 2011 - 0:40

    Je vais voir pour te coller le css dans le html alors



    • Revenir en haut
    Michiyo
    Michiyo
    FémininAge : 32Messages : 7466

    Mar 14 Juin 2011 - 0:41

    merci lux, et désolée d'être si... chieuse? ^^'
    • Revenir en haut
    Angel Ezekiel
    Angel Ezekiel
    MasculinAge : 31Messages : 1377

    Mar 14 Juin 2011 - 12:49

    Code:
    <table style="background-image:url('http://img4.hostingpics.net/pics/911711423951parchemin.png');background-repeat:no-repeat;background-position:top center;"><tr><td width="230px" height="60px" style="border-width:2px;border-style:solid;border-color:black;box-shadow:1px 1px 1px #000000;font-family: Papyrus,Arial Black, Arial, Verdana, serif;">Nom de l'objet</td><td width="75px" height="60px" style="border-width:2px;border-style:solid;border-color:black;box-shadow:1px 1px 1px #000000;font-family: Papyrus,Arial Black, Arial, Verdana, serif;">prix de l'objet</td><td width="230px" height="60px" style="border-width:2px;border-style:solid;border-color:black;box-shadow:1px 1px 1px #000000;font-family: Papyrus,Arial Black, Arial, Verdana, serif;">Nom de l'objet</td><td width="75px" height="60px" style="border-width:2px;border-style:solid;border-color:black;box-shadow:1px 1px 1px #000000;font-family: Papyrus,Arial Black, Arial, Verdana, serif;">prix de l'objet</td></tr></table>

    Code:
    <tr><td width="230px" height="60px" style="border-width:2px;border-style:solid;border-color:black;box-shadow:1px 1px 1px #000000;font-family: Time new roman,Arial Black, Arial, Verdana, serif;color:#463F32;">Nom de l'objet</td><td width="75px" height="60px" style="border-width:2px;border-style:solid;border-color:black;box-shadow:1px 1px 1px #000000;font-family: Time new roman,Arial Black, Arial, Verdana, serif;color:#463F32;">prix de l'objet</td><td width="230px" height="60px" style="border-width:2px;border-style:solid;border-color:black;box-shadow:1px 1px 1px #000000;font-family: Time new roman,Arial Black, Arial, Verdana, serif;color:#463F32;">Nom de l'objet</td><td width="75px" height="60px" style="border-width:2px;border-style:solid;border-color:black;box-shadow:1px 1px 1px #000000;font-family: Time new roman,Arial Black, Arial, Verdana, serif;color:#463F32;">prix de l'objet</td></tr>




    • Revenir en haut
    Michiyo
    Michiyo
    FémininAge : 32Messages : 7466

    Mar 14 Juin 2011 - 13:07

    merci beaucoup c'est parfait j'y modifie légèrement mais c'est tout bon merci beaucoup
    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Jeu 9 Mai 2024 - 1:15