(HIRO') One Piece's History a besoin d'une fiche de publicité.

Rappel du premier message :

Bonjour / Bonsoir !

Eh bien, tout est dit dans le titre. Après le magnifique thème de Sparrow-style il est temps de s'attaquer au dernier élément, la fiche de publicité. Du coup, j'en viens à vous car mon codeur n'a pas vraiment d'idée et... moi non plus.




Merci d'avance :).

Ha ! Je crois qu'on progresse !
J'ai tenté de tenir compte de tous les trucs que tu m'as donné (tu vois que tu peux nous donner des indications précises, quand tu veux =) ), mais comme je ne graphe pas, ça n'a pas été super facile. Voilà où j'en suis actuellement.
Tu connais le chemin ^^

Je n'ai pas encore pris le temps d'étudier la fiche de Sparrow, mais je la regarderai
Pour les Jolly Roger... Euh... Comment je différencie les morts et les vivants ? Ils sont tous pareils...

A plouche !

Pour les explications, tu m'as donné la base, j'ai juste à dire ce que j'aimais pas... .

Pour le fond, c'est assez beau mais c'est dommage que ça pixelise autant. Hum... à la limite comme je graph un peu je pourrai essayer d'arranger ça si tu me donnais les dimensions de l'image que je dois avoir :). Pour le reste ça m'a l'air super. On va juste pas mettre Gold Roger chez le Staff (le dernier, PNJ). Bon par contre le titre, notre forum c'est pas One Piece mais One Piece's History. Du coup ça fait moyen de voir le titre du manga plutôt que le nom de notre forum, à ce niveau tu peux simplement te contenter d'un petit truc. À la limite si tu sais juste quoi faire mais n'y arrive pas en graph je pourrai tout à faire essayer :).

Pour le reste ça m'a l'air bon. Et les Jolly Roger tu as celui sélectionné qui n'est pas bon (celui que tu m'as montré) et un autre avec une barbe blanche en forme de banane pointant vers le haut. Les deux seuls à ne pas utiliser en fait xD.

Ah, cool !
Alors pour le fond, il m'en faudrait un en 580 par 900. Pour le titre, je peux me contenter de mettre le titre du forum , tout simplement. Avec un Jolly Roger pas mort à côté =).
J'essaie et je te montre le résultat. Je prends note de tes remarques. Pour la bannière en haut, si jamais tu dois en réaliser une, fait un truc pas trop haut, le plus bas possible. Pour que j'ai la place pour mes deux autres rubriques. Je ne peux pas te odnner de dimensions exactes pour le moment mais si jamais tu en as besoin je tenterai de t'en donner. :)

Au boulot ^^ !

B'soir m'sieur.

Pourrais-tu incruster ça que je vois le résultat : clic. Pour le titre, je vais attendre que tu me donnes la taille pour être sûr de bien faire.

Edit : Finalement un truc qui pourrait le faire en étant petit : clic.

S'lut twa !

Mais... Mais c'est génial ce que tu m'as trouvé là ! J'ai preque tout fini, il ne me reste plus qu'à remplir les cadre "nous rejoindre" et "nous lier". En définitive, ma fiche n'aura rien de "surprenant", mais elle est plutôt pas mal, nan ? x).
Bref, j'arrête de faire de la pub pour mon incommensurable génie et je te renvoie ici.

Si tu as un bouton à me passer, ou d'autres trucs dans le genre pour remplir la partie "nous lier", je prends :).

A plus !

Eh bien, ça le fait tout ça. Et puis je t'ai rien trouvé, j'ai créé x'D.

Pour le cadre nous rejoindre (enlève le ! stp ça déborde :p) :
onepiece.history@gmail.com
http://one-piece-history.forumactif.org/

Nous lier :
https://2img.net/r/ihimizer/img153/930/36n4.jpg
https://2img.net/r/ihimizer/img197/6616/cdxz.jpg

