avatar
Sexe : Féminin
Date d'inscription : 24/07/2013
Messages : 1058

Fiche Membre
Lots gagnés:

Quelle structure est concernée par votre problème ? HTML/iframe ?
Qu'elle est l'adresse du forum concerné (sous hide si cela vous dérange) ? http://xanadart.forumactif.com/
Un screen du problème : éventuellement, si aide à la compréhension
Spoiler:
Expliquez précisément votre problème : Lorsque je met mon iframe, on voit la bannière apparaître alors que je ne veux pas. Quand je sélectionne NON pour le haut et le bas du forum, il me manque pleins de choses dont des primordial tel que le bouton pour générer la fiche.
Les codes :
Le HTML:
Code:
<!doctype html>
<html lang="fr">
  <head>
    <meta charset="utf-8"/>
    <link type="text/css" rel="stylesheet" href="http://strandhogg.fr/epicode/css/26.css"/>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.1.3/js.cookie.min.js"></script>
    <script src="http://strandhogg.fr/epicode/js/26.js"></script>
  </head>
  <body>
    <div class="template-linus-26">
      <form method="post" action="">
     
        <h2 class="tli-title">En bref</h2>
       
      <!-- début champ texte -->
        <div class="tli-field">
          <label for="prénom">Prénom</label>
          <input name="#Prénom#" id="prénom" type="text"/>
        </div>
        <!-- fin champ texte -->
              <!-- début champ texte -->
        <div class="tli-field">
          <label for="âge">Âge</label>
          <input name="#Âge#" id="Âge" type="text"/>
        </div>
        <!-- fin champ texte -->
              <!-- début champ checkbox -->
        <div class="tli-field">
          <label>Sexe</label>
          <div class="tli-group">   
            <input value="valeur1" name="#garçon#" checked=checked id="garçon" type="checkbox"/>
            <div class="fake-checkbox"></div>
            <label for="garçon">Garçon</label> 
           
            <input value="valeur2" name="#fille#" id="fille" type="checkbox"/>
            <div class="fake-checkbox"></div>
            <label for="fille">Fille</label>
           
            <input value="valeur3" name="#autre#" id="autre" type="checkbox"/>
            <div class="fake-checkbox"></div>
            <label for="autre">Autre</label>
          </div>
        </div>
        <!-- fin champ checkbox -->
              <!-- début champ texte -->
        <div class="tli-field">
          <label for="étude/métier">Étude/métier</label>
          <input name="#Étude/métier#" id="étude/métier" type="text"/>
        </div>
        <!-- fin champ texte -->
              <!-- début champ texte -->
        <div class="tli-field">
          <label for="pays">Pays</label>
          <input name="#Pays#" id="pays" type="text"/>
        </div>
        <!-- fin champ texte -->
              <!-- début champ checkbox -->
        <div class="tli-field">
          <label>Avez-vous lu le règlement ?</label>
          <div class="tli-group">   
            <input value="valeur1" name="#oui#" checked=checked id="oui" type="checkbox"/>
            <div class="fake-checkbox"></div>
            <label for="oui">oui</label> 
           
            <input value="valeur2" name="#non#" id="non" type="checkbox"/>
            <div class="fake-checkbox"></div>
            <label for="non">non</label>
          </div>
        </div>
        <!-- fin champ checkbox -->
        <h2 class="tli-title">Et vous ?</h2>
              <!-- début champ texte -->
        <div class="tli-field">
          <label for="citationpréférée">Citation préférée</label>
          <input name="#citationpréférée#" id="citationpréférée" type="text"/>
        </div>
        <div class="tli-field">
          <label for="Couleurpréférée">Couleur préférée</label>
          <input name="#Couleurpréférée#" id="Couleurpréférée" type="text"/>
        </div>
        <div class="tli-field">
          <label for="Livre/mangapréféré">Livre/manga préféré</label>
          <input name="#Livre/mangapréféré#" id="Livre/mangapréféré" type="text"/>
        </div>
        <div class="tli-field">
          <label for="Jeuvidéopréféré">Jeu vidéo préféré</label>
          <input name="#Jeuvidéopréféré#" id="Jeuvidéopréféré" type="text"/>
        </div>
        <div class="tli-field">
          <label for="Série/animepréférée">Série/anime préférée</label>
          <input name="#Série/animepréférée#" id="Série/animepréférée" type="text"/>
        </div>
        <div class="tli-field">
          <label for="Quefaîtesvousdansvostempslibres?">Que faîtes vous dans vos temps libres ?</label>
          <input name="#Quefaîtesvousdansvostempslibres?#" id="Quefaîtesvousdansvostempslibres?" type="text"/>
        </div>
        <div class="tli-field">
          <label for="Faites-vousdusport?">Faites-vous du sport ?</label>
          <input name="#Faites-vousdusport?#" id="Faites-vousdusport?" type="text"/>
        </div>
        <div class="tli-field">
          <label for="Quelestvotreplusgrandequalité?">Quel est votre plus grande qualité ?</label>
          <input name="#Quelestvotreplusgrandequalité?#" id="Quelestvotreplusgrandequalité?" type="text"/>
        </div>
        <div class="tli-field">
          <label for="Quelestvotreplusgranddéfaut?">Quel est votre plus grand défaut ?</label>
          <input name="#Quelestvotreplusgranddéfaut?#" id="Quelestvotreplusgranddéfaut?" type="text"/>
        </div>
        <div class="tli-field">
          <label for="Qu'est-cequit'agaceleplus?">Qu'est-ce qui t'agace le plus ?</label>
          <input name="#Qu'est-cequit'agaceleplus?#" id="Qu'est-cequit'agaceleplus?" type="text"/>
        </div>
        <div class="tli-field">
          <label for="Quelesttaplusgrandepeur?">Quel est ta plus grande peur ?</label>
          <input name="#Quelesttaplusgrandepeur?#" id="Quelesttaplusgrandepeur?" type="text"/>
        </div>
        <div class="tli-field">
          <label for="Quelesttonrêve?">Quel est ton rêve ?</label>
          <input name="#Quelesttonrêve?#" id="Quelesttonrêve?" type="text"/>
        </div>
        <div class="tli-field">
          <label for="Quelélémentêtes-vous?">Quel élément êtes-vous ?</label>
          <input name="#Quelélémentêtes-vous?#" id="Quelélémentêtes-vous?" type="text"/>
        </div>
        <div class="tli-field">
          <label for="Untalentcaché?">Un talent caché ?</label>
          <input name="#Untalentcaché?#" id="Untalentcaché?" type="text"/>
        </div>
        <!-- fin champ texte -->
        <!-- fin champ texte -->
        <!-- début boutons -->
        <div class="tli-field">
          &nbsp;
          <div class="tli-buttons">
            <button class="tli-submit" type="submit">Générer le code</button>
            <button class="tli-preview" type="submit">Preview</button>
            <button type="reset">Effacer tout</button>
          </div>
        </div>
        <!-- fin boutons -->
        <!-- fin champ texte -->
        <!-- début champ code généré -->
        <div class="tli-field">
          <label for="codegen">HTML ‹/›</label>
          <textarea placeholder='Cliquez sur le bouton "Générer le code"' id="codegen"></textarea>
        </div>
        <!-- fin champ code généré -->
       
        <textarea style="display:none;" id="codebase"><!--
           
        <h2 class="tli-title">En bref</h2>
       
      <!-- début champ texte -->
        <div class="tli-field">
          <label for="prénom">Prénom</label>
          <input name="#Prénom#" id="prénom" type="text"/>
        </div>
        <!-- fin champ texte -->
              <!-- début champ texte -->
        <div class="tli-field">
          <label for="âge">Âge</label>
          <input name="#Âge#" id="Âge" type="text"/>
        </div>
        <!-- fin champ texte -->
              <!-- début champ checkbox -->
        <div class="tli-field">
          <label>Sexe</label>
          <div class="tli-group">   
            <input value="valeur1" name="#garçon#" checked=checked id="garçon" type="checkbox"/>
            <div class="fake-checkbox"></div>
            <label for="garçon">Garçon</label> 
           
            <input value="valeur2" name="#fille#" id="fille" type="checkbox"/>
            <div class="fake-checkbox"></div>
            <label for="fille">Fille</label>
           
            <input value="valeur3" name="#autre#" id="autre" type="checkbox"/>
            <div class="fake-checkbox"></div>
            <label for="autre">Autre</label>
          </div>
        </div>
        <!-- fin champ checkbox -->
              <!-- début champ texte -->
        <div class="tli-field">
          <label for="étude/métier">Étude/métier</label>
          <input name="#Étude/métier#" id="étude/métier" type="text"/>
        </div>
        <!-- fin champ texte -->
              <!-- début champ texte -->
        <div class="tli-field">
          <label for="pays">Pays</label>
          <input name="#Pays#" id="pays" type="text"/>
        </div>
        <!-- fin champ texte -->
              <!-- début champ checkbox -->
        <div class="tli-field">
          <label>Avez-vous lu le règlement ?</label>
          <div class="tli-group">   
            <input value="valeur1" name="#oui#" checked=checked id="oui" type="checkbox"/>
            <div class="fake-checkbox"></div>
            <label for="oui">oui</label> 
           
            <input value="valeur2" name="#non#" id="non" type="checkbox"/>
            <div class="fake-checkbox"></div>
            <label for="non">non</label>
          </div>
        </div>
        <!-- fin champ checkbox -->
        <h2 class="tli-title">Et vous ?</h2>
              <!-- début champ texte -->
        <div class="tli-field">
          <label for="citationpréférée">Citation préférée</label>
          <input name="#citationpréférée#" id="citationpréférée" type="text"/>
        </div>
        <div class="tli-field">
          <label for="Couleurpréférée">Couleur préférée</label>
          <input name="#Couleurpréférée#" id="Couleurpréférée" type="text"/>
        </div>
        <div class="tli-field">
          <label for="Livre/mangapréféré">Livre/manga préféré</label>
          <input name="#Livre/mangapréféré#" id="Livre/mangapréféré" type="text"/>
        </div>
        <div class="tli-field">
          <label for="Jeuvidéopréféré">Jeu vidéo préféré</label>
          <input name="#Jeuvidéopréféré#" id="Jeuvidéopréféré" type="text"/>
        </div>
        <div class="tli-field">
          <label for="Série/animepréférée">Série/anime préférée</label>
          <input name="#Série/animepréférée#" id="Série/animepréférée" type="text"/>
        </div>
        <div class="tli-field">
          <label for="Quefaîtesvousdansvostempslibres?">Que faîtes vous dans vos temps libres ?</label>
          <input name="#Quefaîtesvousdansvostempslibres?#" id="Quefaîtesvousdansvostempslibres?" type="text"/>
        </div>
        <div class="tli-field">
          <label for="Faites-vousdusport?">Faites-vous du sport ?</label>
          <input name="#Faites-vousdusport?#" id="Faites-vousdusport?" type="text"/>
        </div>
        <div class="tli-field">
          <label for="Quelestvotreplusgrandequalité?">Quel est votre plus grande qualité ?</label>
          <input name="#Quelestvotreplusgrandequalité?#" id="Quelestvotreplusgrandequalité?" type="text"/>
        </div>
        <div class="tli-field">
          <label for="Quelestvotreplusgranddéfaut?">Quel est votre plus grand défaut ?</label>
          <input name="#Quelestvotreplusgranddéfaut?#" id="Quelestvotreplusgranddéfaut?" type="text"/>
        </div>
        <div class="tli-field">
          <label for="Qu'est-cequit'agaceleplus?">Qu'est-ce qui t'agace le plus ?</label>
          <input name="#Qu'est-cequit'agaceleplus?#" id="Qu'est-cequit'agaceleplus?" type="text"/>
        </div>
        <div class="tli-field">
          <label for="Quelesttaplusgrandepeur?">Quel est ta plus grande peur ?</label>
          <input name="#Quelesttaplusgrandepeur?#" id="Quelesttaplusgrandepeur?" type="text"/>
        </div>
        <div class="tli-field">
          <label for="Quelesttonrêve?">Quel est ton rêve ?</label>
          <input name="#Quelesttonrêve?#" id="Quelesttonrêve?" type="text"/>
        </div>
        <div class="tli-field">
          <label for="Quelélémentêtes-vous?">Quel élément êtes-vous ?</label>
          <input name="#Quelélémentêtes-vous?#" id="Quelélémentêtes-vous?" type="text"/>
        </div>
        <div class="tli-field">
          <label for="Untalentcaché?">Un talent caché ?</label>
          <input name="#Untalentcaché?#" id="Untalentcaché?" type="text"/>
        </div>
        --></textarea>       
      </form><div class="tli-credits">linus pour <a target="_blank" href="http://epicode.bbactif.com/">Epicode</a></div>
    </div>
  </body>
</html>
Le iframe:
avatar
Sexe : Féminin
Date d'inscription : 15/08/2017
Messages : 1078

Fiche Membre
Lots gagnés:
Rose des sables Designer en stage
Voir le profil de l'utilisateur
Bonjour, @Hunter of Warrior

Pour avoir une réponse pertinente à ton problème, je t'invite à éditer ton message et utiliser le formulaire obligatoire disponible dans cette section.

Merci pour ta compréhension.

Reine'



Merci à Aed  
Spoiler:

Mes autres signa':


Mes beaux Cadeaux et lots gagnés:
Merci à Aed pour la zoulie signa ♥️

Merci à Bora pour le beau vava ♥️

Merci à Eskimo pour le joli vava :
avatar
Sexe : Féminin
Date d'inscription : 24/07/2013
Messages : 1058

Fiche Membre
Lots gagnés:
Désolé, ça faisait très longtemps que je n'avais pas posté dans cette section et j'ai pas vu la mise-à-jour. C'est fait :)
avatar
Sexe : Féminin
Date d'inscription : 15/08/2017
Messages : 1078

Fiche Membre
Lots gagnés:
Rose des sables Designer en stage
Voir le profil de l'utilisateur
Pourrai-je avoir le lien du sujet où tu as récupéré le code ?
Parce que franchement je ne pense pas avoir bien compris ton problème. Si tu veux faire un générateur de présentation, il me semble que tu devrais afficher le haut et le bas de ton forum pour que le membre ai l'impression d'être toujours dans le forum.

