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


 

Partagez | .
 

 Codage de fiche réglement pour Lumos

Aller à la page : 1, 2, 3, 4  Suivant
Ludoloveisaavatar Membre
Sam 15 Juin - 19:57   

Re coucou ^^

Et oui encore moi

Fiches règlements:

Une fiche simples avec 4 parties en sachant que des partie son plus grandes que d'autres donc il faut que la fiche s'adapte ^^.

http://lumos.harrypotterrpg.fr/

Merci à vous


Dernière édition par Ludoloveisa le Dim 23 Juin - 16:16, édité 5 fois
SkySkyavatar Modérateur
Dim 16 Juin - 5:15   

Bonjour,

Un truc du genre (a la va vite)

Règlement 1
Règlement 2
Règlement 3
Règlement 4

Code:
<table width="600"><tr><td width="600" style="border:2pw dotted #123456;">Règlement 1</td></tr><tr><td width="600" style="border:2pw dotted #123456;">Règlement 2</td></tr><tr><td width="600" style="border:2pw dotted #123456;">Règlement 3</td></tr><tr><td width="600" style="border:2pw dotted #123456;">Règlement 4</td></tr></table>


Dernière édition par SkySky le Dim 16 Juin - 8:31, édité 1 fois
SkySkyavatar Modérateur
Dim 16 Juin - 5:37   

Bon avec le bug de leur nouveautés de m***** rien ne s'affiche
super
Mr. Docteuravatar Expert en ForumActif
Dim 16 Juin - 5:39   

Rien ne s'affiche ?

Pourtant je vois ton code moi ?
SkySkyavatar Modérateur
Dim 16 Juin - 5:42   

Dans les balises code oui 
mais pas le code sans les balises j'i pas le cadre juste le texte
Mr. Docteuravatar Expert en ForumActif
Dim 16 Juin - 5:58   

Ah, je comprend... Ta raison, cette foutu mise à jour me fait de la peine Sad... ForumActif me déçoit là...
Ludoloveisaavatar Membre
Dim 16 Juin - 8:16   

Lol je ne voie rien également ^^
Mr. Docteuravatar Expert en ForumActif
Dim 16 Juin - 8:20   

Sky ta donné ce code:
Code:
<table width="600"><tr><td width="600" style="border:2pw dotted #123456;">Règlement 1</td></tr><tr><td width="600" style="border:2pw dotted #123456;">Règlement 2</td></tr><tr><td width="600" style="border:2pw dotted #123456;">Règlement 3</td></tr><tr><td width="600" style="border:2pw dotted #123456;">Règlement 4</td></tr></table>

Je ne comprend pas pourquoi moi je le vois :scratch:

Tu le vois le code la ?
Ludoloveisaavatar Membre
Dim 16 Juin - 8:23   

Je voyais déjà le code ^^. Mais même quand je place mon règlement et que je met le tout sur mon forum je ne vois aucun cadre ni rien... C'est comme se il y a pas de code
Mr. Docteuravatar Expert en ForumActif
Dim 16 Juin - 8:28   

C'est normal, j'ai vu qu'il c'était tromper dans le code Razz... Voici le bon code:
Code:
<table width="600"><tr><td width="600" style="border:2px dotted #123456;">Règlement 1</td></tr><tr><td width="600" style="border:2px dotted #123456;">Règlement 2</td></tr><tr><td width="600" style="border:2px dotted #123456;">Règlement 3</td></tr><tr><td width="600" style="border:2px dotted #123456;">Règlement 4</td></tr></table>


Cordialement,
Smile
SkySkyavatar Modérateur
Dim 16 Juin - 8:30   

oula la honte
erreur de débutant
confondre un px avec un pw ca le fait pas
Ludoloveisaavatar Membre
Dim 16 Juin - 8:31   

Lol ne t'en fait c'est pas grave ^^.
Mr. Docteuravatar Expert en ForumActif
Dim 16 Juin - 8:32   

Juste pour ça je vais te bannir deux jour ! Pas le droit à l'erreur !

Non je rigole
SkySkyavatar Modérateur
Dim 16 Juin - 8:34   

Sniffff

Mr. Docteuravatar Expert en ForumActif
Dim 16 Juin - 8:45   

Haha Smile
Ludoloveisaavatar Membre
Dim 16 Juin - 8:46   

Lol

Merci encore à vous
Mr. Docteuravatar Expert en ForumActif
Dim 16 Juin - 8:56   

Fait plaisir Smile
Ludoloveisaavatar Membre
Lun 17 Juin - 9:50   

Coucou ^^

Je pourrait modifier cette fiche car le résultat n'est pas très jolie?
SkySkyavatar Modérateur
Lun 17 Juin - 10:02   

Oui il suffit de dire ce que tu veux
Ludoloveisaavatar Membre
Lun 17 Juin - 10:34   

Oki voici un schéma
Spoiler:
 

Et l'image à mettre en transparence:

Spoiler:
 

Et encore désolé pour le dérangement
Mr. Docteuravatar Expert en ForumActif
Lun 17 Juin - 14:16   

Il ne faut pas t'excuser pour le dérangement, cela fait toujours plaisir Smile... Rappel toi que le forum est à votre disposition pour cela :rabbit:... Le jour où cela va nous déranger, ben le forum sera supprimé et c'est loin d'arriver lol Razz