Par contre, avec l'ajout des autres rubriques, les messages au survol (de l'image dans le Staff, des groupes, etc.) est vachement bas. Est-il possible de la mettre un peu plus proche de ce à quoi elle fait référence et de rendre le fond plus opaque? Histoire de lire facilement.

De même, quand on met la souris sur la tête de Chopper (le petit renne tout en bas), on a le cadre des Yonkos qui apparaît (de même quand on va sur "Nous rejoindre" ou "Nous lier"). Possible de faire en sorte que seul le mot déclenche ça? x)

(enlève le ! stp ça déborde :p)

Euh, chez moi ça ne déborde pas. ET si je l'enlève... où je mets l'adresse et l'URL ?

Pour l'infobulle, j'ai fait ce que j'ai pu. C'est déjà mieux, mais je ne peux malheureusement pas faire en sorte que seul le mot déclenche ça. Un jour, j'apprendrai o/.

A pluche !

Ah, bah ça débordait là ce n'est plus le cas. Tu peux mettre les deux oui. Suffit de mettre entre balises url je pense, tu mets E-Mail et Forum. Ça devrait le faire.

Pour l'infobulle ça m'a l'air OK. Je réduirais un peu le texte à juste une phrase clé pour pas faire de saut et ça sera bon. Pour les boutons, possible de les mettre en direction du forum aussi? (sous balise url so ^^)

Après ça, ça devrait être bon (sous confirmation des compagnons de création :p).

Tes désirs sont des ordres =) C'est fait !
J'ai hésité à mettre un lien vers Assassins, ton autre forum, dans le cadre "Nous rejoindre".
Si jamais tu veux l'ajouter, suffit de demander.

Sinon, voilà le code.

Code:

<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="http://fonts.googleapis.com/css?family=Hanalei+Fill|Just+Me+Again+Down+Here" rel="stylesheet" type="text/css"><style type="text/css">

