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


 

Partagez | .
 

 Fiche gazette

Aller à la page : Précédent  1, 2
Ludoloveisaavatar 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
Ludoloveisaavatar Membre
Mer 17 Juil - 8:29   

Oki
Ludoloveisaavatar Membre
Mer 17 Juil - 14:50   

Voilà l'image ^^

Mr. Docteuravatar 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
Ludoloveisaavatar Membre
Jeu 18 Juil - 8:09   

Donc ce code est à placer dans une page HTML mais un code iframe c'est quoi? ^^
SkySkyavatar 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. Docteuravatar 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
Ludoloveisaavatar Membre
Jeu 18 Juil - 16:31   

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

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

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

Hein ?
Ludoloveisaavatar Membre
Ven 19 Juil - 8:17   

Celle ci

SkySkyavatar 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
Ludoloveisaavatar 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

-
» Gazette jeux 2 pub
» Fiche en onglets
» Fiche de présentation HTML qui ne veux pas se poster
» Une fiche de pub avec un tableau en 2 lignes
» problème de fiche HTML

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-