Par contre ce que j'ai remarqué dans ton code est que tu n'as défini aucune valeur à l'attribut "action" tu dois mettre le lien pour poster le sujet si c'est ce que tu veux faire comme action



Merci à Aed  
Spoiler:

Mes autres signa':


Mes beaux Cadeaux et lots gagnés:
Merci à Aed pour la zoulie signa ♥️

Merci à Bora pour le beau vava ♥️

Merci à Eskimo pour le joli vava :
avatar
Sexe : Féminin
Date d'inscription : 24/07/2013
Messages : 1058

Fiche Membre
Lots gagnés:
Oui, j'ai réaliser cela hier soir. Je ne comprenais pas parce que je n'avais pas changé la hauteur de l'iframe, ce pourquoi on ne voyait pas la suite -la boulette-.
Or, il me reste toujours un bug. Il s'agit du code généré. Il déconne complètement et je ne sais pas où donner de la tête.
Voici le lien du LS/tuto : http://epicode.bbactif.com/t10643-generateur-de-fiche-de-presentation
avatar
Sexe : Féminin
Date d'inscription : 05/06/2014
Messages : 2762

Fiche Membre
Lots gagnés:
Maxi-codeuse en stage - Mère-Grand ❤ - Ex-admin
Voir le profil de l'utilisateur
Salut toi =)