div[class="fiche"] { background-image:url(http://i.imgur.com/l9D28vI.png);
width:580px;
height:899px;
padding:5px;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
border:2px #272727 solid;
-moz-box-shadow:0 0 2px 2px #242424;
-webkit-box-shadow:0 0 2px 2px #242424;
-o-box-shadow:0 0 2px 2px #242424;
box-shadow:0 0 2px 2px #242424;
}

span[class="titrefiche"] { font-family:'Hanalei Fill';
color:black;
text-shadow:2px 2px 2px white;
letter-spacing:1px;
font-size:45px;
opacity:0.8;
-o-opacity:0.8;
-moz-opacity:0.8;
-webkit-opacity:0.8;
transition:all 1s linear;
-o-transition:all 1s linear;
-moz-transition:all 1s linear;
-webkit-transition:all 1s linear;
}

span[class="titrefiche"]:hover { font-family:'Hanalei Fill';
color:white;
text-shadow:2px 2px 2px grey;
letter-spacing:1px;
font-size:45px;
opacity:0.8;
-o-opacity:0.8;
-moz-opacity:0.8;
-webkit-opacity:0.8;
}

div[class="cadre_contexte"] { width:242px;
height:140px;
overflow:auto;
padding:3px;
background-color:rgba(245, 245, 245, 0.5);
box-shadow:0 0 2px 2px black;
font-family:'Georgia';
font-size:11.5px;
text-align:justify;
transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
}

div[class="cadre_contexte"]:hover { width:242px;
height:140px;
overflow:auto;
text-align:justify;
font-size:11.5px;
padding:3px;
box-shadow:0 0 2px 2px black;
font-family:'Georgia';
background-color:rgba(245, 245, 245, 1);
}

div[class="cadre_news"] { width:242px;
height:140px;
overflow:auto;
padding:3px;
background-color:rgba(245, 245, 245, 0.5);
box-shadow:0 0 2px 2px black;
font-family:'Georgia';
font-size:11.5px;
text-align:justify;
transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
}

div[class="cadre_news"]:hover { width:242px;
height:140px;
overflow:auto;
text-align:justify;
font-size:11.5px;
padding:3px;
box-shadow:0 0 2px 2px black;
font-family:'Georgia';
background-color:rgba(245, 245, 245, 1);
}

div[class="cadre_predef"] { width:242px;
height:130px;
overflow:auto;
padding:3px;
background-color:rgba(245, 245, 245, 0.5);
box-shadow:0 0 2px 2px black;
font-family:'Georgia';
font-size:11.5px;
text-align:justify;
transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
}

div[class="cadre_predef"]:hover { width:242px;
height:130px;
overflow:auto;
text-align:justify;
font-size:11.5px;
padding:3px;
box-shadow:0 0 2px 2px black;
font-family:'Georgia';
background-color:rgba(245, 245, 245, 1);
}

div[class="cadre_groupes"] { width:510px;
height:50px;
overflow:auto;
padding:3px;
background-color:rgba(245, 245, 245, 0.5);
box-shadow:0 0 2px 2px black;
font-family:'Georgia';
font-size:11.5px;
text-align:justify;
transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
}

div[class="cadre_groupes"]:hover { width:510px;
height:50px;
overflow:auto;
text-align:justify;
font-size:11.5px;
padding:3px;
box-shadow:0 0 2px 2px black;
font-family:'Georgia';
background-color:rgba(245, 245, 245, 1);
}

div[class="cadre_lier"] { width:196px;
height:130px;
overflow:auto;
padding:3px;
background-color:rgba(245, 245, 245, 0.5);
box-shadow:0 0 2px 2px black;
font-family:'Georgia';
font-size:11.5px;
text-align:justify;
transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
}

div[class="cadre_lier"]:hover { width:196px;
height:130px;
overflow:auto;
text-align:justify;
font-size:11.5px;
padding:3px;
box-shadow:0 0 2px 2px black;
font-family:'Georgia';
background-color:rgba(245, 245, 245, 1);
}

a[class="join"] { text-decoration:none !important;
font-weight:bold;
text-shadow:1px 1px 1px white;
color:#4C1B1B;
opacity:0.8;
-moz-opacity:0.8;
-o-opacity:0.8;
-webkit-opacity:0.8;
transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
}

a[class="join"]:hover { text-decoration:none !important;
font-weight:bold;
text-shadow:1px 1px 1px white;
color:#B9121B;
opacity:1;
-moz-opacity:1;
-o-opacity:1;
-webkit-opacity:1;
}

/*Infobulle 2*/

a[class="info2"] { font-family:'Georgia';
  text-decoration:none !important;
  color:black;
  display:inline;
}

a[class="info2"]:hover { font-family:'Georgia';
  text-decoration:none !important;
  color:black;
  display:inline;
}
a[class="info2"] span { font-face:'Verdana';
  font-color:white;
  background-color:rgba(255, 255, 255, 0.9);
  width:135px;
  border:1px grey dashed;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align:center;
  padding:2px;
  position:absolute;
  margin-top:80px;
  margin-left:-60px;
  opacity:0;
  -o-opacity:0;
  -moz-opacity:0;
  -webkit-opacity:0;
  transition:all 0.3s linear;
  -moz-transition:all 0.2s linear;
  -o-transition:all 0.2s linear;
  -webkit-transition:all 0.2s linear;
  display:inline;
}

a[class="info2"]:hover span { font-face:'Verdana';
  font-color:white;
  background-color:rgba(255, 255, 255, 1);
  width:135px;
  border:1px grey dashed;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align:center;
  padding:2px;
  position:absolute;
  margin-top:80px;
  margin-left:-90px;
  opacity:1;
  -o-opacity:1;
  -moz-opacity:1;
  -webkit-opacity:1;
  display:inline;
}


.ib {
display:inline-block;
}




/*Infobulle 3*/

a[class="info3"] { font-family:'Georgia';
  text-decoration:none !important;
  color:black;
  display:inline-block;
}

a[class="info3"]:hover { font-family:'Georgia';
  text-decoration:none !important;
  color:black;
  display:inline-block;
}
a[class="info3"] span { font-face:'Verdana';
  background-color:rgba(255, 255, 255, 0.9);
  width:205px;
font-size:10px;
  border:1px grey dashed;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align:justify;
  padding:2px;
  position:absolute;
  opacity:0;
  -o-opacity:0;
  -moz-opacity:0;
  -webkit-opacity:0;
  transition:all 0.3s linear;
  -moz-transition:all 0.3s linear;
  -o-transition:all 0.3s linear;
  -webkit-transition:all 0.3s linear;
  margin-left:-90px;
}

a[class="info3"] span div { text-align:center;
font-weight:bold;
}

a[class="info3"]:hover span { font-face:'Verdana';
  background-color:rgba(255, 255, 255, 0.9);
  width:205px;
font-size:10px;
  border:1px grey dashed;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align:justify;
  padding:2px;
  position:absolute;
  opacity:1;
  -o-opacity:1;
  -moz-opacity:1;
  -webkit-opacity:1;
  margin-left:-90px;
}





/*Mise en formes des images staff/prédefinis*/

img[class="staff"] { height:80px;
border:1px black solid;
opacity:0.6;
-moz-opacity:0.6;
-webkit-opacity:0.6;
-o-opacity:0.6;
transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-webkit-transition:all 0.4s linear;
-o-transition:all 0.4s linear;
}

img[class="staff"]:hover { height:80px;
border:1px black solid;
box-shadow: 0 0 2px 2px black;
opacity:1;
-moz-opacity:1;
-webkit-opacity:1;
-o-opacity:1;
}

a[class="lien"] { font-family:'Georgia';
color:darkred;
text-shadow:1px 1px 1px white;
opacity:0.7;
-moz-opacity:0.7;
-webkit-opacity:0.7;
-o-opacity:0.7;
text-decoration:none !important;
transition:1s all ease;
-moz-transition:1s all ease;
-webkit-transition:1s all ease;
-o-transition:1s all ease;
}

a[class="lien"]:hover { font-family:'Georgia';
color:black;
text-shadow:1px 1px 1px white;
opacity:1;
-moz-opacity:1;
-webkit-opacity:1;
-o-opacity:1;
text-decoration:none !important;
transition:1s all ease;
-moz-transition:1s all ease;
-webkit-transition:1s all ease;
-o-transition:1s all ease;
}

</style>
</head><body><div class="fiche"><br><center><a href="http://one-piece-history.forumactif.org"><img src="http://nsa33.casimages.com/img/2013/09/02/130902063905351229.png"></a></center><center><table><tbody><tr><td><img src="http://i.imgur.com/uGKSmW8.png" style="margin-bottom:-3px;width:242px;">

<img src="http://fc00.deviantart.net/fs31/f/2008/229/c/f/Luffy__s_Jolly_Roger_by_igndenok.png" style="width:35px;margin-left:-20px;margin-bottom:-20px;"><div class="cadre_contexte"><center><span style="font-variant:small-caps; letter-spacing:2px; font-size:25px; text-shadow:1px 1px 1px white;">Contexte</span></center>Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. Le contexte ici. </div></td><td style="width:4px;"></td><td><center><img src="http://i.imgur.com/qGkprQR.png" style="margin-bottom:-3px;width:142px;"></center>

<div class="cadre_news"><center><span style="font-variant:small-caps; letter-spacing:2px; font-size:25px; text-shadow:1px 1px 1px white;">News</span></center>Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. Les news ici. </div></td></tr></tbody></table></center><img src="http://images.wikia.com/onepiece/fr/images/c/cb/Usopp_jolly_roger.png" style="width:42px;margin-left:530px; margin-top:-20px;"><div style="margin-left:-8px;"><center><table><tbody><tr><td><div style="margin-left:-21px;"><center><img src="http://i.imgur.com/3loVm8o.png" style="margin-bottom:-3px;height:115px;">

<div class="cadre_predef"><center><span style="font-variant:small-caps; letter-spacing:2px; font-size:25px; text-shadow:1px 1px 1px white;">Prédéfinis</span><br><a class="lien" href="#"><i><div class="ib" style="margin-top:-20px;">Voir tous nos prédéfinis...</div></i></a><br><a class="info2"><img class="staff" src="http://img208.imageshack.us/img208/7407/lsz.png"><span style="color:#D90000"><b>Monkey D. Luffy</b></span></a> <a class="info2"><img class="staff" src="http://img844.imageshack.us/img844/6899/83s.png"><span style="color:#D90000"><b>Sanji de la Jambe Noire</b></span></a> <a class="info2"><img class="staff" src="http://img856.imageshack.us/img856/9493/s7h6.png"><span style="color:#2800CA;"><b>Dracule Mihawk</b></span></a> <a class="info2"><img class="staff" src="http://img703.imageshack.us/img703/1802/s641.png"><span style="color:#247FE6;"><b>Sakazuki-Akainu</b></span></a></center></div></center></div></td><td style="width:4px;"></td><td><div style="margin-left:-22px;"><center><img src="http://i.imgur.com/CQsO6jX.png" style="margin-bottom:-4px;height:115px;">

<div class="cadre_predef"><center><span style="font-variant:small-caps; letter-spacing:2px; font-size:25px; text-shadow:1px 1px 1px white;">Staff</span></center><center><a class="info2"><img class="staff" src="http://nsa33.casimages.com/img/2013/07/04/130704123822223875.png"><span><b>Akagami no Shanks</b><br><i>Fondateur</i></span></a> <a class="info2"><img class="staff" src="http://nsa34.casimages.com/img/2013/07/04/mini_130704022402818347.png"><span style="color:#D90000;"><b>Roronoa Zoro</b><br><i>Fondateur</i></span></a> <a class="info2"><img class="staff" src="http://nsa34.casimages.com/img/2013/07/04/mini_130704022402357650.png"><span style="color:#FE9900;"><b>Shiori</b><br><i>Modératrice</i></span></a><br>
</center></div></center></div></td></tr></tbody></table></center></div><br>


<center><div class="cadre_groupes"><center><span style="font-variant:small-caps; letter-spacing:2px; font-size:25px; text-shadow:1px 1px 1px white;">Groupes</span><br>

<a class="info3"><font color="#D90000">Pirates</font><br><span>Hommes et femmes prêts à tout pour découvrir le One Piece !<div style="color:#00D023">Ouvert</div></span></a> -

<a class="info3"><font color="#5E91E8">Marine</font><br><span>Garant de l'ordre mondial, il représente en ce monde la Justice.<div style="color:#00D023">Ouvert</div></span></a> -

<a class="info3"><font color="#0D0060">Shishibukai</font><br><span>Pirates à la force reconnue de tous, ils se sont alliés à la Marine...<div style="color:#00D023">Ouvert</div></span></a> -

<a class="info3"><font color="#000000">Yonko</font><br><span>Les Quatre Empereurs régnant sur la moitié de Grand Line.<div style="color:#00D023">Ouvert</div></span></a> -

<a class="info3"><font color="#048400">Chasseurs de primes</font><br><span>Leur camp est celui de l'argent !<div style="color:#00D023">Ouvert</div></span></a> -

<a class="info3"><font color="#DE7701">Révolutionnaires</font><br><span>Pour eux, la marine n'est plus symbole de justice.<div style="color:#00D023">Ouvert</div></span></a></center></div></center><br>

<center><table><tbody><tr><td><div class="cadre_lier"><span style="font-variant:small-caps; letter-spacing:2px; font-size:20px; text-shadow:1px 1px 1px white;text-align:center"><center>Nous rejoindre !</center></span><br /><center><a class="join" href="mailto:onepiece.history@gmail.com">E-mail</a><br /><a class="join" href="http://one-piece-history.forumactif.org/">Forum</a></center></div></td><td style="width:2px;"></td><td><img src="http://www.renders-graphiques.fr/image/upload/normal/4110_render_chopper3so1.png" style="height:130px;"></td><td style="width:2px;"></td><td><div class="cadre_lier"><span style="font-variant:small-caps; letter-spacing:2px; font-size:20px; text-shadow:1px 1px 1px white;text-align:center;"><center>Nous lier !</center></span><center><a href="http://one-piece-history.forumactif.org/"><img src="http://img153.imageshack.us/img153/930/36n4.jpg"></a><br><a href="http://one-piece-history.forumactif.org/"><img src="http://img197.imageshack.us/img197/6616/cdxz.jpg"></a></center></div></td></tr></tbody></table></center><br>
<span style="font-family:'Georgia'; letter-spacing:2px; font-size:9.5px;"><center>Code de Hiro' - <a class="lien" href="http://www.never-utopia.com/">Never-Utopia</a></center></span>


</div></body></html>

Et sous forme de frame :

Code:

<center><iframe src="http://loutestforum.danskforum.net/h6-fiche-pub-one-piece" frameborder="no" style="width:610px;height:940px;overflow:hidden;"></iframe></center>

Il faudra juste remplacer mon URL par le tien.
Si il y a encore quelque chose à changer, n'hhésite pas.

Je n'ai plus qu'à te souhaiter bonne chance pour ton forum =p

A bientôt

Hellow'.

C'est parfait  .

Merci beaucoup Hiro' !  

(on peut archiver du coup :p)

Je t'en prie !
Faire ta fiche m'a appris pas mal de trucs. C'était un plaisir :).

