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.

-31%
Le deal à ne pas rater :
Scie sauteuse sans fil Ryobi – sans batterie (ODR 20€)
45.55 € 65.55 €
Voir le deal

    Fiche pub Rp Harry-potter

    Databar
    Databar
    MasculinAge : 26Messages : 142

    le Mer 3 Sep 2014 - 5:27

    Rappel du premier message :



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


    Fiche pub Rp Harry-potter - Page 2 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
    Dark Fairy
    Dark Fairy
    FémininAge : 22Messages : 241

    le Lun 30 Nov 2015 - 10:40

    Merci!
    Solitude
    Solitude
    FémininAge : 45Messages : 290

    le Mar 8 Déc 2015 - 9:01

    Merci



    ~ Je suis capable du meilleur comme du pire, mais dans le pire c'est moi la meilleure. ~
    Fiche pub Rp Harry-potter - Page 2 Sign510
    Mystigri
    Mystigri
    FémininAge : 17Messages : 97

    le Dim 10 Jan 2016 - 15:05

    Merci !



    avatar
    Etoile*
    FémininAge : 28Messages : 82

    le Jeu 14 Jan 2016 - 20:53

    Merci pour le partage, j'aime beaucoup :)
    Zachary Wolf
    Zachary Wolf
    FémininAge : 27Messages : 57

    le Dim 20 Mar 2016 - 17:27

    Merci
    CHi1565456
    CHi1565456
    MasculinAge : 20Messages : 56

    le Mer 6 Avr 2016 - 21:46

    Merci !
    Inamio
    Inamio
    FémininAge : 27Messages : 252

    le Sam 23 Avr 2016 - 16:33

    Merci



    Fiche pub Rp Harry-potter - Page 2 2014_p10
    avatar
    Hop80
    MasculinAge : 30Messages : 138

    le Mar 26 Avr 2016 - 0:56

    Merci pour ce partage
    mon-etoile
    mon-etoile
    FémininAge : 31Messages : 140

    le Ven 27 Mai 2016 - 10:19

    Merci
    gwenM
    gwenM
    FémininAge : 23Messages : 239

    le Sam 28 Mai 2016 - 19:43

    merci
    EAVENN
    EAVENN
    FémininAge : 24Messages : 162

    le Lun 30 Mai 2016 - 18:58

    merciiiiii ! très beau !
    Anonymous
    Invité

    le Ven 26 Aoû 2016 - 2:25

    Merci :)
    Lakia
    Lakia
    FémininAge : 21Messages : 126

    le Lun 29 Aoû 2016 - 10:41

    Merci !
    Chae Lee
    Chae Lee
    FémininAge : 23Messages : 147

    le Mer 31 Aoû 2016 - 12:05

    Merci
    Contenu sponsorisé


      La date/heure actuelle est Ven 5 Juin 2020 - 8:26