Premièrement, ton générateur de code ne pourras généré une fiche puisque tu ne lui à pas donner de Template pour ... Lorsque Linus dit :

@Linus a écrit:coller ici le code de votre template en remplaçant les textes/contenu des champs par #nomduchamp#
       
Elle parle du code de la fiche et non des champs de formulaire. En gros tu choisi un fiche en LS Exemple celle-ci. Puis à l'intérieur de celle-ci tu viens ajouter les nom encadré par "#" là où tu souhaite que ton information s'affiche.

Dans la fiche cité en exemple, tu à un titre "Le Chat du Cheshire". Dans mon exemple, j'aimerais que ce titre soit le prénoms du membre donc dans le code je vais remplacer ceci :

Code:
<div class="titre_fiche">Le Chat du Cheshire</div>

par :

Code:
<div class="titre_fiche">#prenom#</div>

à ce moment là, lorsque je vais cliquer sur généré le code vas récupéré l'info #prenom# et l'ajouter au code du LS.

Attention lorsqu'on programme on ne peux pas mettre des accent et/ou caractère spéciaux. Or dans des for name et id il y en à plusieurs ce qui va causer des problème par la suite.

En bref de la façon dont tu a monter ton code, tu génère à nouveau un formulaire et non une fiche. c'est normal que ça ne fonctionne pas. La première section avant les bouton est bonne (le formulaire). Il faut juste refaire tout les for, name et id pour retiré les accent et/ou caractère spéciaux.



Merci Milou ♥️

Mes cadeau ♥️:


Merci Amorthancia pour le cadeau de Noël  cadeau

Merci Aed ♥️

Merci Aed ♥️

Merci Loune ♥️

Merci Milou pour le vava ♥️

Merci Aed ♥️

Merci Ashounet ♥️
avatar
Sexe : Féminin
Date d'inscription : 24/07/2013
Messages : 1058

Fiche Membre
Lots gagnés:
Je met ça dans quel templaste ? x)
avatar
Sexe : Féminin
Date d'inscription : 05/06/2014
Messages : 2762

Fiche Membre
Lots gagnés:
Maxi-codeuse en stage - Mère-Grand ❤ - Ex-admin
Voir le profil de l'utilisateur
En fait par template elle veux dire code ._. Je t'est peut-etre melanger un peux mais tu met tou ça dans une page html comme tu etait partie



Merci Milou ♥️

Mes cadeau ♥️:


Merci Amorthancia pour le cadeau de Noël  cadeau

Merci Aed ♥️

Merci Aed ♥️

Merci Loune ♥️

Merci Milou pour le vava ♥️

Merci Aed ♥️

Merci Ashounet ♥️
avatar
Sexe : Féminin
Date d'inscription : 24/07/2013
Messages : 1058

Fiche Membre
Lots gagnés:
Je suis carrément perdue et je comprend pas grand chose. J'ai du moins essayé de faire des trucs (descendre un peu) mais j'y arrive pas... ;=;

Voilà mon LS : http://zupimages.net/up/17/46/f6d2.png
Ce que ça me donne sur le html : http://zupimages.net/up/17/46/8uw6.png
Et sur les messages : http://zupimages.net/up/17/46/99s3.png
Code:
<link href="https://www.aht.li/3138968/PREZ_DBC.css" rel="stylesheet" type="text/css"><div class="DBC"><!-- CREDIT --><a class="cdtDBC" href="http://crushcrushcrush.actifforum.com/" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- INFORMATIONS - REMPLACER LES DONNEES SITUEES A L'INTERIEUR DES SPAN --><div class="abtDBC"><!-- 2 IMAGES 75*75 - REDIMENSIONNEMENT AUTOMATIQUE - I --><img src="https://www.aht.li/3137486/7575BW.png" /><!-- II --><img src="https://www.aht.li/3137486/7575BW.png" /><!-- PRENOM --><span>Prénom</span><div>#prénom#</div><!-- SURNOM --><span>Surnom</span><div>#surnom#</div><!-- NOM D'ARTISTE --><span>Nom d'artiste</span><div>#nomd'artiste#</div><!-- AGE --><span>Âge</span><div>#age#</div><!-- SEXE --><span>Sexe</span><div>#sexe#</div><!-- NATIONALITE --><span>Nationalité</span><div>#nationalité#</div><!-- METIER --><span>Métier</span><div>#métier#</div><!-- ETUDE --><span>Étude</span><div>#étude#</div><!-- AVIS --><span>Avis sur le forum</span><div>#avis#</div><!-- RÈGLEMENT --><span>Règlement</span><div>#règlement#</div></div><!-- CARACTERE & HISTOIRE --><div class="boxDBC"><!-- CARACTERE --><div class="caraDBC"><span>Freestyle</span><!-- CONTENU CARACTERE --><p>#freestyle#</p></div><!-- HISTOIRE --><div class="storyDBC"><span>En d'autre mots</span><!-- CONTENU HISTOIRE --><p>...</p></div></div>
avatar
Sexe : Féminin
Date d'inscription : 05/06/2014
Messages : 2762

Fiche Membre
Lots gagnés:
Maxi-codeuse en stage - Mère-Grand ❤ - Ex-admin
Voir le profil de l'utilisateur
Stress pas on va prendre le temps de bien le faire ensemble =)

Alors premièrement tu a ton LS très bien à l'intérieur tu à mis les #variable# c'est bien... mais si je me fit à ce qui est écrit dans le LS tu ne les a pas mis au bon endroit. Dans le LS il est noté en commentaire :

LS a écrit:INFORMATIONS - REMPLACER LES DONNEES SITUEES A L'INTERIEUR DES SPAN


Or toi tu à mis tes #variable# à l'intérieur des div. C'est pas dramatique. Seulement que les informations serons inversé. Au lieu d'avoir ce résulta :



tu aura ce résulta :



Il faut comprendre que #variable# sera changer par l'information inscrite dans le formulaire.

Ensuite je t'est dit plus haut qu'il ne fallais pas d'accent n'y de caractère spéciaux dans tes #variable#. Or tu à encore plein :

#prénom# --> #prenom#
#nomd'artiste# --> #nomdartiste# ou #nom_d_artiste#
#nationalité# --> #nationalite#
etc...

Une fois que ce code est correctement remplis on vas l'ajouter à notre générateur (le code de Linus) :

Code:
<!doctype html>
<html lang="fr">
  <head>
    <meta charset="utf-8"/>
    <link type="text/css" rel="stylesheet" href="http://strandhogg.fr/epicode/css/26.css"/>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.1.3/js.cookie.min.js"></script>
    <script src="http://strandhogg.fr/epicode/js/26.js"></script>
  </head>
  <body>
    <div class="template-linus-26">
      <form method="post" action="">
     
        <h2 class="tli-title">Informations civiques</h2>
       
        <!-- INSERER ICI LES CHAMPS, VOIR CI DESSOUS -->
       
        <!-- début boutons -->
        <div class="tli-field">
          &nbsp;
          <div class="tli-buttons">
            <button class="tli-submit" type="submit">Générer le code</button>
            <button class="tli-preview" type="submit">Preview</button>
            <button type="reset">Effacer tout</button>
          </div>
        </div>
        <!-- fin boutons -->
       
        <!-- début champ code généré -->
        <div class="tli-field">
          <label for="codegen">HTML ‹/›</label>
          <textarea placeholder='Cliquez sur le bouton "Générer le code"' id="codegen"></textarea>
        </div>
        <!-- fin champ code généré -->
       
        <textarea style="display:none;" id="codebase"><!--
          coller ici le code de votre template
          en remplaçant les textes/contenu des champs par #nomduchamp#
        --></textarea>       
      </form><div class="tli-credits">linus pour <a target="_blank" href="http://epicode.bbactif.com/">Epicode</a></div>
    </div>
  </body>
</html>

À l'endroit où il est écrit :

Code:
<!--
          coller ici le code de votre template
          en remplaçant les textes/contenu des champs par #nomduchamp#
        -->

Ensuite on crée le formulaire en reprennent les information de ta fiche à l'endroit où il est écrit:

Code:
<!-- INSERER ICI LES CHAMPS, VOIR CI DESSOUS -->

Ça tu l'avais bien réussi (sauf pour les accent dans tes variable)

mais voici une exemple :

Code:
      <!-- début champ texte -->
        <div class="tli-field">
          <label for="nomduchamp">Prénom</label>
          <span class="tli-memo">Inscrivez-votre prénom</span>
          <input name="#prenom#" id="prenom" type="text"/>
        </div>
        <!-- fin champ texte -->

Lorsque ton code est monter tu le met dans une page HTML puis tu met une iframe dans un poste sur ton forum.

Je ne sais pas si je suis claire mais si tu a besoin de précision dit le j'aimerais que tu essais de monter ton code. Que tu le met dans une page HTML et que tu instal l'iframe sur ton forum.

Si tout fonctionne c'est nickel, mais si ce n'est pas le cas fournis moi le lien où tu a mis l'iframe et ton code je regarderais où ça cloche.



Merci Milou ♥️

Mes cadeau ♥️:


Merci Amorthancia pour le cadeau de Noël  cadeau

Merci Aed ♥️

Merci Aed ♥️

Merci Loune ♥️

Merci Milou pour le vava ♥️

Merci Aed ♥️

Merci Ashounet ♥️
avatar
Sexe : Féminin
Date d'inscription : 24/07/2013
Messages : 1058

Fiche Membre
Lots gagnés:
Génial ! Ça fonctionne
Mais je ne suis pas capable de jouer avec le checkbox .-.
Merci pour tout le temps que tu as prit ♥️

Edit : J'ai voulu faire l'autre section avec les questions réponses. Voici ce que ça m'a donné : http://zupimages.net/up/17/46/6h37.png
Et les codes :
Code:
<!-- CITATION --><span>#citation#</span><div><b>Citation préférée<b><!-- COULEUR --><span>#couleur#</span><div><b>Couleur préférée</b></div><!-- LIVRE --><p><span>#livre#</span><div><b>Livre/manga préféré</b></div><!-- JEU --><span>#jeu#</span><div><b>Jeu vidéo préférée</b> </div><!-- ANIME --><span>#anime#</span><div><b>Série/anime préférée</b> </div><!-- TEMPSLIBRES --><span>#tempslibres#</span><div><b>Que faîtes-vous dans vos temps libre</b> </div><!-- SPORT --><span>#sport#</span><div><b>Faîtes-vous du sport</b></div><!-- QUALITE --><span>#qualite#</span><div><b>Plus grande qualité</b></div><!-- DEFAUT --><span>#defaut#</span><div><b>Plus grand défaut</b></div><!-- AGACE --><span>#agace#</span><div><b>Ce qui m'agace le plus</br></div><!-- PEUR --><span>#peur#</span><div><b>Plus grande peur</b></div><!-- REVE --><span>#reve#</span><div><b>Plus grand rêve</b></div><!-- ELEMENT --><span>#element#</span><div><b>Élément représentant</b></div><!-- TALENT --><span>#talent#</span><div><b>Talent caché</b></div></p></div></div><br/>          <br/>      </form><div class="tli-credits">linus pour <a target="_blank" href="http://epicode.bbactif.com/">Epicode</a></div><br/>    </div><br/>  </body><br/></html>
avatar
Sexe : Féminin
Date d'inscription : 05/06/2014
Messages : 2762

Fiche Membre
Lots gagnés:
Maxi-codeuse en stage - Mère-Grand ❤ - Ex-admin
Voir le profil de l'utilisateur
Hello !

je ne comprend pas vraiment ce que tu veux dire pas l'autre section. Ce bout de code tu le met où ? Et tu veux faire quoi exactement... travailler avec des capture d’écran c'Est pas vraiment facile c'est toujours mieux voir le problème sur le poste. Dans le pire des cas tu supprime le poste par la suite.



Merci Milou ♥️

Mes cadeau ♥️:


Merci Amorthancia pour le cadeau de Noël  cadeau

Merci Aed ♥️

Merci Aed ♥️

Merci Loune ♥️

Merci Milou pour le vava ♥️

Merci Aed ♥️

Merci Ashounet ♥️
avatar
Sexe : Féminin
Date d'inscription : 24/07/2013
Messages : 1058

Fiche Membre
Lots gagnés:
Voici en réel : http://xanadart.forumactif.com/t3-formulaire-de-presentation#4
mais comme on peut le voir, c'est décalé (vraiment beaucoup) et ça sort de la section...
avatar
Sexe : Féminin
Date d'inscription : 05/06/2014
Messages : 2762

Fiche Membre
Lots gagnés:
Maxi-codeuse en stage - Mère-Grand ❤ - Ex-admin
Voir le profil de l'utilisateur
Je n'est pas accès à cette section du forum =(



Merci Milou ♥️

Mes cadeau ♥️:


Merci Amorthancia pour le cadeau de Noël  cadeau

Merci Aed ♥️

Merci Aed ♥️

Merci Loune ♥️

Merci Milou pour le vava ♥️

Merci Aed ♥️

Merci Ashounet ♥️
avatar
Sexe : Féminin
Date d'inscription : 24/07/2013
Messages : 1058

Fiche Membre
Lots gagnés:
Désolée x) C'est changé !
avatar
Sexe : Féminin
Date d'inscription : 05/06/2014
Messages : 2762

Fiche Membre
Lots gagnés:
Maxi-codeuse en stage - Mère-Grand ❤ - Ex-admin
Voir le profil de l'utilisateur
Tu avais plusieur balise DIV ouverte et non fermer et des balise body html et br qui n'avais rien a faire là du coup j'ai fait un petit ménage. Ta fiche complète donnerais donc quelque chose comme ça :

Code:
<link href="https://www.aht.li/3138968/PREZ_DBC.css" rel="stylesheet" type="text/css"><div class="DBC"><!-- CREDIT --><a class="cdtDBC" href="http://crushcrushcrush.actifforum.com/" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- INFORMATIONS - REMPLACER LES DONNEES SITUEES A L'INTERIEUR DES SPAN --><div class="abtDBC"><!-- 2 IMAGES 75*75 - REDIMENSIONNEMENT AUTOMATIQUE - I --><img src="https://www.aht.li/3137486/7575BW.png" /><!-- II --><img src="https://www.aht.li/3137486/7575BW.png" /><!-- PRENOM --><span>#prenom#</span><div>Prénom</div><!-- SURNOM --><span>#surnom#</span><div>Surnom</div><!-- NOM D'ARTISTE --><span>#nomdartiste#</span><div>Nom d'artiste</div><!-- AGE --><span>#age#</span><div>Âge</div><!-- SEXE --><span>#sexe#</span><div>Sexe</div><!-- NATIONALITE --><span>#nationalite#</span><div>Nationalité</div><!-- METIER --><span>#metier#</span><div>Métier</div><!-- ETUDE --><span>#etude#</span><div>Étude</div><!-- AVIS --><span>#avis#</span><div>Avis sur le forum</div><!-- RÈGLEMENT --><span>#reglement#</span><div>Règlement</div></div><!-- CARACTERE & HISTOIRE --><div class="boxDBC"><!-- CARACTERE --><div class="caraDBC"><span>Freestyle</span><!-- CONTENU CARACTERE --><p>#freestyle#</p></div><!-- HISTOIRE --><div class="storyDBC"><span>En d'autre mots</span><!-- CONTENU HISTOIRE --><!-- CITATION --><span>#citation#</span><div>Citation préférée</div><!-- COULEUR --><span>#couleur#</span><div>Couleur préférée</div><!-- LIVRE --><span>#livre#</span><div>Livre/manga préféré</div><!-- JEU --><span>#jeu#</span><div>Jeu vidéo préférée </div><!-- ANIME --><span>#anime#</span><div>Série/anime préférée </div><!-- TEMPSLIBRES --><span>#tempslibres#</span><div>Que faîtes-vous dans vos temps libre </div><!-- SPORT --><span>#sport#</span><div>Faîtes-vous du sport</div><!-- QUALITE --><span>#qualite#</span><div>Plus grande qualité</div><!-- DEFAUT --><span>#defaut#</span><div>Plus grand défaut</div><!-- AGACE --><span>#agace#</span><div>Ce qui m'agace le plus</br></div><!-- PEUR --><span>#peur#</span><div>Plus grande peur</div><!-- REVE --><span>#reve#</span><div>Plus grand rêve</div><!-- ELEMENT --><span>#element#</span><div>Élément représentant</div><!-- TALENT --><span>#talent#</span><div>Talent caché</div></div><br/>          </form><div class="tli-credits">linus pour <a target="_blank" href="http://epicode.bbactif.com/">Epicode</a></div>

mais attention il va surement falloir jouer dans le CSS car tu a beaucoup d'information et elle dépasse le cadre qui lui est allouer. Il faudrais ajouter un overflow:auto; au CSS .storyDBC

Il faudra surment revoir dans ton CSS .storyDBC span pour la mise en page du look et ajouter un .storyDBC div pour faire comme dans la section 1




Merci Milou ♥️

Mes cadeau ♥️:


Merci Amorthancia pour le cadeau de Noël  cadeau

Merci Aed ♥️

Merci Aed ♥️

Merci Loune ♥️

Merci Milou pour le vava ♥️

Merci Aed ♥️

Merci Ashounet ♥️
avatar
Sexe : Féminin
Date d'inscription : 24/07/2013
Messages : 1058

Fiche Membre
Lots gagnés:
Super ça fonctionne !! Seul trucs, les checkbox que j'arrive pas. Enfin, la case à cocher avec des réponses pré-écrite. Je n'arrive pas à le faire fonctionner... pourrais-tu me l'expliquer ?
avatar
Sexe : Féminin
Date d'inscription : 05/06/2014
Messages : 2762

Fiche Membre
Lots gagnés:
Maxi-codeuse en stage - Mère-Grand ❤ - Ex-admin
Voir le profil de l'utilisateur
En fait je te conseille de mettre des bouton Radio plutôt qu'une checkbox. La différence ? Une checkbox peu avoir plus d'une réponses. Or toi tu ne veux qu'une seule réponse ; c'est un gars ou une fille ... pas les deux

Mais dans les deux cas c'est le même fonctionnement.

Code:
      <!-- début champ radio -->
        <div class="tli-field">
          <label>nomduchamp</label>
          <div class="tli-group">    
            <!-- début radio 1 -->
            <input value="valeur1" name="#nomduchamp#" checked=checked id="nomduchamp1" type="radio"/>
            <div class="fake-radio"></div>
            <label for="nomduchamp1">valeur1</label>
            <!-- fin radio 1 -->  
            
            <!-- début radio 2 -->
            <input value="valeur2" name="#nomduchamp#" id="nomduchamp2" type="radio"/>
            <div class="fake-radio"></div>
            <label for="nomduchamp2">valeur2</label>
            <!-- fin radio 2 -->
            
            <!-- début radio 3 -->
            <input value="valeur3" name="#nomduchamp#" id="nomduchamp3" type="radio"/>
            <div class="fake-radio"></div>
            <label for="nomduchamp3">valeur3</label>
            <!-- fin radio 3 -->
          </div>
        </div>
        <!-- fin champ radio -->

Dans le code, tu doit donner une valeur (value) et un ID différent pour chaque choix. Mais tout les choix doivent avoir le même nom (name).

Dans ton LS tu va mettre la #valeur# que tu à définie dans name. Exemple :

Code:
<!-- début champ radio -->
        <div class="tli-field">
          <label>nomduchamp</label>
          <div class="tli-group">    
            <!-- début radio 1 -->
            <input value="oui" name="#question#" checked=checked id="oui" type="radio"/>
            <div class="fake-radio"></div>
            <label for="oui">oui</label>
            <!-- fin radio 1 -->  
            
            <!-- début radio 2 -->
            <input value="non" name="#question#" id="non" type="radio"/>
            <div class="fake-radio"></div>
            <label for="non">non</label>
            <!-- fin radio 2 -->
            
          </div>
        </div>
        <!-- fin champ radio -->

dans le LS à la fin je mettrais #question# pour faire afficher la réponse



Merci Milou ♥️

Mes cadeau ♥️:


Merci Amorthancia pour le cadeau de Noël  cadeau

Merci Aed ♥️

Merci Aed ♥️

Merci Loune ♥️

Merci Milou pour le vava ♥️

Merci Aed ♥️

Merci Ashounet ♥️
avatar
Sexe : Féminin
Date d'inscription : 24/07/2013
Messages : 1058

Fiche Membre
Lots gagnés:
C'est nickel ! Batty t'es géniale ♥️
avatar
Sexe : Féminin
Date d'inscription : 15/12/2012
Messages : 3932

Fiche Membre
Lots gagnés:
Admin' / Designer
Voir le profil de l'utilisateurhttp://sarahdealerevans.deviantart.com/gallery/
Tout est bien réglé ici pour que je puisse archiver ? :]
avatar
Sexe : Féminin
Date d'inscription : 05/06/2014
Messages : 2762

Fiche Membre
Lots gagnés:
Maxi-codeuse en stage - Mère-Grand ❤ - Ex-admin
Voir le profil de l'utilisateur
oui =)

Ça fait plaisir Hunter of Warrior =)



Merci Milou ♥️

Mes cadeau ♥️:


Merci Amorthancia pour le cadeau de Noël  cadeau

Merci Aed ♥️

Merci Aed ♥️

Merci Loune ♥️

Merci Milou pour le vava ♥️

Merci Aed ♥️

Merci Ashounet ♥️
Contenu sponsorisé
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum