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
Fiche gazette  - Page 2 EmptySam 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
Fiche gazette  - Page 2 EmptyMer 17 Juil - 8:01   

Salut

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

Oki
LudoloveisaLudoloveisa Membre
Fiche gazette  - Page 2 EmptyMer 17 Juil - 14:50   

Voilà l'image ^^

Fiche gazette  - Page 2 995087gazetteludo
Mr. DocteurMr. Docteur Expert en ForumActif
Fiche gazette  - Page 2 EmptyJeu 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
Fiche gazette  - Page 2 EmptyJeu 18 Juil - 8:09   

Donc ce code est à placer dans une page HTML mais un code iframe c'est quoi? ^^
SkySkySkySky Modérateur
Fiche gazette  - Page 2 EmptyJeu 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
Fiche gazette  - Page 2 EmptyJeu 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
Fiche gazette  - Page 2 EmptyJeu 18 Juil - 16:31   

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

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

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

Hein ?
LudoloveisaLudoloveisa Membre
Fiche gazette  - Page 2 EmptyVen 19 Juil - 8:17   

Celle ci

Fiche gazette  - Page 2 Aaaaa10
SkySkySkySky Modérateur
Fiche gazette  - Page 2 EmptyVen 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
Fiche gazette  - Page 2 EmptyVen 19 Juil - 13:13   

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

Merci encore à vous
Contenu sponsorisé
Fiche gazette  - Page 2 Empty   

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

 Sujets similaires

-
» Question sur script fiche personnage
» Problème sur fiche de liens
» Aide pour fiche de presentaion
» Comment crée une fiche.
» Centrer une fiche contenant des positionnements flottants relatifs

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-