Problème de balise style

4 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème de balise style

Message par Yuuki-baka-baka Lun 30 Sep 2013 - 22:19

Bonsoir, je suis actuellement entrain de faire la fiche des relations & rps d'un personnage RPG....Sauf que quelque chose me chagrine... J'aurais voulu utiliser un code comme ici, à la partie Ce mois ci de la PA : http://ame-soeur.nice-forum.net/

J'ai donc utilisé la balise "style" mais pas moyen...Ca ne marche pas. Est-ce normal, ou y a-t-il un moyen de régler le problème ?

Voici le code de la fiche :

Code:
<center><blockquote style="z-index:3; width:550px;position:relative; margin-bottom:-25px; height:150px;background:url(http://img11.hostingpics.net/pics/115404SouthBrakesImage.png);box-shadow:#FFF 0px 0px 2px;"></blockquote><div style="z-index: 50; position:relative; width:200px; text-shadow:#FFF 0px 0px 3px; color:#FFF; background: #444; background: linear-gradient( #170e0e, #2D1972); border-radius:60px; font-size:22px; padding:15px;">South Brakes</div>
<div style="border-radius:90px; background:url(http://img11.hostingpics.net/pics/298233PatterndeSouthinou.png);z-index: 10; position:relative;margin-top:-42px;width:550px; box-shadow:#FFF 0px 0px 5px; color:#EB702B; text-align:left; font-size:13px; background-color:#FFF; padding:15px;"><br><center><strong style="text-shadow:#FFF 0px 0px 3px; color:#FFF; font-size:20px !important; margin:25px;">Rps</strong><div style="width:400px;background-color:#000000;border-radius:25px;padding:10px;color:#FFFFFF; margin:10px;">South est un garçon particulier, enfant de la lune, il est difficile de s'attacher à lui, vu qu'il refuse de s'attacher à quiconque. Ses réactions sont parfois étranges, il est toujours ailleurs, et n'aime personne, sauf éventuellement sa grande soeur Metzarel, et encore.</div><br></center><center><table><td style="width:150px;height:200px; background-color:#000000;border-radius:25px;padding:10px;color:#FFFFFF; margin:10px;"><b>En cours</b>

- Rien.
- Rien.
- Rien !</td><td style="width:150px;height:200px; background-color:#000000;border-radius:25px;padding:10px;color:#FFFFFF; margin:10px; overflow:auto;"><b>Fini</b>

- Rien.
- Rien.
- Rien !</td><td style="width:150px;height:200px; background-color:#000000;border-radius:25px;padding:10px;color:#FFFFFF; margin:10px;"><b>Abandonnés</b>

- Rien.
- Rien.
- Rien !</td></div></table><br><strong style="text-shadow:#FFF 0px 0px 3px; color:#FFF; font-size:20px !important; margin:25px;">Relations</strong><div style="width:400px;background-color:#000000;border-radius:25px;padding:10px;color:#FFFFFF; margin:10px;">South ne cherche personne....A part peut-être <strong style="color#C6E4F7;">quelqu'un qui tente coûte que coûte de le faire redescendre sur terre</strong> ou encore.... <strong style="color:#C6E4F7;">des loups-garous qui savent ce qu'il est et qui veulent s'attirer ses faveurs, ou l'inverse</strong> ou même pourquoi pas <strong style="color:#C6E4F7;">un ou une chasseur qui ne saurais pas quoi faire de lui. Le tuer, ou l'utiliser ?</strong></div>
 <style>.catte
{width: 400px; height: 100px; overflow: hidden; border-radius:10px; background-color:#000;
}
.catte_img
{position: relative; z-index: 2; width: 400px; height: 100px; margin-left: 0px; transform: all; -moz-transform: all;-o-transform: all;-htm-transform: all;-webkit-transform: all;
transition: 1s;-o-transition: 1s;
    border-radius:10px;-htm-transition: 1s;-webkit-transition: 1s;
}
.catte:hover .catte_img
{
margin-left: 400px;transform: all;-moz-transform: all;-o-transform: all;-htm-transform: all;-webkit-transform: all;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;
}
.catte_description
{position: relative;z-index: 1;width: 400px;height: 100px;font-size:11px;margin-top: -60px;text-align: justify;font-size: 11px;color: #FFF;padding: 3px;overflow: auto;text-align:center;
}</style>
<div class="catte"><div class="catte_img"><img src="http://img11.hostingpics.net/pics/130327Vouspeutetre.png" /></div><div class="catte_description">Vous éventuellement :)</div></div><div style="clear: both;"></div>
<br>
<strong style="text-shadow:#FFF 0px 0px 3px; color:#FFF; font-size:16px !important; margin:25px;">N'hésitez pas à demander !!</strong><br><br>
Code par Red Reetmine/South Brakes/Yuuki Seijaku</center></div>
</center>
Merci d'avance, en espérant que ça sera possible.


