Fiche pub Rp Harry-potter

Logo RPU - Webgraphx:

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


Alors commençons

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;}


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 ^^

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 .-. ?

ah merde (pardon) je me suis fail dans la presentation ^^ deso et je met une image ^^'

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 (:

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 ^^

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

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

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

Ca me semble bon désormais, merci du partage

Merci beaucoup !

Merci =^^=

J'aime beaucoup merci pour le partage

Merci !

merci

Merci c'est super *-*

Merci, pile poil ce que je recherchais ^^

Merci =3

J'adore, c'est très beau.
Merci du partage ♥

Merci

Merci

Juste ce que je recherche XD

merci beaucoup !

merciii

Merci (*≧▽≦)

merci

MERCI!