Vous pouvez poster dans la section entraide pour vos forums sans être inscrit !


 

Partagez | .
 

 Fiche gazette

Aller à la page : Précédent  1, 2
LudoloveisaLudoloveisa Membre
Sam 15 Juin - 20:03   

Rappel du premier message :

Coucou ^^

* non ne me tuer pas ^^

4 Fiche gazette

Voilà je voudrais crée une gazette un peut sous cette forme :

Spoiler:
 

Vous aurez besoin de quel éléments?

Merci


Dernière édition par Ludoloveisa le Ven 19 Juil - 13:14, édité 1 fois

Message
SkySky Modérateur
Mer 17 Juil - 8:01   

Salut

Dés que tu as l'image je terminerais a la place du Doc
LudoloveisaLudoloveisa Membre
Mer 17 Juil - 8:29   

Oki
LudoloveisaLudoloveisa Membre
Mer 17 Juil - 14:50   

Voilà l'image ^^

Mr. DocteurMr. Docteur Expert en ForumActif
Jeu 18 Juil - 4:17   

Hello Smile

Effectivement, Skysky était supposé le faire à ma place, mais comme tu l'as posté pendant que je suis là, voici le code à inséré dans une page HTML. Ensuite il faudra mettre le lien dans un Iframe si tu veux placer ton journal quelque part dans ton forum:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href='http://fonts.googleapis.com/css?family=UnifrakturCook:700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Swanky+and+Moo+Moo' rel='stylesheet' type='text/css'>
<title>Commande Ludo</title>
<style>
hr {
   width: 890px;
   margin:0 auto;
   }
span {
   display: block;
   }

.w_journal {
   background:url(http://illiweb.com/fa/pbucket.gif);
   width: 900px;
   margin: 0 auto;
   }
   
#titre {
   text-align: center;
   font-family: 'UnifrakturCook', cursive;
   font-size: 40px;
   font-weight: bold;
   }
   
.m_journal {
   width: 300px;
   }
   
   .m_journal span{
   text-align: center;
   font-family: 'UnifrakturCook', cursive;
   font-size: 25px;
   font-weight: bold;
   }
   .m_journal p{
   padding: 5px;
   width: 298px;
   margin: 0 auto;
   overflow-y: scroll;
   font-family: 'Swanky and Moo Moo', cursive;
   }
   
/*modifier la scrollbar du div elevator*/
p::-webkit-scrollbar {
  width: 5px; /*largeur de la scrollbar verticale*/
  height: 5px; /*hauteur de la scrollbar horizontale*/
  background-color: #000000;}

p::-webkit-scrollbar-track {
  background-color: #FFFFFF; /*couleur du fond de la scrollbar*/}

p::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
  background-color: #000000 /*couleur de l'ascenseur*/;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  }
  
</style>
</head>

<body>
<table class="w_journal">
<tr>
<td colspan="3"><span id="titre"><img src="http://img4.hostingpics.net/pics/995087gazetteludo.png" /></span><hr /></td>
</tr>

<tr>
<td class="m_journal"><span>Un titre</span>
<p style="height: 300px;">Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte </p></td>
<td class="m_journal" style="border-left: 1px solid #000; border-right: 1px solid #000;"><span>Un titre</span><div style="text-align: center;"><img width="298px" height="100px" src="http://img4.hostingpics.net/pics/615195Nouveauheader2.png" /></div>
<p style="height: 200px;">Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte</p></td>
<td class="m_journal"><span>Un titre</span>
<p style="height: 300px;">Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte Texte texte </p></td>
</tr>

<tr>
<td colspan="3" style="height: 30px; text-align: right; line-height: 30px; font-size: 12px; font-weight: bold;"><hr />By Mr. Docteur du forum <a href="http://entraide-mr-docteur.forumactif.com/" target="_blank" style="text-decoration: none; color: #000; margin-right: 10px;">Entraide de Mr. Docteur</a></td>
</tr>
</table>
</body>
</html>


Cordialement,
Smile
LudoloveisaLudoloveisa Membre
Jeu 18 Juil - 8:09   

Donc ce code est à placer dans une page HTML mais un code iframe c'est quoi? ^^
SkySkySkySky Modérateur
Jeu 18 Juil - 13:05   

Une iframe c'est :
Code:
<IFRAME src="LIEN DE TA PAGE HTML" width=600 height=200 scrolling=auto frameborder=2 > </IFRAME>
Mr. DocteurMr. Docteur Expert en ForumActif
Jeu 18 Juil - 13:23   

Yop, petite rectification du code :PNe pas oublier les guillemets ^^" J'ai aussi modifier le code pour éviter d'avoir un scroll ainsi que des bordure Wink
Code:
<iframe src="LIEN DE TA PAGE HTML" width="600" height="200" scrolling="no" frameborder="0"></iframe>


Cordialement,
Smile
LudoloveisaLudoloveisa Membre
Jeu 18 Juil - 16:31   

Oki merci ^^. Juste, l'images et de quelle taille?
Mr. DocteurMr. Docteur Expert en ForumActif
Jeu 18 Juil - 20:43   

Juste l'image ? Celle de fond ou celle que tu m'a donné ?
LudoloveisaLudoloveisa Membre
Jeu 18 Juil - 21:31   

Celle que tu a mis au dessus de la deuxième partie ^^
Mr. DocteurMr. Docteur Expert en ForumActif
Jeu 18 Juil - 21:49   

Hein ?
LudoloveisaLudoloveisa Membre
Ven 19 Juil - 8:17   

Celle ci

SkySkySkySky Modérateur
Ven 19 Juil - 8:38   

Extrait ou se situe l'image :
Code:
<img width="298px" height="100px" src="http://img4.hostingpics.net/pics/615195Nouveauheader2.png" />

Comme indiqué dans le code voici les valeurs demandé :
Largeur : 298px
hauteur : 100px
LudoloveisaLudoloveisa Membre
Ven 19 Juil - 13:13   

A oki lol quand je vous dit que je suis blond ^^.

Merci encore à vous
Contenu sponsorisé
   

Page 2 sur 2Aller à la page : Précédent  1, 2

 Sujets similaires

-
» CHATTAHOOCHEE • fiche de publicité
» Code de présentation de fiche RP
» [RPG] Fiche personnage avec bannière
» Bug de message avec fiche en HTML
» Plagiat du thème et de la fiche de présentation de mon forum RPG.

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Le forum d'entraide de Mr. Docteur :: Libre service & commandes :: Codage :: Commandes-