Dernière édition par Yuuki-baka-baka le Jeu 3 Oct 2013 - 14:46, édité 1 fois
Yuuki-baka-baka

Yuuki-baka-baka
Nouveau membre

Messages : 19
Inscrit(e) le : 02/04/2010

http://itsgravitation.forumactif.org/
Yuuki-baka-baka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de balise style

Message par Brandys Jeu 3 Oct 2013 - 10:46

Bonjour,

Peux-tu me dire exactement où tu veux avoir cet effet? Car je vois que tu as su le faire pour la partie juste en dessous "vous, peut-être?"

Bien à toi,

Brandys
avatar

Brandys
*

Masculin
Messages : 30
Inscrit(e) le : 11/07/2010

Brandys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de balise style

Message par Yuuki-baka-baka Jeu 3 Oct 2013 - 12:22

J'ai su le faire en effet, c'est pour la partie, vous éventuellement.... Mais voilà ce que ça donne sur un forum :

http://kapouekapoue.forumactif.org/t410-hijo-de-la-luna

Alors que sur mon logiciel de traitement de texte HTMl ça marche niquel....
Yuuki-baka-baka

Yuuki-baka-baka
Nouveau membre

Messages : 19
Inscrit(e) le : 02/04/2010

http://itsgravitation.forumactif.org/
Yuuki-baka-baka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de balise style

Message par Brandys Jeu 3 Oct 2013 - 13:02

Vous avez posté exactement le même code que ci-dessus pour votre post?

J'ai repris votre code, tel qu'il est, et je l'ai essayé sur un forum banale et ça fonctionne également.
http://guildeksauce.monally.com/t80-testesxxx-xx
avatar

Brandys
*

Masculin
Messages : 30
Inscrit(e) le : 11/07/2010

Brandys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de balise style

Message par Yuuki-baka-baka Jeu 3 Oct 2013 - 14:17

C'est très étrange...Je vais réessayer...
Non je le recopie tel quel est ça ne marche pas.

http://kapouekapoue.forumactif.org/t412-pikachupiou#1325

La preuve.....
Yuuki-baka-baka

Yuuki-baka-baka
Nouveau membre

Messages : 19
Inscrit(e) le : 02/04/2010

http://itsgravitation.forumactif.org/
Yuuki-baka-baka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de balise style

Message par Brandys Jeu 3 Oct 2013 - 14:28

Tiens, j'ai eu le même souci que toi qui a disparu ensuite.

Ce que j'ai fais, j'ai copier le code et j'ai prévisualisé, ça fonctionnait pas. Puis j'ai vu que "Basculer en mode édition" était sélectionné. Je l'ai déselectionné et j'ai recopier le texte au dessus du reste. Par défaut, les balises
Code:
[code]..[/code]
ce sont affichés, je les ai juste retiré et j'ai validé. Ca marchait \o/
avatar

Brandys
*

Masculin
Messages : 30
Inscrit(e) le : 11/07/2010

Brandys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de balise style

Message par Scoubifitz Jeu 3 Oct 2013 - 14:34

Bonjour,

L’effet "slide" fonctionne uniquement si tout ce qui est entre les balises "style" est sur une seule ligne .

Le même code avec le style sur une seule ligne .
Code:
<center><blockquote style="z-index:3; width:550px;position:relative; margin-bottom:-25px; height:150px;background:url(http://img11.hostingpics.net/pics/115404SouthBrakesImage.png);box-shadow:#FFF 0px 0px 2px;"></blockquote><div style="z-index: 50; position:relative; width:200px; text-shadow:#FFF 0px 0px 3px; color:#FFF; background: #444; background: linear-gradient( #170e0e, #2D1972); border-radius:60px; font-size:22px; padding:15px;">South Brakes</div>
<div style="border-radius:90px; background:url(http://img11.hostingpics.net/pics/298233PatterndeSouthinou.png);z-index: 10; position:relative;margin-top:-42px;width:550px; box-shadow:#FFF 0px 0px 5px; color:#EB702B; text-align:left; font-size:13px; background-color:#FFF; padding:15px;"><br><center><strong style="text-shadow:#FFF 0px 0px 3px; color:#FFF; font-size:20px !important; margin:25px;">Rps</strong><div style="width:400px;background-color:#000000;border-radius:25px;padding:10px;color:#FFFFFF; margin:10px;">South est un garçon particulier, enfant de la lune, il est difficile de s'attacher à lui, vu qu'il refuse de s'attacher à quiconque. Ses réactions sont parfois étranges, il est toujours ailleurs, et n'aime personne, sauf éventuellement sa grande soeur Metzarel, et encore.</div><br></center><center><table><td style="width:150px;height:200px; background-color:#000000;border-radius:25px;padding:10px;color:#FFFFFF; margin:10px;"><b>En cours</b>

- Rien.
- Rien.
- Rien !</td><td style="width:150px;height:200px; background-color:#000000;border-radius:25px;padding:10px;color:#FFFFFF; margin:10px; overflow:auto;"><b>Fini</b>

- Rien.
- Rien.
- Rien !</td><td style="width:150px;height:200px; background-color:#000000;border-radius:25px;padding:10px;color:#FFFFFF; margin:10px;"><b>Abandonnés</b>

- Rien.
- Rien.
- Rien !</td></div></table><br><strong style="text-shadow:#FFF 0px 0px 3px; color:#FFF; font-size:20px !important; margin:25px;">Relations</strong><div style="width:400px;background-color:#000000;border-radius:25px;padding:10px;color:#FFFFFF; margin:10px;">South ne cherche personne....A part peut-être <strong style="color#C6E4F7;">quelqu'un qui tente coûte que coûte de le faire redescendre sur terre</strong> ou encore.... <strong style="color:#C6E4F7;">des loups-garous qui savent ce qu'il est et qui veulent s'attirer ses faveurs, ou l'inverse</strong> ou même pourquoi pas <strong style="color:#C6E4F7;">un ou une chasseur qui ne saurais pas quoi faire de lui. Le tuer, ou l'utiliser ?</strong></div>
<style>.catte {width: 400px; height: 100px; overflow: hidden; border-radius:10px; background-color:#000; } .catte_img {position: relative; z-index: 2; width: 400px; height: 100px; margin-left: 0px; transform: all; -moz-transform: all;-o-transform: all;-htm-transform: all;-webkit-transform: all; transition: 1s;-o-transition: 1s; border-radius:10px;-htm-transition: 1s;-webkit-transition: 1s; } .catte:hover .catte_img { margin-left: 400px;transform: all;-moz-transform: all;-o-transform: all;-htm-transform: all;-webkit-transform: all;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s; } .catte_description {position: relative;z-index: 1;width: 400px;height: 100px;font-size:11px;margin-top: -60px;text-align: justify;font-size: 11px;color: #FFF;padding: 3px;overflow: auto;text-align:center; }</style>
<div class="catte"><div class="catte_img"><img src="http://img11.hostingpics.net/pics/130327Vouspeutetre.png" /></div><div class="catte_description">Vous éventuellement :)</div></div><div style="clear: both;"></div>
<br>
<strong style="text-shadow:#FFF 0px 0px 3px; color:#FFF; font-size:16px !important; margin:25px;">N'hésitez pas à demander !!</strong><br><br>
Code par Red Reetmine/South Brakes/Yuuki Seijaku</center></div>
</center>
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de balise style

Message par Yuuki-baka-baka Jeu 3 Oct 2013 - 14:39

Alors je ne sais ce qui a marché, mais je crois que Scoubifitz a trouvé la solution (même si je ne doute pas de ce que tu m'as dis, Brandys) donc grâce à vous deux ça marche n.n (je retiens la solution de Brandys au cas où d'autres problèmes)
Merci beaucoup à vous deux :DD.
Yuuki-baka-baka

Yuuki-baka-baka
Nouveau membre

Messages : 19
Inscrit(e) le : 02/04/2010

http://itsgravitation.forumactif.org/
Yuuki-baka-baka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de balise style

Message par Scoubifitz Jeu 3 Oct 2013 - 14:42

Dans un message , il ne faut pas mettre de retour à la ligne dans le style .
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de balise style

Message par Brandys Jeu 3 Oct 2013 - 14:43

Scoubifitz a écrit:Dans un message , il ne faut pas mettre de retour à la ligne dans le style .
Je suis entièrement d'accord avec lui, je suis bête de ne pas y avoir prêter attention. Notamment que j'ai copier/coller directement dans Notepad++ (qui met tous sur la même ligne) pour tester.

En tout cas de rien et n'oublie pas d'éditer ton premier post et de cocher la case résolu

Bien à toi,

Brandys
avatar

Brandys
*

Masculin
Messages : 30
Inscrit(e) le : 11/07/2010

Brandys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de balise style

Message par Chacha Jeu 3 Oct 2013 - 14:51

Brandys a écrit:En tout cas de rien et n'oublie pas d'éditer ton premier post et de cocher la case résolu
Problème de balise style Warnin10Bonjour,

Merci de laisser la modération à la... modération !

Je vous invite à lire :


A bientôt sur ForumActif Smile
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum