Liens 4.2
<link href='http://fonts.googleapis.com/css?family=Old+Standard+TT|Great+Vibes&subset=latin,latin-ext' rel='stylesheet' type='text/css'> <style>.urielgt {font-family: 'Great Vibes', cursive; color: #46282c; font-size: 50px; display: block; text-align: center; transition: 1s;} .urielgt:hover {color: #af272f; transition: 1s;} .urielst{font-family: 'Old Standard TT', serif; display: block; text-align: center; font-style: italic; font-variant: small-caps; color: #f2b45a;}.urielfond {width: 500px; background-color: #46282C; margin: auto; box-shadow: 0px 0px 10px #46282C; border-left: 4px solid #F2B45A} .urielavatar {border-right: 4px solid #F2B45A} #urielright {width: 270px; height: 300px; float: right; padding: 10px; text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; } .urieltitre{font-variant: small-caps; Text-shadow: 0px 0px 2px #F2B45A; display: block; letter-spacing: 4px; font-size: 13px; text-align: center; border-bottom: 1px dotted #AF272F; transition: 1s;} .urieltitre:hover {color: #AF272F; text-shadow: 0px 0px 2px #AF272F; transition: 1s; } #urielprez {height: 150px; padding-right: 5px; overflow: auto; } .uem{font-weight: bold; font-style: italic; transition: 1s;} .uem:hover {color: #AF272F; transition: 1s;} #urielinfos {height: 100px; overflow: hidden; } .urielfond a {text-decoration: none!important;font-weight: bold; color: #F2B45A; font-size: 8px; transition: 1s;} .urielfond a:hover {text-decoration: none!important; color: #AF272F; transition: 1s;}.urielfond2 {width: 420px; background-color: #46282C; margin: auto; box-shadow: 0px 0px 10px #46282C; border-left: 4px solid #F2B45A; border-right: 4px solid #F2B45A} .urielfond2 a {text-decoration: none!important;font-weight: bold; color: #F2B45A; font-size: 8px; transition: 1s;} .urielfond2 a:hover {text-decoration: none!important; color: #AF272F; transition: 1s;} .uem{font-weight: bold; font-style: italic; transition: 1s;} .uem:hover {color: #AF272F; transition: 1s;} #urielslide div {background-color: #46282C; padding: 10px; color: #A19D99; text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; width: 180px; height: 300px ; border-right: 4px solid #F2B45A; position: relative; overflow: hidden; } #urielslide div img {left: 0px; top: 0px; position: absolute; transition: transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out;} #urielslide div:hover img { transform: translateX(200px); -moz-transform: translateX(200px); -o-transform: translateX(200px); -webkit-transform: translateX(200px);} #urielslided div {background-color: #46282C; padding: 10px; color: #A19D99; text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; width: 180px; height: 300px ; border-left: 4px solid #F2B45A; position: relative; overflow: hidden; } #urielslided div img {left: 0px; top: 0px; position: absolute; transition: transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out;} #urielslided div:hover img { transform: translateX(-200px); -moz-transform: translateX(-200px); -o-transform: translateX(-200px); -webkit-transform: translateX(-200px);} .uriellien{height: 240px; overflow: auto;text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; display: block; padding: 5px; }</style>
<span class="urielgt">Le petit nom de cette catégorie de liens</span><span class="urielst">et un sous-titre, histoire d'avoir du charme!</span> <div class="urielfond2"><div style="float: left;"><div id="urielslide"><div><p><span class="urieltitre">here i am</span><span class="uriellien"> <span class="uem">Emphase! </span>Allez, n'aies pas peur, dit tout!</span><center><a href="">Présentation -</a><a href=""> Liens -</a><a href="https://fortunasmess.tumblr.com/">Fortuna</a></center></p><img src="https://2img.net/r/hpimg15/pics/981077Eric.png" /></div></div></div><div style="float: right;"><div id="urielslided"><div><p><span class="urieltitre">here i am</span><span class="uriellien"> <span class="uem">Emphase! </span> Bande de petits cachottiers je ne savais pas que vous aviez fait tout ça ensemble! </span><center><a href="">Présentation -</a><a href=""> Liens -</a><a href="https://fortunasmess.tumblr.com/">Fortuna</a></center></p><img src="https://2img.net/r/hpimg15/pics/981077Eric.png" /></div></div></div><div style="clear: both"></div></div>