Bonjour :)
J'ai trouvé une très belle fiche de liens sur votre forum, mais j'ai beau chippoter je n'arrive pas à la couper en trois en gardant le crédit sur la fiche en elle-même et non en dessous comme une malheureuse
Le lien de la fiche : https://www.never-utopia.com/t49954-fiche-de-liens-dans-les-tons-marrons-version-2
La fiche avec mes images :
Ce que je voudrais réaliser :
Avoir un sujet avec la présentation donc le titre les relations de + image + le cadre de présentation (avec les crédits en dessous)
un sujet avec le fameux gif et un titre famille / amis / ennemis + forcément un lien dans un sens, un lien dans l'autre sens comme c'est le cas actuellement (avec les crédits en dessous) et que le texte du second lien soit... lisible XD
Merci merci beaucoup :)
J'ai trouvé une très belle fiche de liens sur votre forum, mais j'ai beau chippoter je n'arrive pas à la couper en trois en gardant le crédit sur la fiche en elle-même et non en dessous comme une malheureuse
Le lien de la fiche : https://www.never-utopia.com/t49954-fiche-de-liens-dans-les-tons-marrons-version-2
La fiche avec mes images :
- Spoiler:
Relations de
* Demyan Draghsteel *
Histoire et caractère de votre personnage en quelques lignes.
Amis
Name♠ who are youlacus sem. Vestibulum facilisis eleifend nibh. Vestibulum ac suscipit risus. Vestibulum molestie sapien sit amet urna egestas fringilla. Curabitur a nulla placerat dui sagittis sagittis. Nullam adipiscing orci sed orci scelerisque, scelerisque vestibulum neque rutrum. Maecenas at dui viverra, egestas dolor at, dictum turpis.
Aenean quis nisl quis turpis ultrices molestie. Donec laoreet sodales viverra. Duis mollis eu massa a volutpat. Donec ac dapibus tortor. Maecenas a ipsum feugiat nisi pharetra molestie. Mauris enim orci, dapibus sed rutrum at, vestibulum suscipit augue. Nunc a sapien id eros imperdiet suscipit. Maecenas tempor lobortis lobortis. Vestibulum eu sem eu arcu venenatis convallis id eu justo.
Name♠ who are youlacus sem. Vestibulum facilisis eleifend nibh. Vestibulum ac suscipit risus. Vestibulum molestie sapien sit amet urna egestas fringilla. Curabitur a nulla placerat dui sagittis sagittis. Nullam adipiscing orci sed orci scelerisque, scelerisque vestibulum neque rutrum. Maecenas at dui viverra, egestas dolor at, dictum turpis.
Aenean quis nisl quis turpis ultrices molestie. Donec laoreet sodales viverra. Duis mollis eu massa a volutpat. Donec ac dapibus tortor. Maecenas a ipsum feugiat nisi pharetra molestie. Mauris enim orci, dapibus sed rutrum at, vestibulum suscipit augue. Nunc a sapien id eros imperdiet suscipit. Maecenas tempor lobortis lobortis. Vestibulum eu sem eu arcu venenatis convallis id eu justo.
Ennemis
Name♠ who are youlacus sem. Vestibulum facilisis eleifend nibh. Vestibulum ac suscipit risus. Vestibulum molestie sapien sit amet urna egestas fringilla. Curabitur a nulla placerat dui sagittis sagittis. Nullam adipiscing orci sed orci scelerisque, scelerisque vestibulum neque rutrum. Maecenas at dui viverra, egestas dolor at, dictum turpis.
Aenean quis nisl quis turpis ultrices molestie. Donec laoreet sodales viverra. Duis mollis eu massa a volutpat. Donec ac dapibus tortor. Maecenas a ipsum feugiat nisi pharetra molestie. Mauris enim orci, dapibus sed rutrum at, vestibulum suscipit augue. Nunc a sapien id eros imperdiet suscipit. Maecenas tempor lobortis lobortis. Vestibulum eu sem eu arcu venenatis convallis id eu justo.
Name♠ who are youlacus sem. Vestibulum facilisis eleifend nibh. Vestibulum ac suscipit risus. Vestibulum molestie sapien sit amet urna egestas fringilla. Curabitur a nulla placerat dui sagittis sagittis. Nullam adipiscing orci sed orci scelerisque, scelerisque vestibulum neque rutrum. Maecenas at dui viverra, egestas dolor at, dictum turpis.
Aenean quis nisl quis turpis ultrices molestie. Donec laoreet sodales viverra. Duis mollis eu massa a volutpat. Donec ac dapibus tortor. Maecenas a ipsum feugiat nisi pharetra molestie. Mauris enim orci, dapibus sed rutrum at, vestibulum suscipit augue. Nunc a sapien id eros imperdiet suscipit. Maecenas tempor lobortis lobortis. Vestibulum eu sem eu arcu venenatis convallis id eu justo.
Jawilsia sur Never Utopia
- Code:
<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Marck+Script' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Josefin+Slab' rel='stylesheet' type='text/css'>
<style>.icone{opacity : 0.5; transition : 1s }.icone:hover{opacity :1} .nomdupersonnage{text-align: center; font-size: 15px; color: #050505; text-transform : uppercase; transition :1s}.nomdupersonnage:hover{letter-spacing :3px}.typederelation{text-align: center; font-size: 13px; color: #050505;text-transform :lowercase; font-weight : italic; } .titre{text-align: center; transition :1s; text-shadow : 2px 2px 2px #382c23; color: #f8f5f8}.titre:hover{letter-spacing :4px}</style>
<center>
<div style = "width : 530px;border: solid 2px #946f53; box-shadow : 2px 2px 10px #a0a0a0; border-radius : 180px; background-color: #6b5748">
<img src ="https://media.giphy.com/media/Hb6AundOqHhwQ/giphy.gif" style ="width 500px; border-radius : 5px; border: solid 2px #946f53">
<div class = "titre" style ="font-family: 'Marck Script', cursive; font-size : 55px; margin-top : -10px; ">Relations de
* Demyan Draghsteel *</div>
<table><tr><td><div class="icone"><img src="http://mediamass.net/jdd/public/documents/celebrities/5621.jpg" style="width: 200px; border: solid 2px #ad9684; box-shadow : 2px 2px 10px #a0a0a0; border-radius : 50px ; " /></div></td><td><div style=" width : 200px; height : 200px; overflow : auto ; background-color: #ad9684; padding : 5px; border: solid 1px #946f53; "><div style ="width: 180px; text-align : justify; padding: 10px;">Histoire et caractère de votre personnage en quelques lignes.
</div></div></td></tr></table>
<br>
<div class = "titre" style ="font-family: 'Marck Script', cursive; font-size : 45px; margin-bottom : -25px; ">Amis</div>
<div style = "width : 500px;border: solid 2px #946f53; box-shadow : 2px 2px 10px #a0a0a0; border-radius : 50px; background-color: #ad9684 ">
<table><tr><td><div class="icone"><img src="https://i37.servimg.com/u/f37/11/45/43/04/bj10.jpg" style="width: 100px; border: solid 2px #946f53; box-shadow : 2px 2px 10px #a0a0a0; border-radius : 100px; " /></div></td><td><div style=" width : 300px; height : 150px; overflow : auto ; background-color: #b88a67; padding : 5px; border: solid 1px #946f53; border-radius : 0px;margin-left: -200px"><div style ="width: 280px; text-align : justify; padding: 10px;"><div class="nomdupersonnage">Name</div><div class="typederelation">♠ who are you</div>lacus sem. Vestibulum facilisis eleifend nibh. Vestibulum ac suscipit risus. Vestibulum molestie sapien sit amet urna egestas fringilla. Curabitur a nulla placerat dui sagittis sagittis. Nullam adipiscing orci sed orci scelerisque, scelerisque vestibulum neque rutrum. Maecenas at dui viverra, egestas dolor at, dictum turpis.
Aenean quis nisl quis turpis ultrices molestie. Donec laoreet sodales viverra. Duis mollis eu massa a volutpat. Donec ac dapibus tortor. Maecenas a ipsum feugiat nisi pharetra molestie. Mauris enim orci, dapibus sed rutrum at, vestibulum suscipit augue. Nunc a sapien id eros imperdiet suscipit. Maecenas tempor lobortis lobortis. Vestibulum eu sem eu arcu venenatis convallis id eu justo.
</div></div></td>
<tr><tr><td><br><div style=" width : 300px; height : 150px; overflow : auto ; background-color: #946f53; padding : 5px; border: solid 1px #b88a67; "><div style ="width: 280px; text-align : justify; padding: 10px;"><div class="nomdupersonnage">Name</div><div class="typederelation">♠ who are you</div>lacus sem. Vestibulum facilisis eleifend nibh. Vestibulum ac suscipit risus. Vestibulum molestie sapien sit amet urna egestas fringilla. Curabitur a nulla placerat dui sagittis sagittis. Nullam adipiscing orci sed orci scelerisque, scelerisque vestibulum neque rutrum. Maecenas at dui viverra, egestas dolor at, dictum turpis.
Aenean quis nisl quis turpis ultrices molestie. Donec laoreet sodales viverra. Duis mollis eu massa a volutpat. Donec ac dapibus tortor. Maecenas a ipsum feugiat nisi pharetra molestie. Mauris enim orci, dapibus sed rutrum at, vestibulum suscipit augue. Nunc a sapien id eros imperdiet suscipit. Maecenas tempor lobortis lobortis. Vestibulum eu sem eu arcu venenatis convallis id eu justo.
</div></div></td><td><div class="icone"><img src="https://i37.servimg.com/u/f37/11/45/43/04/bj10.jpg" style="width: 100px; border: solid 2px #946f53; box-shadow : 2px 2px 10px #a0a0a0; border-radius : 100px;" /><br></div></td></tr></table><br></div>
<br>
<div class = "titre" style ="font-family: 'Marck Script', cursive; font-size : 45px; margin-bottom : -25px; ">Ennemis</div>
<div style = "width : 500px;border: solid 2px #946f53; box-shadow : 2px 2px 10px #a0a0a0; border-radius : 50px; background-color: #ad9684 ">
<table><tr><td><div class="icone"><img src="https://i37.servimg.com/u/f37/11/45/43/04/bj10.jpg" style="width: 100px; border: solid 2px #946f53; box-shadow : 2px 2px 10px #a0a0a0; border-radius : 100px; " /></div></td><td><div style=" width : 300px; height : 150px; overflow : auto ; background-color: #b88a67; padding : 5px; border: solid 1px #946f53; margin-left: -200px"><div style ="width: 280px; text-align : justify; padding: 10px;"><div class="nomdupersonnage">Name</div><div class="typederelation">♠ who are you</div>lacus sem. Vestibulum facilisis eleifend nibh. Vestibulum ac suscipit risus. Vestibulum molestie sapien sit amet urna egestas fringilla. Curabitur a nulla placerat dui sagittis sagittis. Nullam adipiscing orci sed orci scelerisque, scelerisque vestibulum neque rutrum. Maecenas at dui viverra, egestas dolor at, dictum turpis.
Aenean quis nisl quis turpis ultrices molestie. Donec laoreet sodales viverra. Duis mollis eu massa a volutpat. Donec ac dapibus tortor. Maecenas a ipsum feugiat nisi pharetra molestie. Mauris enim orci, dapibus sed rutrum at, vestibulum suscipit augue. Nunc a sapien id eros imperdiet suscipit. Maecenas tempor lobortis lobortis. Vestibulum eu sem eu arcu venenatis convallis id eu justo.
</div></div></td>
<tr><tr><td><br><div style=" width : 300px; height : 150px; overflow : auto ; background-color: #946f53; padding : 5px; border: solid 1px #b88a67; ><div style ="width: 280px; text-align:justify; padding: 10px;"><div class="nomdupersonnage">Name</div><div class="typederelation">♠ who are you</div>lacus sem. Vestibulum facilisis eleifend nibh. Vestibulum ac suscipit risus. Vestibulum molestie sapien sit amet urna egestas fringilla. Curabitur a nulla placerat dui sagittis sagittis. Nullam adipiscing orci sed orci scelerisque, scelerisque vestibulum neque rutrum. Maecenas at dui viverra, egestas dolor at, dictum turpis.
Aenean quis nisl quis turpis ultrices molestie. Donec laoreet sodales viverra. Duis mollis eu massa a volutpat. Donec ac dapibus tortor. Maecenas a ipsum feugiat nisi pharetra molestie. Mauris enim orci, dapibus sed rutrum at, vestibulum suscipit augue. Nunc a sapien id eros imperdiet suscipit. Maecenas tempor lobortis lobortis. Vestibulum eu sem eu arcu venenatis convallis id eu justo.
</div></div></td><td> <div class="icone"><img src="https://i37.servimg.com/u/f37/11/45/43/04/bj10.jpg" style="width: 100px; border: solid 2px #946f53; box-shadow : 2px 2px 10px #a0a0a0; border-radius : 100px;" /></div></td></tr></table><br></div><br>
<a style="color: #946f53; font-size: 10px; padding : 0px; font-family: 'Josefin Slab', serif; letter-spacing: 2px;" href="http://www.never-utopia.com/"> Jawilsia sur Never Utopia</a><br>
</div>
</center>
Ce que je voudrais réaliser :
Avoir un sujet avec la présentation donc le titre les relations de + image + le cadre de présentation (avec les crédits en dessous)
un sujet avec le fameux gif et un titre famille / amis / ennemis + forcément un lien dans un sens, un lien dans l'autre sens comme c'est le cas actuellement (avec les crédits en dessous) et que le texte du second lien soit... lisible XD
Merci merci beaucoup :)
![Modifier une fiche de relations (séparer en deux sujets) [annulée] 5_25](https://2img.net/h/roadmap2015.s3.amazonaws.com/wp-content/uploads/2009/05/5_25.jpg)
