AccueilRechercherS'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.

-57%
Le deal à ne pas rater :
Batterie externe à induction Samsung avec charge rapide sans fil ...
14.99 € 34.99 €
Voir le deal

    Fiche pub Rp Harry-potter

    Databar
    Databar
    MasculinAge : 26Messages : 142

    le Mer 3 Sep 2014 - 5:27



    Logo RPU - Webgraphx:
    Fiche pub Rp Harry-potter Logo-4761f48
    Fiche pub Rp Harry-potter Sans_t10


    Fiche pub Rp Harry-potter Shot-210


    Credits: Moi meme (ouai j'ai pas le meme pseudo je sais x)) pour le forum "RolePlay universe" Ne pas redistribué en LS sur d'autre forum sans mon accord, merci de laissé mes credits Razz


    Alors commençons Razz


    Le CSS



    Code:

    .fondfiche{
    width: 700px;
    height: 846px;
    border: 2px solid #5E5E5E;
    background: #1E1E1E;
    }

    .bann{
    width: 700px;
    height: 210px;
    background: url('http://img110.xooimage.com/files/d/7/0/11111-47709ca.png');
    border-bottom: 10px solid #D66E00;
    }

    .sep{
    margin-top: 4px;
    height: 4px;
    width: 700px;
    background: #D66E00;
    }

    .sepm{
    margin-top: 4px;
    height: 2px;
    width: 700px;
    background: #D66E00;
    }

    .box2{
    height: 200px;
    width: 222px;
    font-size: 14px;
    color: #5E5E5E;
    margin-top: 40px;
    background: #141414;
    border-radius: 10px;
    border: 1px solid #232323;
    }

    .enteteb{
    width: 100%;
    height: 20px;
    background: #D66E00;
    border-radius: 10px 10px 0px 0px;
    padding-top: 2px;
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: bold;
    }

    .box1{
    height: 150px;
    width: 222px;
    font-size: 14px;
    color: #5E5E5E;
    margin-top: 30px;
    background: #141414;
    border-radius: 10px;
    border: 1px solid #232323;
    }
    .conteneur{
    padding: 2px;
    width: 218px;
    height: 117px;
    overflow: auto;
    }
    .conteneur2{
    padding: 4px;
    width: 218px;
    height: 155px;
    overflow: auto;
    }
    .conteneurcont{
    padding: 4px;
    width: 440px;
    height: 155px;
    overflow: auto;
    }
    .navb{
    height: 150px;
    width: 222px;
    margin-top: 30px;
    background: #141414;
    border-radius: 10px;
    border: 1px solid #232323;
    }

    .cont{
    height: 200px;
    width: 448px;
    font-size: 14px;
    color: #5E5E5E;
    margin-top: 40px;
    background: #141414;
    border-radius: 10px;
    border: 1px solid #232323;
    }

    .partb{
    margin-top: 8px;
    }


    .part{
    height: 70px;
    width: 672px;
    margin-top: 40px;
    font-size: 14px;
    color: #5E5E5E;
    background: #141414;
    border-radius: 10px;
    border: 1px solid #232323;
    }

    .credt{
    background: #111111;
    text-align: center;
    font-size: 16px;
    color: #5E5E5E;
    font-weight: bold;
    margin-top: 20px;
    border-top: 2px solid #D66E00;
    }

    .bmenu
    {
    width: 100%;
    /*background: #202126;*/
    /*border-bottom: 1px solid #005B89;*/
    border-top: 1px solid #303034;
    color: #EBEBEB;
    text-align: center;
    margin: auto;
    -moz-transition : all 1s;
        -webkit-transition : all 1s;
    }

    .bmenu:hover
    {
    width: 100%;
    /*border-bottom: 1px solid #005B89;*/
    border-top: 1px solid #303034;
    background: #D66E00;
    color: #EBEBEB;
    text-align: center;
    margin: auto;
    -moz-transition : all 1s;
        -webkit-transition : all 1s;
    }

    a:link{
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    }

    a:link:hover{
    text-align: center;
    color: #FFFFFF;
    }

    li {list-style-type: none;}


    Html




    Code:
    <div class="fondfiche">
      <div class="bann"></div>
      <div class="sepm"></div>
      <div class="sep"></div>
    <table style="padding: 10px;">
      <tr>
      <td><div class="navb"><div class="enteteb">Navigation</div>
          <li class="bmenu"><a href="http://" target="_blank">Lien</a></li>
            <li class="bmenu"><a href="http://" target="_blank">Lien</a></li>
            <li class="bmenu"><a href="http://" target="_blank">Lien</a></li>
            <li class="bmenu"><a href="http://" target="_blank">Lien</a></li>
            <li class="bmenu"><a href="http://" target="_blank">Lien</a></li>
            <li class="bmenu"><a href="http://" target="_blank">Lien</a></li>
        </div></td><td><div class="box1"><div class="enteteb">Actualité</div><div class="conteneur">
    blablablblab<br/>
    lablblabblablablb<br/>
    lablablblablablblablblalablblablbla<br/>
    blablablblab<br/>
    lablblabblablablb<br/>
    lablablblablablblablblalablblablbla<br/>
    blablablblab<br/>
    lablblabblablablb<br/>
    lablablblablablblablblalablblablbla<br/>
    </div></div></td><td><div class="box1"><div class="enteteb">Le Staff</div></div></td>
    </tr>
    <tr>
      <td colspan ="2"><div class="cont"><div class="enteteb">Contexte</div>
     <div class="conteneurcont">


    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel finibus lectus, non congue lorem. Nunc tincidunt dui sed justo viverra lacinia. Mauris finibus metus non erat suscipit, et blandit elit placerat. Vestibulum tempus dignissim posuere. Maecenas quam nulla, egestas sit amet libero eget, sodales mollis eros. Aliquam dictum eleifend lobortis. Fusce rhoncus quam et fermentum facilisis. Praesent iaculis molestie pharetra.

    Integer eleifend, nibh vel faucibus dictum, lacus arcu semper ex, sed varius nulla sapien cursus lectus. Integer ut massa sed nibh venenatis porta. Morbi sit amet nunc at dolor vulputate sollicitudin. Fusce laoreet eu nunc vel ullamcorper. Proin vel varius mi, ornare convallis nunc. Vestibulum finibus leo et lacinia tempor. Ut aliquet, sem condimentum tempor semper, elit metus vestibulum quam, faucibus vehicula mi nibh pellentesque mi. Nam imperdiet porttitor quam, nec faucibus est pulvinar sed.

    Suspendisse in diam pellentesque, fermentum arcu id, sagittis mi. Suspendisse vehicula condimentum felis, in egestas leo. Donec sed porta est. Fusce imperdiet vel ligula quis convallis. Integer ac elit non odio dictum imperdiet. Nulla libero justo, semper egestas enim vitae, varius commodo turpis. Vestibulum auctor placerat neque. Nunc quam mauris, lobortis nec scelerisque a, tincidunt eu leo. Duis consequat, nisl at pretium volutpat, nulla nisl volutpat lectus, vel varius quam ante non magna.

    Quisque varius, sem vehicula iaculis blandit, nibh enim viverra tortor, vel ultricies mi orci a lectus. Nam ultrices dui tellus, a molestie felis interdum quis. Aenean est massa, vehicula sit amet feugiat quis, dapibus accumsan nunc. Quisque molestie vehicula ultricies. Aliquam sem orci, laoreet non tellus eget, aliquet porttitor sem. Curabitur vestibulum nisl nulla, at auctor turpis porttitor ac. Cras tincidunt lacinia neque. Sed malesuada dolor arcu, sit amet vehicula ante ornare eget. Integer quis magna sit amet lorem facilisis feugiat. Quisque elementum leo neque, non sagittis odio varius dignissim. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras facilisis, enim ac vehicula commodo, ex velit porta arcu, sed ultrices dui velit non arcu.

    Ut cursus metus felis, at scelerisque tortor vestibulum rutrum. Morbi suscipit volutpat ligula, eu bibendum elit viverra ut. Curabitur mollis cursus felis nec lacinia. Ut mollis varius arcu eu placerat. Cras tellus nisl, lobortis id arcu quis, efficitur porta velit. Integer convallis augue eget lectus vulputate pulvinar et eget lectus. Nunc quis leo erat. </div>   
      </div></td><td><div class="box2"><div class="enteteb">Statistique</div>
      <div class="conteneur2">
    Nombre de membre:<br/>
    Nombre de Post: <br/>
    Age du forum<br/>
    Recrutement:<br/></div>
      </div></td>
    </tr>
    <tr>
      <td colspan ="3"><div class="part"><div class="enteteb">Partenaires</div>
     <div class="partb">  <marquee>
    <img src="http://i39.servimg.com/u/f39/18/09/95/45/atr112.gif" alt="RôlePlay universe | Multi-Rôle Play" style="border:none;" />
    <img src="http://i39.servimg.com/u/f39/18/09/95/45/atr112.gif" alt="RôlePlay universe | Multi-Rôle Play" style="border:none;" />
    <img src="http://i39.servimg.com/u/f39/18/09/95/45/atr112.gif" alt="RôlePlay universe | Multi-Rôle Play" style="border:none;" />
    <img src="http://i39.servimg.com/u/f39/18/09/95/45/atr112.gif" alt="RôlePlay universe | Multi-Rôle Play" style="border:none;" />
    <img src="http://i39.servimg.com/u/f39/18/09/95/45/atr112.gif" alt="RôlePlay universe | Multi-Rôle Play" style="border:none;" />
    <img src="http://i39.servimg.com/u/f39/18/09/95/45/atr112.gif" alt="RôlePlay universe | Multi-Rôle Play" style="border:none;" />
    <img src="http://i39.servimg.com/u/f39/18/09/95/45/atr112.gif" alt="RôlePlay universe | Multi-Rôle Play" style="border:none;" />
    <img src="http://i39.servimg.com/u/f39/18/09/95/45/atr112.gif" alt="RôlePlay universe | Multi-Rôle Play" style="border:none;" />
    <img src="http://i39.servimg.com/u/f39/18/09/95/45/atr112.gif" alt="RôlePlay universe | Multi-Rôle Play" style="border:none;" />
    <img src="http://i39.servimg.com/u/f39/18/09/95/45/atr112.gif" alt="RôlePlay universe | Multi-Rôle Play" style="border:none;" />
    <img src="http://i39.servimg.com/u/f39/18/09/95/45/atr112.gif" alt="RôlePlay universe | Multi-Rôle Play" style="border:none;" />
    <img src="http://i39.servimg.com/u/f39/18/09/95/45/atr112.gif" alt="RôlePlay universe | Multi-Rôle Play" style="border:none;" />
      </marquee> </div></td>
    </tr>
      </table><div class="credt"><center>Crée par Databar - RPU 2014 - Libre service <a href="http://www.never-utopia.com" target="blank">Never utopia</a></center></div>
    </div>

    Je precise, les images lien mit sur la version de demo ne renvoie vers aucun forum ^^


    Dernière édition par daniel shepard le Ven 12 Sep 2014 - 16:54, édité 2 fois
    A-Lice
    A-Lice
    FémininAge : 26Messages : 4939

    le Lun 8 Sep 2014 - 12:42

    Hello.
    Merci du partage néanmoins, je pense qu'il faudrait changer ton "template" parce que la fiche ne va pas dans un template mais je suppose qu'elle va dans une page HTML. Donc il faudrait le préciser pour que nos LS soient le plus clairs possible (:

    Une dernière chose, tu ne veux pas mettre une image en aperçu plutôt que le code en lui-même .-. ?

    Databar
    Databar
    MasculinAge : 26Messages : 142

    le Jeu 11 Sep 2014 - 13:28

    ah merde (pardon) je me suis fail dans la presentation ^^ deso et je met une image ^^'
    A-Lice
    A-Lice
    FémininAge : 26Messages : 4939

    le Ven 12 Sep 2014 - 12:50

    Hey, et c'est pas fini ! ><
    Tout d'abord il faudrait que tu précises dans ton LS (on tien vraiment à ce que tout soit clair), que pour prendre cette fiche de pub il faudra réintégrer le CSS dans le code HTML (tout le monde n'a pas les connaissances pour faire autrement).
    Après, bien que tu ais mis
    Ne pas redistribué sans mon accord
    du moment que c'est en LS tout le monde peut le prendre. (Je préfère le préciser ><)

    Une fois que les explications seront ajoutées, je déplacerai le LS (:

    Databar
    Databar
    MasculinAge : 26Messages : 142

    le Ven 12 Sep 2014 - 16:54

    @A-Lice a écrit:Hey, et c'est pas fini ! ><
    Tout d'abord il faudrait que tu précises dans ton LS (on tien vraiment à ce que tout soit clair), que pour prendre cette fiche de pub il faudra réintégrer le CSS dans le code HTML (tout le monde n'a pas les connaissances pour faire autrement).
    Après, bien que tu ais mis
    du moment que c'est en LS tout le monde peut le prendre. (Je préfère le préciser ><)

    Une fois que les explications seront ajoutées, je déplacerai le LS (:

    enfaite c'est sur un autre forum que never ^^ certain prennent des ressources et les poste en Ls sur dautre forum je precise l'information dans ce cas ^^
    A-Lice
    A-Lice
    FémininAge : 26Messages : 4939

    le Ven 12 Sep 2014 - 18:03

    Certes, mais tu n'as pas ajouté les explications pour autant Wink

    Databar
    Databar
    MasculinAge : 26Messages : 142

    le Sam 13 Sep 2014 - 4:36

    @A-Lice a écrit:Certes, mais tu n'as pas ajouté les explications pour autant Wink

    si :) j'ai precisé ma phrase x)
    Anonymous
    Invité

    le Mer 22 Oct 2014 - 17:24

    Ca me semble bon désormais, merci du partage Wink
    Asuka
    Asuka
    FémininAge : 26Messages : 105

    le Ven 21 Nov 2014 - 7:30

    Merci beaucoup !



    Fiche pub Rp Harry-potter 975531MisakiHino3
    Jenova
    Jenova
    MasculinAge : 25Messages : 129

    le Dim 14 Déc 2014 - 14:06

    Merci =^^=



    Fiche pub Rp Harry-potter I3k3
    Tatia38
    Tatia38
    FémininAge : 31Messages : 308

    le Mer 17 Déc 2014 - 8:18

    J'aime beaucoup merci pour le partage
    Angy38
    Angy38
    FémininAge : 50Messages : 232

    le Lun 16 Fév 2015 - 11:00

    Merci !



    Fiche pub Rp Harry-potter Jvie
    giannismoll7
    giannismoll7
    MasculinAge : 25Messages : 62

    le Jeu 19 Fév 2015 - 12:52

    merci
    avatar
    Quinnie
    MasculinAge : 23Messages : 54

    le Jeu 19 Fév 2015 - 19:52

    Merci c'est super *-*
    Chadot
    Chadot
    FémininAge : 31Messages : 207

    le Ven 27 Fév 2015 - 8:34

    Merci, pile poil ce que je recherchais ^^
    Kirito
    Kirito
    MasculinAge : 24Messages : 207

    le Ven 6 Mar 2015 - 16:14

    Merci =3
    Isiiis
    Isiiis
    FémininAge : 26Messages : 39

    le Lun 23 Mar 2015 - 20:39

    J'adore, c'est très beau.
    Merci du partage ♥
    Istina
    Istina
    FémininAge : 25Messages : 111

    le Mar 21 Avr 2015 - 18:42

    Merci Very Happy
    Chèlha
    Chèlha
    FémininAge : 27Messages : 121

    le Ven 22 Mai 2015 - 21:37

    Merci
    Edward Speleers
    Edward Speleers
    FémininAge : 32Messages : 460

    le Dim 24 Mai 2015 - 22:39

    Juste ce que je recherche XD



    Fiche pub Rp Harry-potter Edkidd11
    Scandalucia
    Scandalucia
    FémininAge : 29Messages : 177

    le Mer 8 Juil 2015 - 12:56

    merci beaucoup !



    avatar
    ness.
    FémininAge : 24Messages : 43

    le Jeu 17 Sep 2015 - 1:46

    merciii
    Kelalin
    Kelalin
    FémininAge : 27Messages : 2200

    le Dim 20 Sep 2015 - 22:28

    Merci (*≧▽≦)
    Marion Navi
    Marion Navi
    FémininAge : 26Messages : 183

    le Jeu 15 Oct 2015 - 21:13

    merci
    Luunalight
    Luunalight
    FémininAge : 29Messages : 98

    le Ven 20 Nov 2015 - 16:03

    MERCI!
    Contenu sponsorisé


      La date/heure actuelle est Dim 7 Juin 2020 - 11:03