Bon alors, je regarde ton schéma et je me dis que cela ne ressemblera pas à un règlement puisque qu'il à les crédits, les remerciements que c'est assez gros avec trois menu en JavaScript, mais comme je suis pas là pour jugé, je vais bien te faire ce code alors voila :face:

Dans une page HTML du met ce code:
Code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Panneau de règlements pour Ludo</title>
<link href='http://fonts.googleapis.com/css?family=Trade+Winds' rel='stylesheet' type='text/css'>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
#titre {
   width: 500px;
   margin: 0 auto;
   text-align: center;
    font-family: 'Trade Winds', cursive;
   font-weight: bold;
   font-size: 50px;
   }
   
.text {
   padding: 5px;
   }
   
.section_bas {
   width: 500px;
   height: auto;
   margin: 0 auto;
   }
   
   #credit {
      position: absolute;
      background-color: #C2BEBE;
      border: 5px solid #727272;
      color: #57565C1;
      width: 175px;
      height: auto;
      border-radius: 15px;
      }
      
   #merci {
      position: relative;
      background-color: #C2BEBE;
      border: 5px solid #727272;
      color: #57565C1;
      width: 175px;
      height: auto;
      border-radius: 15px;
      margin-left: 315px;
      }
   
   #onglets{
         display: block;
         position: absolute;
         left: 1200px;
      }
      #onglets li{
         position: relative;
         width: 100px;
         height: auto;
         list-style: none;
         text-align: center;
         padding: 5px;
         margin-top: 5px;
         border: 2px solid #727272;
         cursor: pointer;
         background-color: #EEEEEE;
         color: #57565C1;
         border-radius: 15px;
      }
         #onglets .actif{
         background-color: #C2BEBE;
         border: 2px solid #727272;
         font-weight: bold;
         color: #57565C1;
         z-index: 10;
         border-radius: 15px;
      }
         #contenu{
         clear: both;
         position: relative;
         margin: 0 auto;
         padding: 10px;
         border: 5px solid #727272;
         z-index: 5;
         top: -6px;
         background-color: #C2BEBE;
         color: #57565C1;
         width: 500px;
         overflow: hidden;
         border-radius: 15px;
      }
</style>
<script src="http://pro-scoot.infolabmob.com/js-ludo-by-mrdocteur.js"></script>
   <script>
      $(function() {
         $('#onglets').css('display', 'block');
         $('#onglets').click(function(event) {
            var actuel = event.target;
            if (!/li/i.test(actuel.nodeName) || actuel.className.indexOf('actif') > -1) {
               alert(actuel.nodeName)
               return;
            }
            $(actuel).addClass('actif').siblings().removeClass('actif');
            setDisplay();
         });
         function setDisplay() {
            var modeAffichage;
            $('#onglets li').each(function(rang) {
               modeAffichage = $(this).hasClass('actif') ? '' : 'none';
               $('.item').eq(rang).css('display', modeAffichage);
            });
         }
         setDisplay();
      });
   </script>
</head>

<body>
<div>
<div id="titre">Ici un titre</div>
<ul id="onglets">
      <li class="actif">Menu 1</li>
      <li>Menu 2</li>
      <li>Menu 3</li>
   </ul>
   <div id="contenu">
      <div class="item">
         <h2>Titre 1</h2>
         <p>Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte 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>
      </div>
      <div class="item">
         <h2>Titre 2</h2>
         <p>Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte 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>
      </div>
      <div class="item">
         <h2>Titre 3</h2>
         <p>Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte 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>
      </div>
   </div>
    
    <div class="section_bas">
    <div id="credit"><p class="text">Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte</p></div>
    <div id="merci"><p class="text">Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte Texte</p></div>
    </div>
    </div>
</body>
</html>

Ensuite tu enregistre, et là ou tu veux ton code tu met ce code en t'assurant de changer le lien de la page HTML Wink
Code:
<iframe src="http://docteur-teste.webservices.tv/h6-teste-fiche-pub" width="100%" height="510px" scrolling="no" frameborder="0"></iframe>


Humm... Par contre, j'ai pas utilisé ton image. Car même en transparence, le rendu final n'est pas super :/...

Cordialement,
Smile
SkySkyavatar Modérateur
Lun 17 Juin - 15:22   

Flute le Doc m'a chiper la commande

Après Chipeur arrête de chiper (ben oui ma fille a regarder Dora l'exploratrice il y a quelques années et j'ai des marques a vie mdr) ... Nous avons Doc arrête de docter ?  
Mr. Docteuravatar Expert en ForumActif
Lun 17 Juin - 15:25   

Haha, J'aime bien Doc et docter, mais  lol !


Désolé de t'avoir prit la commande, prochaine que tu commence un truc avant moi, promis je m'en mêle plus Smile
SkySkyavatar Modérateur
Lun 17 Juin - 15:28   

Pas de soucis je te taquine
Mr. Docteuravatar Expert en ForumActif
Lun 17 Juin - 15:31   

Haha Razz

Je sais, mais je vais quand même te la laisser, car moi aussi sa me fâcherai si jamais quelque me "Shift" ^^"
Contenu sponsorisé
   

Page 1 sur 4Aller à la page : 1, 2, 3, 4  Suivant

 Sujets similaires

-
» [KOVU] Une fiche de RP pour un personnage punk
» Commande une fiche de pub pour l'univers des essais bébé et maman
» Une fiche de pub pour Maynlie la suite
» (YOUP) Codage de fiche partenariat
» Codage des polices de caractère pour les titres

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-