A plus !

Aaah ! Youps !

J'ai oublié ! Il me manque le petit codage pour poster les news, dire qu'on les a mit sur le gros codage iframe.
Un codage qui n'est pas iframe du coup et, du style carte de visite. Un truc petit avec juste :

Mise à jour du .. / .. / .... :
Cadre News

Au besoin je peux faire une image "Nouveautés" en graphiste histoire de faire beau. Selon ce que tu comptes faire.


Désolé d'avoir oublié ça ^^'

Hm, je t'avoue que je n'ai pas vraiment compris ce que tu me demandais, et encore moins comment le réaliser.
Ce que tu veux, c'est que quand tu publies une news, elle s'affiche sur toutes la fiche partout où elle est postée. Et ça, c'est possible en remplissant le cadre news qu'il suffira de mettre à jour à chaque news en ajoutant :

Code:

<b><u>Mise à jour du JJ/MM/AAAA :</u></b><br />contenu de la news

Sinon, je ne vois pas. Tu as peut-être un lien pour m'expliquer ? :)

Hum, aujourd'hui si tu publies la fiche de publicité que tu m'as fais sur plusieurs forums dédiés à la publicité et que, dans un mois, tu décides de mettre de nouvelles News, il te suffira simplement d'aller dans ta page HTML de ton forum pour modifier la partie News. Ce changement sera alors visible sur tout les forums de publicités sans que tu n'ai besoin d'y faire un tour. Une option pratique via l'iframe.

Toutefois, les forums de publicité ne connaissent pas forcément cette technique ou ils n'ont pas envie de l'exploiter car cela reviendrait à condamner l'activité chez eux, même si elle n'est là qu'à cause de gens postant une pub tout les mois. Donc, si je post un iframe on va tout de même me demander de passer donner des nouvelles. Pour ça, je pourrai tout à faire poster un message écrit mais, quitte à faire les choses bien, j'aimerai un petit codage. Et là, pardon j'ai employé le mauvais mot car je ne voulais pas un petit codage News mais Statistiques.

Ainsi, je modifierai mon lien iframe, modifiant la publicité sur tout les forums. Puis, j'irai sur les forums poster un petit codage (dont la taille peut ne pas excéder celle d'une carte de visite) pour dire que la MàJ du mois est faite et les statistiques du mois sont tombées. En somme, tu peux me faire le même codage que la publicité mais en tout petit, réalisé uniquement pour une rubrique, la rubrique statistique.


C'est plus clair ? =$

Ah, d'accord, je vois. Tu veux un iframe dans l'iframe, donc, si j'ai bien compris ? Sauf que je ne sais pas trop comment faire, dans ces cas-là. Sauf si le cadre"statistiques" se retrouve en dehors de la fiche, dans ce cas, c'est possible.
Après, si les statistiques dont tu parles correspondent au nombre de membres etc., je peux te faire un code qui se mettra à jour automatiquement. Mais je pense que ce n'est pas à ça que tu fais référence.

Hum, nop. J'ai du mal à me faire comprendre héhé.

En gros, ceci : https://nsa33.casimages.com/img/2013/09/03/130903112712409144.png

Seulement c'est un codage à part hein. Un truc que je pourrai poster juste pour donner des nouveaux stats (nouveaux membres, etc.). En somme, un second codage en HTML pour poster ça tout les mois et dire "coucou".

J'ai compriiiiis !
Ma fiche est donc bel et bien finie ^^. Plus qu'à faire ce cadre et c'est okay.
Je te fais ça tout de suite

Je me permets de double-poster, comme j'apporte mon travail.
Ca a été assez rapide grâce à ton "schéma", merci ^_^.

Code:

<center><iframe src="http://loutestforum.danskforum.net/h7-stats-one-piece" style=" width:460px; height:300px;" frameborder="no"></iframe></center>

Code:

<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="http://fonts.googleapis.com/css?family=Hanalei+Fill|Just+Me+Again+Down+Here" rel="stylesheet" type="text/css"><style type="text/css">

div[class="maj"] { background-image:url(http://i.imgur.com/0USq77k.png);
width:420px;
height:270px;
padding:5px;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
border:2px #272727 solid;
-moz-box-shadow:0 0 2px 2px #242424;
-webkit-box-shadow:0 0 2px 2px #242424;
-o-box-shadow:0 0 2px 2px #242424;
box-shadow:0 0 2px 2px #242424;
}

div[class="cadre_contexte"] { width:262px;
height:140px;
overflow:auto;
padding:3px;
background-color:rgba(245, 245, 245, 0.5);
box-shadow:0 0 2px 2px black;
font-family:'Georgia';
font-size:11.5px;
text-align:justify;
transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
}

div[class="cadre_contexte"]:hover { width:262px;
height:140px;
overflow:auto;
text-align:justify;
font-size:11.5px;
padding:3px;
box-shadow:0 0 2px 2px black;
font-family:'Georgia';
background-color:rgba(245, 245, 245, 1);
}

a[class="lien"] { font-family:'Georgia';
color:darkred;
text-shadow:1px 1px 1px white;
opacity:0.7;
-moz-opacity:0.7;
-webkit-opacity:0.7;
-o-opacity:0.7;
text-decoration:none !important;
transition:1s all ease;
-moz-transition:1s all ease;
-webkit-transition:1s all ease;
-o-transition:1s all ease;
}

a[class="lien"]:hover { font-family:'Georgia';
color:black;
text-shadow:1px 1px 1px white;
opacity:1;
-moz-opacity:1;
-webkit-opacity:1;
-o-opacity:1;
text-decoration:none !important;
transition:1s all ease;
-moz-transition:1s all ease;
-webkit-transition:1s all ease;
-o-transition:1s all ease;
}
</style>

<body><div class="maj"><center><a href="http://one-piece-history.forumactif.org"><img src="http://nsa33.casimages.com/img/2013/09/02/130902063905351229.png" style="width:390px;" /></a></center><div style="margin-bottom:-20px; margin-left:85px;"><span style="text-shadow:1px 1px 1px black; font-size:11px; font-family:'Georgia'; letter-spacing:2px; word-spacing:1px;">Mise à jour du JJ/MM/AAAA :</span></div><center><img src="http://fc00.deviantart.net/fs31/f/2008/229/c/f/Luffy__s_Jolly_Roger_by_igndenok.png" style="width:35px;margin-left:265px;margin-bottom:-20px;"><div class="cadre_contexte"><center><span style="font-variant:small-caps; letter-spacing:1px; font-size:25px; text-shadow:1px 1px 1px white;">Stats</span></center>Laborum fessae callidus eum et poscebant socium clemens adulabili qui subagrestis adscisceret videre eum et mitis persuasionis flagrantibus multos quoque eum votis socium admixto omnium cuperet gestum replicando patruelis quoque ingenii sermone frater callidus et eum solus ut eum omnium eum subagrestis poscebant post qui ut socium sermone poscebant velamento.</div></center><br />
<span style="font-family:'Georgia'; letter-spacing:2px; font-size:9.5px;"><center>Code de Hiro' - <a class="lien" href="http://www.never-utopia.com/">Never-Utopia</a></center></span></div></body>

Voilà !

Ahah, par contre comme j'ai précisé me le faudrait en HTML :). Car là, on modifiera directement pour poster. L'iframe dans ce cas ne servirait à rien =$.

Mise à jour du JJ/MM/AAAA :

StatsLaborum fessae callidus eum et poscebant socium clemens adulabili qui subagrestis adscisceret videre eum et mitis persuasionis flagrantibus multos quoque eum votis socium admixto omnium cuperet gestum replicando patruelis quoque ingenii sermone frater callidus et eum solus ut eum omnium eum subagrestis poscebant post qui ut socium sermone poscebant velamento.

Code de Hiro' - Never-Utopia

Code:

<center><div style="background-image:url(http://i.imgur.com/0USq77k.png);width:420px;height:270px;padding:5px;-webkit-border-top-left-radius: 20px;-webkit-border-bottom-right-radius: 20px;-moz-border-radius-topleft: 20px;-moz-border-radius-bottomright: 20px;border-top-left-radius: 20px;border-bottom-right-radius: 20px;border:2px #272727 solid;-moz-box-shadow:0 0 2px 2px #242424;-webkit-box-shadow:0 0 2px 2px #242424;-o-box-shadow:0 0 2px 2px #242424;box-shadow:0 0 2px 2px #242424;"><center><a href="http://one-piece-history.forumactif.org"><img src="http://nsa33.casimages.com/img/2013/09/02/130902063905351229.png" style="width:390px;" /></a></center><br /><div style="margin-bottom:-20px; margin-left:85px;"><span style="text-shadow:1px 1px 1px black; font-size:11px; font-family:'Georgia'; letter-spacing:2px; word-spacing:1px;"><div style="margin-bottom:+8px; margin-right:+100px;">Mise à jour du JJ/MM/AAAA :</div></span></div><center><img src="http://fc00.deviantart.net/fs31/f/2008/229/c/f/Luffy__s_Jolly_Roger_by_igndenok.png" style="width:35px;margin-left:265px;margin-bottom:-20px;"><div style="width:262px;height:140px;overflow:auto;padding:3px;background-color:rgba(245, 245, 245, 0.7);box-shadow:0 0 2px 2px black;font-family:'Georgia';font-size:11.5px;text-align:justify;"><center><span style="font-variant:small-caps; letter-spacing:1px; font-size:25px; text-shadow:1px 1px 1px white;">Stats</span></center>Laborum fessae callidus eum et poscebant socium clemens adulabili qui subagrestis adscisceret videre eum et mitis persuasionis flagrantibus multos quoque eum votis socium admixto omnium cuperet gestum replicando patruelis quoque ingenii sermone frater callidus et eum solus ut eum omnium eum subagrestis poscebant post qui ut socium sermone poscebant velamento.</div></center><span style="font-family:'Georgia'; letter-spacing:2px; font-size:9.5px;"><center>Code de Hiro' - <a href="http://www.never-utopia.com/">Never-Utopia</a></center></span></div></center>

Et voilà l'travail !

Nickel !!!

Merci :p

(cette fois on peut archiver xD)