Bonjour!
Ce serait une question pour le petit texte sur le côté derrière l'avatar. Je me demandais la longueur et comment le texte doit être pour être capable d'en avoir un personnalisé sans que l'avatar fasse de la folie.
Merci d'avance!

Bonjour !
Avant de pouvoir te répondre, est-ce que tu pourrais envoyer un lien ou une image pour appuyer ton problème ^^ ?

Merci d'avance ! :whut:

En fait, c'est les mots " THIS IS THE WAY YOU SAW ME" derrière l'image qui dit que la photo doit être de 150*300

Alors alors ! Après quelques recherches, vu comment la fiche est codée, il faudrait presque entièrement la refaire pour pouvoir changer tout correctement :/
Du coup, il faudrait que le texte que tu veuilles mettre à la place n'excède pas le nombre de mots déjà présents si possible !

Ah! Okay, donc que le mot en rouge soit à la même place? Et aussi, si c'est possible, est-ce que les couleurs sont changeable? Car j'adore le design du code, mais les couleurs ne marchent pas vraiment avec mon personnage. Au pire, je peux changer moi-même le code, juste me dire quoi changer et le remplacer par quoi. M'enfin, je comprend si vous refusez...

Oui que le mot en rouge soit à la même place !

Pour les couleurs, tu es libre de les changer autant que tu veux tant que tu ne retires pas le crédit ^^ ! Cette fiche est un peu spéciale pour cela justement, ayant souvent été plagiée; si tu bouges le moindre élément de cette fiche elle ne marche plus du tout mais c'est pour éviter le plagiat, j'espère que tu comprends !

Tu souhaiterais changer quelle couleur ? Je pourrais t'aguiller comme ça !

Oh! Oui, je comprend parfaitement! Et merci de vous proposer pour le changer. En fait, le rouge pale du genre de triangle du haut et dans le texte entre <*b><*/b> serait en #B4DA1B et le rouge foncé du Tag serait en #32CD32 s'il vous plait.
Merci encore de votre temps!

Hop, normalement avec ceci ça devrait être bon !

Code:

<link href="https://fonts.googleapis.com/css?family=Lato|Oswald" rel="stylesheet"><link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet"><div class="myrddin_fond"> <a target="_blank" href="http://epsilon-ls.forumactif.com/"><span class="sf sf-stars"></span></a><div class="myrddin_left"><div class="myrddin_title">we were born to make <b>history</b></div><div class="myrddin_txt">Lorem ipsum <b>dolor sit amet</b>, consectetur adipiscing elit. Aliquam varius, dolor in ultrices semper, tortor eros iaculis orci, vel condimentum augue orci ut leo. Suspendisse sed viverra orci, aliquam porta lorem. Phasellus id magna nec sem ornare eleifend. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla viverra convallis nisl a sollicitudin. Maecenas eget pulvinar odio, quis blandit nisi. Quisque tortor magna, luctus id nulla ut, porta luctus erat.Phasellus auctor sem eget lectus egestas, <em>quis viverra tortor pulvinar</em>. Nulla congue molestie vehicula. In luctus at augue eget ultricies. Mauris a lobortis lectus. Etiam finibus purus a vulputate interdum. Vivamus fermentum nibh ut quam euismod, et eleifend lectus pellentesque. Praesent bibendum posuere dolor ut malesuada. Duis et diam ac risus dignissim gravida. Vivamus vehicula ante viverra felis facilisis, sit amet imperdiet nisl eleifend. Proin sed nisl vitae arcu gravida hendrerit. Donec nisl arcu, sodales quis sapien lacinia, pellentesque ultricies ante. Duis libero sem, tincidunt vitae fringilla at, pellentesque ut risus. Nulla purus erat, semper ac euismod in, maximus ac ante.Curabitur fermentum tincidunt tristique. Duis consequat felis in porttitor volutpat. Mauris blandit ultrices pulvinar. Donec feugiat molestie dui quis venenatis. Sed placerat, erat non commodo semper, elit neque congue velit, non malesuada neque dolor in felis. Morbi nulla nunc, fermentum eu eros quis, congue sollicitudin quam. Sed ac ligula volutpat, vehicula dolor ut, gravida metus. Mauris id euismod arcu. Suspendisse ac pellentesque augue. Pellentesque vitae aliquet dolor, sed sagittis risus. Suspendisse eu finibus arcu. Curabitur sed ipsum nec ante dapibus tristique non ac quam. Fusce eget justo eget leo viverra lacinia imperdiet non ipsum. Donec tincidunt pellentesque lectus, a condimentum lectus convallis ac. Pellentesque venenatis massa augue, sed vehicula ligula gravida in. Praesent tempus nec massa at congue.</div></div><div class="myrddin_right"><h1>And this was just the</h1><em>way</em><h1>you saw me</h1><div class="myrddin_face"><img src="http://placehold.it/150x300/"/></div></div><div class="myrddin_bas"><h1>@tag name</h1> <h2>Notes here and keep it short it doesn't scroll</h2></div></div><div class="myrddin_credit"><a target="_blank" href="http://epsilon-ls.forumactif.com/"/>e p s i l o n</a></div><style>.myrddin_txt::-webkit-scrollbar{width: 5px; height: 10px; background: black; box-shadow:1px 1px 2px black;}.myrddin_txt::-webkit-scrollbar-thumb:vertical{height: 30px; -webkit-border-radius: 2px; background-color: #454545;}.myrddin_txt::-webkit-scrollbar-thumb:horizontal{height: 30px; -webkit-border-radius:5px;}.myrddin_fond{background:#131313; margin:0 auto; width:520px; display:flex; background-image:url(https://imgur.com/bnYt5zX.png); flex-wrap:wrap;}.myrddin_fond span{position:absolute; color:rgba(0, 0, 0, 0.2); font-size:200px; margin-left:180px;}.myrddin_left{width:330px; padding:10px; height:600px; background:#2c2c2c;}.myrddin_title{border-bottom: 50px solid transparent; line-height: 34px; border-left: 30px solid #B4DA1B; height:0px; color:#3e3e3e; font:25px Oswald; text-transform:lowercase; position:relative; text-shadow:1px 1px 1px #111111;}.myrddin_title b{color:#8d2525;}.myrddin_txt{text-align:justify; overflow:auto; padding:10px; color:#717171; font:12px arial; height:490px; margin-top:25px; position:relative; line-height:15px;}.myrddin_txt b{color:#d43131; font-family:Lato;}.myrddin_txt em{color:#dadada; font-family:oswald;}.myrddin_right{width:170px; text-align:right; overflow:hidden; height:620px;}.myrddin_right h1{font: 99px lato; color: #e2e2e2; letter-spacing: 2px; text-transform: uppercase; width: 170px; margin-top: -20px; font-weight: bold; line-height: 70px; mix-blend-mode: soft-light;}.myrddin_right em{font:90px lato; color:#B4DA1B; font-style:italic; text-transform:uppercase; opacity:0.2; font-weight:bold; width:170px; letter-spacing:2px; padding:10px; line-height:0px; text-shadow:1px 1px 2px black;}.myrddin_face{position:absolute; margin-top:-550px; margin-left:10px; border: solid 1px black; outline: 1px solid #454545; box-shadow: 0px 0px 3px darkred; outline-offset: -2px; overflow:hidden;}.myrddin_face img{width:150px; height:300px;}.myrddin_bas{background:#131313; margin:0 auto; width:500px; height:50px; padding:10px;}.myrddin_bas h1{font:10px Calibri; text-transform:uppercase; letter-spacing:1px; width:150px; background:#32CD32; padding:10px; margin-left:10px;color:#dadada; box-shadow:5px 5px 10px #272727; float:left;}.myrddin_bas h2{padding:10px 10px 10px 20px; font:11px calibri; color:#dadada; float:right; width: 288px;}.myrddin_credit{text-align:center;}.myrddin_credit a{font:9px calibri; text-transform:uppercase; color:black; letter-spacing:2px;}</style>

Oh! Le triangle et le tag sont bon, mais les trucs entre <*b> <*/b> sont encore rouge. Ce serait vraiment sympatoche de le changer aussi, mais si tu me dis quoi remplacer et par quoi je peux le faire!

My bad, j'avais mal lu effectivement ! Normalement cette fois, tout est bon :whut:

Code:

<link href="https://fonts.googleapis.com/css?family=Lato|Oswald" rel="stylesheet"><link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet"><div class="myrddin_fond"> <a target="_blank" href="http://epsilon-ls.forumactif.com/"><span class="sf sf-stars"></span></a><div class="myrddin_left"><div class="myrddin_title">we were born to make <b>history</b></div><div class="myrddin_txt">Lorem ipsum <b>dolor sit amet</b>, consectetur adipiscing elit. Aliquam varius, dolor in ultrices semper, tortor eros iaculis orci, vel condimentum augue orci ut leo. Suspendisse sed viverra orci, aliquam porta lorem. Phasellus id magna nec sem ornare eleifend. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla viverra convallis nisl a sollicitudin. Maecenas eget pulvinar odio, quis blandit nisi. Quisque tortor magna, luctus id nulla ut, porta luctus erat.Phasellus auctor sem eget lectus egestas, <em>quis viverra tortor pulvinar</em>. Nulla congue molestie vehicula. In luctus at augue eget ultricies. Mauris a lobortis lectus. Etiam finibus purus a vulputate interdum. Vivamus fermentum nibh ut quam euismod, et eleifend lectus pellentesque. Praesent bibendum posuere dolor ut malesuada. Duis et diam ac risus dignissim gravida. Vivamus vehicula ante viverra felis facilisis, sit amet imperdiet nisl eleifend. Proin sed nisl vitae arcu gravida hendrerit. Donec nisl arcu, sodales quis sapien lacinia, pellentesque ultricies ante. Duis libero sem, tincidunt vitae fringilla at, pellentesque ut risus. Nulla purus erat, semper ac euismod in, maximus ac ante.Curabitur fermentum tincidunt tristique. Duis consequat felis in porttitor volutpat. Mauris blandit ultrices pulvinar. Donec feugiat molestie dui quis venenatis. Sed placerat, erat non commodo semper, elit neque congue velit, non malesuada neque dolor in felis. Morbi nulla nunc, fermentum eu eros quis, congue sollicitudin quam. Sed ac ligula volutpat, vehicula dolor ut, gravida metus. Mauris id euismod arcu. Suspendisse ac pellentesque augue. Pellentesque vitae aliquet dolor, sed sagittis risus. Suspendisse eu finibus arcu. Curabitur sed ipsum nec ante dapibus tristique non ac quam. Fusce eget justo eget leo viverra lacinia imperdiet non ipsum. Donec tincidunt pellentesque lectus, a condimentum lectus convallis ac. Pellentesque venenatis massa augue, sed vehicula ligula gravida in. Praesent tempus nec massa at congue.</div></div><div class="myrddin_right"><h1>And this was just the</h1><em>way</em><h1>you saw me</h1><div class="myrddin_face"><img src="http://placehold.it/150x300/"/></div></div><div class="myrddin_bas"><h1>@tag name</h1> <h2>Notes here and keep it short it doesn't scroll</h2></div></div><div class="myrddin_credit"><a target="_blank" href="http://epsilon-ls.forumactif.com/"/>e p s i l o n</a></div><style>.myrddin_txt::-webkit-scrollbar{width: 5px; height: 10px; background: black; box-shadow:1px 1px 2px black;}.myrddin_txt::-webkit-scrollbar-thumb:vertical{height: 30px; -webkit-border-radius: 2px; background-color: #454545;}.myrddin_txt::-webkit-scrollbar-thumb:horizontal{height: 30px; -webkit-border-radius:5px;}.myrddin_fond{background:#131313; margin:0 auto; width:520px; display:flex; background-image:url(https://imgur.com/bnYt5zX.png); flex-wrap:wrap;}.myrddin_fond span{position:absolute; color:rgba(0, 0, 0, 0.2); font-size:200px; margin-left:180px;}.myrddin_left{width:330px; padding:10px; height:600px; background:#2c2c2c;}.myrddin_title{border-bottom: 50px solid transparent; line-height: 34px; border-left: 30px solid #B4DA1B; height:0px; color:#3e3e3e; font:25px Oswald; text-transform:lowercase; position:relative; text-shadow:1px 1px 1px #111111;}.myrddin_title b{color:#B4DA1B;}.myrddin_txt{text-align:justify; overflow:auto; padding:10px; color:#717171; font:12px arial; height:490px; margin-top:25px; position:relative; line-height:15px;}.myrddin_txt b{color:#B4DA1B; font-family:Lato;}.myrddin_txt em{color:#dadada; font-family:oswald;}.myrddin_right{width:170px; text-align:right; overflow:hidden; height:620px;}.myrddin_right h1{font: 99px lato; color: #e2e2e2; letter-spacing: 2px; text-transform: uppercase; width: 170px; margin-top: -20px; font-weight: bold; line-height: 70px; mix-blend-mode: soft-light;}.myrddin_right em{font:90px lato; color:#B4DA1B; font-style:italic; text-transform:uppercase; opacity:0.2; font-weight:bold; width:170px; letter-spacing:2px; padding:10px; line-height:0px; text-shadow:1px 1px 2px black;}.myrddin_face{position:absolute; margin-top:-550px; margin-left:10px; border: solid 1px black; outline: 1px solid #454545; box-shadow: 0px 0px 3px darkred; outline-offset: -2px; overflow:hidden;}.myrddin_face img{width:150px; height:300px;}.myrddin_bas{background:#131313; margin:0 auto; width:500px; height:50px; padding:10px;}.myrddin_bas h1{font:10px Calibri; text-transform:uppercase; letter-spacing:1px; width:150px; background:#32CD32; padding:10px; margin-left:10px;color:#dadada; box-shadow:5px 5px 10px #272727; float:left;}.myrddin_bas h2{padding:10px 10px 10px 20px; font:11px calibri; color:#dadada; float:right; width: 288px;}.myrddin_credit{text-align:center;}.myrddin_credit a{font:9px calibri; text-transform:uppercase; color:black; letter-spacing:2px;}</style>

Yup, tout est bon! Merci de ton temps! Passe une excellente restant de journée.

Pas de souci, n'hésites pas si jamais tu as de nouveau besoin de modification !

Une très bonne journée à toi aussi