Problème avec une fiche de relations

Jeu 28 Juil - 18:13
Bonsoir,

Dans un premier temps, bravo et merci pour ces libres services qui sont vraiment très beaux et très pratiques pour des débutants (et encore... sans niveau !) en codage.

Je me suis servie d'une fiche de relations que vous avez posté hier et j'ai rencontré un problème que j'ai du mal à résoudre seule...

En effet, dans la catégorie "liens établis" je souhaite mettre bien plus que 3 personnes. Seulement, je ne sais pas comment faire. Je me suis tentée d'un copier/coller mais lorsque je fais cela, l'effet "description" apparaît n'importe comment.

Pouvez-vous m'aider s'il vous plait ?
Si oui, avez-vous besoin de Screenshots ou autre ?

Respectueusement.
Revenir en haut Aller en bas
Jeu 28 Juil - 19:57
Bonsoir,

Pour ajouter de nouveaux liens, copier/coller l'ensemble suivant :


Code:
<!-- ? --><div class="lksION"><!-- BLOC IMAGE PERSONNAGE --><div class="imgLION" style="background:#5feac8;"><!-- IMAGE 75*75 --><img src="http://www.aht.li/2838007/7575.png" style="border-color:white;" /></div><!-- BLOC NOM PRENOM(S) & RELATION --><div class="npLION" style="background:#f7f7f7;"><!-- NOM PRENOM(S) --><div style="color:#5feac8;">NOM Prénom(s)</div><!-- INFORMATIONS / RELATION --><span style="border-color:lightgrey;">Âge - Occupation - Relation</span></div><!-- DESCRIPTION --><div class="descLION" style="background:white; border-color:#F7F7F7; color:black;">Description.</div></div><!-- FIN ? -->

Code:
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/RL_ION.css" rel="stylesheet" type="text/css"><!-- PARTIE CSS PERMETTANT DE MODIFIER LA COULEUR DES ADJECTIFS --><style type="text/css">.adjION span{background:#5FEAC8 !important; color:white !important;}</style><!-- TOUTES COULEURS PERSONNALISABLES --><div id="ION" style="font-family:Arial;"><!-- CREDIT --><a class="cdtION" href="http://crushcrushcrush.actifforum.com/" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- BLOC NOM PRENOM(S) & INFORMATIONS DIVERSES --><div class="npION" style="background:#f7f7f7;"><!-- NOM PRENOM(S) --><div style="color:#5feac8;">NOM Prénom(s)</div><!-- INFORMATIONS DIVERSES --><span style="border-color:lightgrey; color:lightgrey;">Occupation ○ Nationalité ○ Localisation</span></div><!-- BLOC IMAGE PERSONNAGE --><div class="imgION" style="background:#5feac8;"><!-- IMAGE 100*100 --><img src="http://www.aht.li/2838068/100100.png" style="border-color:white;" /></div><!-- ONGLETS BIOGRAPHIE / LISTE DES LIENS / LIENS RECHERCHES - VEILLER A LAISSER LES B --><div class="abtION"><!-- ONGLET BIOGRAPHIE --><input type="radio" name="abtION" id="OION1" checked ><label for="OION1"><!-- BORDURE --><div style="border-color:#5feac8;"><!-- INTITULE --><span style="background:#5feac8; color:white;">Almost<b>human</b></span></div></label><!-- ONGLET LISTE DES LIENS --><input type="radio" name="abtION" id="OION2"><label for="OION2"><!-- BORDURE --><div style="border-color:#5feac8;"><!-- INTITULE --><span style="background:#5feac8; color:white;">Liens<b>établis</b></span></div></label><!-- ONGLET LIENS RECHERCHES --><input type="radio" name="abtION" id="OION3"><label for="OION3"><!-- BORDURE --><div style="border-color:#5feac8;"><!-- INTITULE --><span style="background:#5feac8; color:white;">Liens <b>recherchés</b></span></div></label><!-- CONTENU BIOGRAPHIE --><div id="contentION1" class="contentION" style="background:white; border-color:#F7F7F7; color:black;"><!-- LIEN FICHE DE PRESENTATION / ÂGE / SEXE --><div class="triLION"><!-- FICHE DE PRESENTATION --><div style="border-color:lightgreen;"><a href="" target="_blank" style="color:lightgreen;">Fiche</a></div><!-- BORDURE ÂGE --><div class="ageION" style="border-color:#5feac8;"><!-- ÂGE --><span style="background:#5feac8; color:white;">Âge</span></div><!-- SEXE ⚥ / ♀ / ♂ --><div style="border-color:lightgreen; color:lightgreen;">⚥</div></div><!-- CITATION ILLUSTRANT LA PERSONNALITE DU PERSONNAGE --><div class="quotION" style="color:#5feac8;">Citation</div><!-- ADJECTIFS - AJOUT D'ADJECTIF = AJOUT DE <span>adjectif</span> --><div class="adjION"><span>adjectif</span><span>adjectif</span><span>adjectif</span><span>adjectif</span><span>adjectif</span><span>adjectif</span></div><!-- HISTOIRE -->Histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire histoire</div><!-- CONTENU LISTE DES LIENS - REDIMENSIONNEMENT AUTOMATIQUE DES IMAGES --><div id="contentION2" class="contentION" style="background:white; border-color:#F7F7F7; color:black;"><!-- I --><div class="lksION"><!-- BLOC IMAGE PERSONNAGE --><div class="imgLION" style="background:#5feac8;"><!-- IMAGE 75*75 --><img src="http://www.aht.li/2838007/7575.png" style="border-color:white;" /></div><!-- BLOC NOM PRENOM(S) & RELATION --><div class="npLION" style="background:#f7f7f7;"><!-- NOM PRENOM(S) --><div style="color:#5feac8;">NOM Prénom(s)</div><!-- INFORMATIONS / RELATION --><span style="border-color:lightgrey;">Âge - Occupation - Relation</span></div><!-- DESCRIPTION --><div class="descLION" style="background:white; border-color:#F7F7F7; color:black;">Description.</div></div><!-- II --><div class="lksION"><!-- BLOC IMAGE PERSONNAGE --><div class="imgLION" style="background:lightgreen;"><!-- IMAGE 75*75 --><img src="http://www.aht.li/2838007/7575.png" style="border-color:white;" /></div><!-- BLOC NOM PRENOM(S) & RELATION --><div class="npLION" style="background:#f7f7f7;"><!-- NOM PRENOM(S) --><div style="color:lightgreen;">NOM Prénom(s)</div><!-- INFORMATIONS / RELATION --><span style="border-color:lightgrey;">Âge - Occupation - Relation</span></div><!-- DESCRIPTION --><div class="descLION" style="background:white; border-color:#F7F7F7; color:black;">Description.</div></div><!-- III --><div class="lksION"><!-- BLOC IMAGE PERSONNAGE --><div class="imgLION" style="background:#5feac8;"><!-- IMAGE 75*75 --><img src="http://www.aht.li/2838007/7575.png" style="border-color:white;" /></div><!-- BLOC NOM PRENOM(S) & RELATION --><div class="npLION" style="background:#f7f7f7;"><!-- NOM PRENOM(S) --><div style="color:#5feac8;">NOM Prénom(s)</div><!-- INFORMATIONS / RELATION --><span style="border-color:lightgrey;">Âge - Occupation - Relation</span></div><!-- DESCRIPTION --><div class="descLION" style="background:white; border-color:#F7F7F7; color:black;">Description.</div></div><!-- PLACER TOUT NOUVEAU LIEN AVANT CE COMMENTAIRE --></div><!-- CONTENU LIENS RECHERCHES - AJOUT DE LIEN RECHERCHE = AJOUT DE <b>▬ intitulé du lien :</b> description --><div id="contentION3" class="contentION searchION" style="background:white; border-color:#F7F7F7; color:black;"><b>▬ intitulé du lien :</b> description <b>▬ intitulé du lien :</b> description <b>▬ intitulé du lien :</b> description</div></div></div>
Revenir en haut Aller en bas
Jeu 28 Juil - 20:18
Merci pour votre aide, seulement je rencontre un autre problème... :

image 1:
 


image 2 (en lien avec 1):
 

image 3:
 

Pour être plus précise, vocii le code (avec les modifications apportées) :

code:
 


Là, je ne sais pas quoi faire...
Revenir en haut Aller en bas
Ven 29 Juil - 16:37
Code:
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/RL_ION.css" rel="stylesheet" type="text/css"><!-- PARTIE CSS PERMETTANT DE MODIFIER LA COULEUR DES ADJECTIFS --><style type="text/css">.adjION span{background:#060015!important; color:white !important;}</style><!-- TOUTES COULEURS PERSONNALISABLES --><div id="ION" style="font-family:Arial;"><!-- CREDIT --><a class="cdtION" href="http://crushcrushcrush.actifforum.com/" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- BLOC NOM PRENOM(S) & INFORMATIONS DIVERSES --><div class="npION" style="background:#f7f7f7;"><!-- NOM PRENOM(S) --><div style="color:#060015;">Akihiro</div><!-- INFORMATIONS DIVERSES --><span style="border-color:lightgrey; color:lightgrey;">Mercenaire ○ Général ○ célibataire</span></div><!-- BLOC IMAGE PERSONNAGE --><div class="imgION" style="background: url('http://www.auplod.com/u/apoudl836f1.gif');"><!-- IMAGE 100*100 --><img src="http://i35.servimg.com/u/f35/15/90/75/20/10010.jpg" style="border-color:white;" /></div><!-- ONGLETS BIOGRAPHIE / LISTE DES LIENS / LIENS RECHERCHES - VEILLER A LAISSER LES B --><div class="abtION"><!-- ONGLET BIOGRAPHIE --><input type="radio" name="abtION" id="OION1" checked ><label for="OION1"><!-- BORDURE --><div style="border-color:#40A497;"><!-- INTITULE --><span style="background:#40A497; color:white;">Almost<b>human</b></span></div></label><!-- ONGLET LISTE DES LIENS --><input type="radio" name="abtION" id="OION2"><label for="OION2"><!-- BORDURE --><div style="border-color:#40A440;"><!-- INTITULE --><span style="background:#40A440; color:white;">Liens<b>établis</b></span></div></label><!-- ONGLET LIENS RECHERCHES --><input type="radio" name="abtION" id="OION3"><label for="OION3"><!-- BORDURE --><div style="border-color:#A44040;"><!-- INTITULE --><span style="background:#A44040; color:white;">Liens <b>recherchés</b></span></div></label><!-- CONTENU BIOGRAPHIE --><div id="contentION1" class="contentION" style="background:white; border-color:#F7F7F7; color:black;"><!-- LIEN FICHE DE PRESENTATION / ÂGE / SEXE --><div class="triLION"><!-- FICHE DE PRESENTATION --><div style="border-color:#060015;"><a href="" target="_blank" style="color:#060015;">Fiche</a></div><!-- BORDURE ÂGE --><div class="ageION" style="border-color:#060015;"><!-- ÂGE --><span style="background:#060015; color:white;">29 ans</span></div><!-- SEXE ⚥ / ♀ / ♂ --><div style="border-color:#060015; color:#060015;">♂</div></div><!-- CITATION ILLUSTRANT LA PERSONNALITE DU PERSONNAGE --><div class="quotION" style="color:#060015;">"Souvenez vous de cela en dernier, la trahison que l'on voit est sans importance, ce qui est bien plus dur c'est la trahison que l'on ne voit pas, {USERNAME}"</div><!-- ADJECTIFS - AJOUT D'ADJECTIF = AJOUT DE <span>adjectif</span> --><div class="adjION"><span>Séducteur</span><span>Solitaire</span><span>Manipulateur</span><span>Combatif</span><span>Serieux</span><span>Dangereux</span></div><!-- HISTOIRE -->[color=#000000][u][b]Présentation du caractère :[/b][/u][/color]

  [color=#000000]Il est difficile de cerner le caractère d'Akihiro... Au premier abord, c'est un homme doux, à l'écoute des autres, très serviable (surtout auprès des femmes !), poli et qui parle de manière très courtoise " Ravi de vous rencontrer, c'est lorsque j'ai posé le regard sur vous que ma définition du mot sublime a changé..." Ou autres phrases de politesse. Il apparaît comme un homme doux, à la voix douce et posée. Il a une apparence de bienveillance... Par son apparence, c'est un être respecté de tous, surtout admiré par les femmes qui ne cessent de l'observer et de succomber à son charme irrésistible...

    Cependant, ce n'est qu'un masque pour dissimuler sa nature manipulatrice et dangereuse. En réalité, il se soucie fort peu des autres, et est prêt à utiliser quiconque, tels des pions, afin de parvenir à ses fins. C'est un homme très sérieux qui planifie souvent des situations à l'avance afin d'obtenir ce qu'il souhaite. Il ne recule devant rien pour réaliser ses ambitions égoïstes telles que manipuler ou tuer quelqu'un, s'il le juge nécessaire. Ce qu'il le rend très fier de lui et redoutable.
 
    Étant très fort au combat, il déteste perdre et ne peut s'imaginer que quelqu'un puisse le surpasser. Sa force incroyable au combat fait que pendant un combat Akihiro est décontracté et désinvolte ce qui agace souvent son adversaire.[/color]

  [i]Serez-vous un redoutable ennemi ? Ou arriverez-vous à briser sa carapace et à toucher son cœur ténébreux ?...[/i]

  </div><!-- CONTENU LISTE DES LIENS - REDIMENSIONNEMENT AUTOMATIQUE DES IMAGES --><div id="contentION2" class="contentION" style="background:white; border-color:#F7F7F7; color:black;"><!-- I --><div class="lksION"><!-- BLOC IMAGE PERSONNAGE --><div class="imgLION" style="background:#40A440;"><!-- IMAGE 75*75 --><img src="http://i35.servimg.com/u/f35/15/90/75/20/noc10.jpg" style="border-color:white;" /></div><!-- BLOC NOM PRENOM(S) & RELATION --><div class="npLION" style="background:#f7f7f7;"><!-- NOM PRENOM(S) --><div style="color:#060015;">Noctem</div><!-- INFORMATIONS / RELATION --><span style="border-color:lightgrey;">21 ans - Mercenaire<br/>Comme un petit frère</span></div><!-- DESCRIPTION --><div class="descLION" style="background:white; border-color:#F7F7F7; color:black;">« Noctem et Akihiro se sont rencontrés pour la première fois un 5 Mai, dans une grotte noire. Akihiro avait seulement 25 ans et le jeune mercenaire Noctem, 15 ans.
  Akihiro a dû contre sa volonté, effectuer une mission avec Noctem, mais cette dernière ne s'était pas passée comme prévu... Ils ont fait la connaissance d'un golem de pierre où Noctem s'était courageusement battu, il acheva de son épée le monstre, mais cet acte a failli lui coûter la vie.

  [i]Relation en cours de développement[/i]»
  </div></div><!-- II --><div class="lksION"><!-- BLOC IMAGE PERSONNAGE --><div class="imgLION" style="background: #060015;"><!-- IMAGE 75*75 --><img src="http://i35.servimg.com/u/f35/15/90/75/20/hassi10.jpg" style="border-color:white;" /></div><!-- BLOC NOM PRENOM(S) & RELATION --><div class="npLION" style="background:#f7f7f7;"><!-- NOM PRENOM(S) --><div style="color:#060015;">Hassiri'dar</div><!-- INFORMATIONS / RELATION --><span style="border-color:lightgrey;">Âge - Mercenaire<br/>Un sacré brownie !</span></div><!-- DESCRIPTION --><div class="descLION" style="background:white; border-color:#F7F7F7; color:black;">« Akihiro était a la recherche d'une nouvelle arme, lorsqu'il fit la rencontre du jeune Brownie. Il l'aida a fabriquer sa nouvelle arme puissante créée par le vieux Matthieu en personne. Akihiro a un certain respect pour Hassiri'dar et quelques pièces d'or à rembourser...
  Il entretient avec lui une relation plutôt amicale et sincère.

  [i]Relation en cours de développement[/i]»
  </div></div><!-- III --><div class="lksION"><!-- BLOC IMAGE PERSONNAGE --><div class="imgLION" style="background:#5feac8;"><!-- IMAGE 75*75 --><img src="http://www.aht.li/2838007/7575.png" style="border-color:white;" /></div><!-- BLOC NOM PRENOM(S) & RELATION --><div class="npLION" style="background:#f7f7f7;"><!-- NOM PRENOM(S) --><div style="color:#5feac8;">NOM Prénom(s)</div><!-- INFORMATIONS / RELATION --><span style="border-color:lightgrey;">Âge - Occupation - Relation</span></div><!-- DESCRIPTION --><div class="descLION" style="background:white; border-color:#F7F7F7; color:black;">Description.</div></div><!-- ? --><div class="lksION"><!-- BLOC IMAGE PERSONNAGE --><div class="imgLION" style="background:#5feac8;"><!-- IMAGE 75*75 --><img src="http://www.aht.li/2838007/7575.png" style="border-color:white;" /></div><!-- BLOC NOM PRENOM(S) & RELATION --><div class="npLION" style="background:#f7f7f7;"><!-- NOM PRENOM(S) --><div style="color:#5feac8;">NOM Prénom(s)</div><!-- INFORMATIONS / RELATION --><span style="border-color:lightgrey;">Âge - Occupation - Relation</span></div><!-- DESCRIPTION --><div class="descLION" style="background:white; border-color:#F7F7F7; color:black;">Description.</div></div><!-- FIN ? --><!-- ? --><div class="lksION"><!-- BLOC IMAGE PERSONNAGE --><div class="imgLION" style="background:#5feac8;"><!-- IMAGE 75*75 --><img src="http://www.aht.li/2838007/7575.png" style="border-color:white;" /></div><!-- BLOC NOM PRENOM(S) & RELATION --><div class="npLION" style="background:#f7f7f7;"><!-- NOM PRENOM(S) --><div style="color:#5feac8;">NOM Prénom(s)</div><!-- INFORMATIONS / RELATION --><span style="border-color:lightgrey;">Âge - Occupation - Relation</span></div><!-- DESCRIPTION --><div class="descLION" style="background:white; border-color:#F7F7F7; color:black;">Description.</div></div><!-- FIN ? --><!-- ? --><div class="lksION"><!-- BLOC IMAGE PERSONNAGE --><div class="imgLION" style="background:#5feac8;"><!-- IMAGE 75*75 --><img src="http://www.aht.li/2838007/7575.png" style="border-color:white;" /></div><!-- BLOC NOM PRENOM(S) & RELATION --><div class="npLION" style="background:#f7f7f7;"><!-- NOM PRENOM(S) --><div style="color:#5feac8;">NOM Prénom(s)</div><!-- INFORMATIONS / RELATION --><span style="border-color:lightgrey;">Âge - Occupation - Relation</span></div><!-- DESCRIPTION --><div class="descLION" style="background:white; border-color:#F7F7F7; color:black;">Description.</div></div><!-- FIN ? --><!-- ? --><div class="lksION"><!-- BLOC IMAGE PERSONNAGE --><div class="imgLION" style="background:#5feac8;"><!-- IMAGE 75*75 --><img src="http://www.aht.li/2838007/7575.png" style="border-color:white;" /></div><!-- BLOC NOM PRENOM(S) & RELATION --><div class="npLION" style="background:#f7f7f7;"><!-- NOM PRENOM(S) --><div style="color:#5feac8;">NOM Prénom(s)</div><!-- INFORMATIONS / RELATION --><span style="border-color:lightgrey;">Âge - Occupation - Relation</span></div><!-- DESCRIPTION --><div class="descLION" style="background:white; border-color:#F7F7F7; color:black;">Description.</div></div><!-- FIN ? --></div><!-- CONTENU LIENS RECHERCHES - AJOUT DE LIEN RECHERCHE = AJOUT DE <b>▬ intitulé du lien :</b> description --><div id="contentION3" class="contentION searchION" style="background:white; border-color:#F7F7F7; color:black;"><b>▬ intitulé du lien :</b> description <b>▬ intitulé du lien :</b> description <b>▬ intitulé du lien :</b> description</div></div></div>

Un simple " > " supprimé malencontreusement :
Citation :
style="background:white; border-color:#F7F7F7; color:black;" Noctem et Akihiro se sont rencontrés pour la première fois un 5 Mai
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum