Postu aide codeur

    Partager

    room
    Membres
    Membres

    13/08/2010

    Postu aide codeur

    Message par room le Dim 21 Aoû - 9:00

    Bonjours

    Voila j'aimerais vous aidez a codé et tout ce qui va avec .
    Mes compétence ne sont pas des meilleurs mais je compte bien
    continué a aprendre de nouvelle choses etc....

    - Années de pratique (ou mois) : 1 ans que je commence a bidouillé tout c code

    - Celon vous quel est votre niveau ? : Debutant

    - (Optionnelle) le ou les forums ou vous avez exercé : http://bzhgamers.forums-rpg.com/ http://team-bot.keuf.net/

    - (si possible sinon c'est pas grave) Quelques exemples d'un codage fait entièrement pas vous (pas copier coller): J'ai pas de code crée de A à Z par mes soins mais je pense etre capable de réalisé un menu de A à Z .

    - Vos motivations : J'aime apprendre de nouvelle chose tout le temps .
    - Votre disponibilité : Assez souvent, mais pas avec des horaires fixe, vue que je bosse en 3/8 les horaires varie
    d'une semaine sur l'autre .

    Voila j’espère avoir répondu comme il le faillait Smile

    Merci, rOom .

    Codage
    Membre
    Membre

    Masculin 03/08/2011
    Localisation: Derrière un PC

    Re: Postu aide codeur

    Message par Codage le Dim 21 Aoû - 9:53

    Bonjour et merci de l’intérêt que tu porte à thème-FA, un administrateur viendra te faire part de la suite.

    J'aurais par-contre 2/3 petites questions:

    1- Qu'as-tu codé sur les forums où tu donne les liens (on dirais juste des copié collé des tuto' trouvé entre-autre ici même)

    2- Tu pense être capable de réaliser un menu de A à Z??? Je ne dirais pas le contraire mais qu'appel-tu menu ???

    3- Serais-tu capable de créer un QEEL, une Catégorie, un PA ou tout autre ???

    4- Que maitrise tu le plus (HTML, Script, modif de template, autre) ???

    room
    Membres
    Membres

    13/08/2010

    Re: Postu aide codeur

    Message par room le Dim 21 Aoû - 10:08

    1- Qu'as-tu codé sur les forums où tu donne les liens (on dirais juste des copié collé des tuto' trouvé entre-autre ici même)

    Ben sur c forum je n'est quasi rien codé, juste fait pas mal de modif les seul choses que j'ai réellement codé son les sous menu des forums

    2- Tu pense être capable de réaliser un menu de A à Z??? Je ne dirais pas le contraire mais qu'appel-tu menu ???

    Ben un menu.....menu déroulant, fixe etc....

    3- Serais-tu capable de créer un QEEL, une Catégorie, un PA ou tout autre ???

    Un QEEL je sais pas car je ne me suis pas encore mit au Template
    mais avec un peu de temps je pense pouvoir, une catégorie je sais pas non plus car je vois pas trop a quoi ça correspond et une PA je sais pas non plus tout dépend de la difficulté de la PA a faire .

    4- Que maitrise tu le plus (HTML, Script, modif de template, autre) ???
    HTML / CSS voici ce que je maitrise le plus pour le moment .

    Voila si d'autre question hésitez pas Smile

    Codage
    Membre
    Membre

    Masculin 03/08/2011
    Localisation: Derrière un PC

    Re: Postu aide codeur

    Message par Codage le Dim 21 Aoû - 14:11

    D'accord merci, donc avant de te faire passer un test voici un schéma d'un tableau simple, serais-tu capable de le reproduire ??? (et si oui, j'aimerais voir s'il te plait) de plus une fois fait que saurais-tu lui ajouter de plus ???
    Spoiler:


    Alors tu dois respecter les couleurs des cadres, ajoute leur un arrondis aux angles
    1- En titre blablabla... et un texte juste au-dessous de plusieurs lignes centré.
    2- En titre Le Staff... et en dessous 2 images avec liens vers le profil de chacune.
    3- En titre Nos Amis... et en dessous quelques liens en image clicable (de d'autre forum par exemple).
    4- En titre News... et en dessous un défilement vers la gauche des dernières news.
    5- C'est le titre du PA qu'il soit centré.
    6- Cadre du PA

    Si tu peux ajouter un effet lorsque la sourie passe sur une cellule. Sinon s'il y à des choses que tu ne saurais faire ne le fait pas mais précise-le moi.

    Quierra
    Fondatrice
    Fondatrice

    Féminin 13/04/2009

    Re: Postu aide codeur

    Message par Quierra le Dim 21 Aoû - 16:08

    Coucou, et bien je vois que les dés sont déjà lancés hihihi .

    Prends tout ton temps et je te souhaite bonne chance.

    room
    Membres
    Membres

    13/08/2010

    Re: Postu aide codeur

    Message par room le Dim 21 Aoû - 21:55

    Ok trés bien je vais tenté de reproduire ceci par contre niveau effet j'en connais pas des masses Smile

    Codage
    Membre
    Membre

    Masculin 03/08/2011
    Localisation: Derrière un PC

    Re: Postu aide codeur

    Message par Codage le Dim 21 Aoû - 22:25

    C'est pas un souci.

    room
    Membres
    Membres

    13/08/2010

    Re: Postu aide codeur

    Message par room le Lun 22 Aoû - 0:06

    Bon voila aprés quelque heure a me tiré les cheuveux voici le debut du code Smile
    voila comme ca dite moi si je suis sur la bonne voix niveau codage
    ou alors si je fait que des bourdes etc....lool

    CODE HTML
    Code:
    <div class="cadretfa">
    <div class="cadre5tfa">
    <div class="tfa5">BONJOUR ET BIENVNENUE
    </div>
    </div>
    <div class="cadre1tfa">
    <div class="tfa1">TITRE ICI !!!!!</br>
    <div class="tfa1cont">blablablablablablablabla
    blablablablablablablablabla
    blablablablablablablablabla
    </div>
    </div>
    </div>
    <div class="cadre2tfa">
    <div class="tfa2">LE STAFF</br>
    <div class="tfa2cont">blablablablablablablabla
    blablablablablablablablabla
    blablablablablablablablabla
    </div>
    </div>

    CODE CSS
    Code:

    .cadretfa{
    border:4px solid #ff0000;
    width:1000px;
    height:800px;
    }

    .cadre5tfa{
    border:4px solid #008022;
    width:900px;
    height:50px;
    margin-left:50px;
    text-align:center;
    }

    .cadre1tfa{
    border:4px solid #ffe600;
    width:200px;
    height:500px;
    margin-left:50px;
    }

    .cadre1tfa:hover{
    background-color:#000;
    }

    .tfa1{
    text-align:center;
    }

    .tfa1cont{
    text-align:center;
    }

    .cadre2tfa{
    background-color:#fff;
    border:4px solid #ffe600;
    width:500px;
    height:300px;
    margin-left:265px;
    margin-top:-523px;
    }

    .cadre2tfa:hover{
    background-color:#000;
    }

    .tfa2{
    text-align:center;
    }

    .tfa2cont{
    text-align:center;
    }


    Voila, juste un trucs qui me chagrine ce sont les marges surtout celle du deuxieme ou j'ai été obligé de mettre des marges assez énorme "margin-top:-523px;" ce qui me parait bizarre looool .

    Voila tout . Merci Smile

    Quierra
    Fondatrice
    Fondatrice

    Féminin 13/04/2009

    Re: Postu aide codeur

    Message par Quierra le Lun 22 Aoû - 2:34

    Et bien... Je m'excuse à l'avance de ce que je vais dire, mais c'est une catastrophe hihihi .

    Si tu avais bien écrit ton code, tu aurais vue qu'il te manque des fermetures de divs :

    Code:
    <div class="cadretfa">
        <div class="cadre5tfa">
                <div class="tfa5">
                          BONJOUR ET BIENVNENUE
                </div>
        </div>
        <div class="cadre1tfa">
                <div class="tfa1">
                            TITRE ICI !!!!!</br>
                        <div class="tfa1cont">
                                blablablablablablablabla
                                blablablablablablablablabla
                                blablablablablablablablabla
                        </div>
                </div>
        </div>
        <div class="cadre2tfa">
                <div class="tfa2">
                          LE STAFF</br>
                      <div class="tfa2cont">
                              blablablablablablablabla
                              blablablablablablablablabla
                              blablablablablablablablabla
                      </div>
                </div>


    Un retour à la ligne s'écrit :
    Code:

    <br />


    Donc ton /br, il n'existe pas.

    On n'écrit pas un texte n'importe ou, surtout pas entre des divs, il y a des balises à utiliser pour écrire des textes(span, p...).

    Pas un seul div à une position, tu comptais les placer à coup de marges ?

    margin-top:-523px;


    En effet, ça prouve qu'il y a un gros problème !
    Ce n'est pas comme ça qu'on place des éléments. On indique une position, et si côte à côte, un float et le div conteneur en position "relative", afin que ces divs flottent à partir du div conteneur et non par rapport à la fenêtre du navigateur.

    Pourquoi tu as mis une boite dans une boite pour y mettre une boite ? On fait cette arborescence quand il y a une raison, sauf que là je ne vois pas laquelle hihihi .
    Tu n'as utilisé que des divs, tu ne connais pas les "span" ou "p" pour les textes ? "h1, h2, h3..." ? Pour les titres.

    Codage disait de reproduire le tableau, tu ne sais pas faire un tableau ?

    room
    Membres
    Membres

    13/08/2010

    Re: Postu aide codeur

    Message par room le Lun 22 Aoû - 9:52

    Loool bizarrement je me doutais de cette réaction....ben je pensais bien faire
    mais je vais utilisé les baliste "table" pour faire le tableau et les balise "tr"
    pour les textes je vais tout refaire Smile

    Merci de m'aidér loool

    EDIT : Donc si je comprend quelque chose le code devrait ressemblé a quelque chose comme ceci ?
    Code:
    <table>
        <div class="tfa1">
          <h1>TITRE ICI !!!</h1>
          <p>blablablablablablabla</p>
          </div>
    </table>

    Codage
    Membre
    Membre

    Masculin 03/08/2011
    Localisation: Derrière un PC

    Re: Postu aide codeur

    Message par Codage le Lun 22 Aoû - 16:17

    Bonjour, effectivement ton premier code, avait pas mal de problème même sans le tester, sa se voyait de suite, pour bien voir où cela ne colle pas, ré-écrit ton HTML de la façon que Quierra t'as montré, puis regarde déjà t'es erreurs de balises.

    Pour le CSS un -523px et beaucoup, beaucoup trop grand, fais-tu une vérification sous aperçu ??? (tu as plusieurs possibilité pour sa la 1ère celle que j'utilisais par le passé est de passer par un forum de test ou sinon tu peux utiliser un programme qui gère le html et css)

    room
    Membres
    Membres

    13/08/2010

    Re: Postu aide codeur

    Message par room le Lun 22 Aoû - 23:40

    Bon je viens juste de finir le taff...Et pour testé mes codes je le fait sur mon forum dans un message, voila tout Smile

    Sinon pouvez vous me dire comment on utilise les "float" et autre position relative ?

    cristof
    VIP
    VIP

    08/07/2009

    Re: Postu aide codeur

    Message par cristof le Mar 23 Aoû - 8:43

    room, ce que je te conseil afin de comprendre au mieux c'est :
    http://www.siteduzero.com/tutoriel-3-13666-apprenez-a-creer-votre-site-web.html

    il est vraiement top et nous avons tous commencé par là, du moins pour un majeur partie

    room
    Membres
    Membres

    13/08/2010

    Re: Postu aide codeur

    Message par room le Mar 23 Aoû - 9:59

    Ok merci je vais potassé ceci tout a l'heure ;)

    Codage
    Membre
    Membre

    Masculin 03/08/2011
    Localisation: Derrière un PC

    Re: Postu aide codeur

    Message par Codage le Mer 24 Aoû - 14:43

    Bonjour room,

    Je suis désolé mais, nous allons en rester là pour le moment. Pour être codeur ou même aide-codeur, il te faudrait les bases du codage et malheureusement, tu n'en connais pas assez pour l'instant.

    Il ne suffit pas de reprendre des codes existants et de les modifier légèrement (voir bidouiller pour reprendre ton mot), pour savoir coder. Le lien vers le site du zéro donné par cristof est un excellent site pour apprendre les bases, tu peux aussi (si ta bourse te le permet) te procurer différent type de bouquins sur le html/css (qui traite généralement aussi du script et du xhtml) sachant que les nouvelles édition parle du nouveau html5.

    Encore merci à toi, d'avoir prie soin de postuler pour TFA, et à très bientôt j'espère.

      La date/heure actuelle est Mar 22 Mai - 10:51