Le deal à ne pas rater :
Nike : Jusqu’à 50% sur les articles de fin de saison
Voir le deal

Partagez
 

 Texte horizontal

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Nowaki Hiroshi
Thèmiste
Nowaki Hiroshi

Nombre de messages : 167
Localisation : Dans le forum
Date d'inscription : 04/09/2006

Texte horizontal Empty
MessageSujet: Texte horizontal   Texte horizontal Icon_minitime27.08.15 17:10


TITRE
Un petit mot
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ullamcorper varius neque lacinia faucibus. Vivamus consequat elementum turpis, eu rhoncus massa cursus ut. Etiam semper tellus a ex faucibus placerat. Duis sagittis mollis nunc, et lobortis enim fringilla eget. Nam non nulla vel odio sagittis convallis et vitae tortor. Quisque gravida tempor neque ac aliquam. Quisque finibus dolor at lorem tempor ultricies. Duis sed lacus commodo, feugiat ligula eu, sollicitudin est. Etiam sed blandit nunc. Vivamus id ante gravida, interdum nunc id, luctus dolor. In eget nisl lacus. Fusce ante nunc, tincidunt eu felis at, aliquet scelerisque magna. Mauris facilisis dui at arcu consectetur, sed tincidunt mi ornare. Sed nec hendrerit elit. Pellentesque interdum nibh ut elit sagittis semper. Nunc vel ex eget tellus imperdiet laoreet eget sit amet urna.

Nullam id sapien est. Morbi suscipit lorem eget congue tincidunt. Aenean consectetur ligula et purus dapibus varius. Cras suscipit gravida erat, at condimentum ipsum pharetra nec. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur a felis porttitor, molestie turpis sed, sollicitudin metus. Sed maximus velit purus, nec dictum elit commodo eu. Mauris condimentum molestie facilisis. Suspendisse pretium, ligula iaculis ullamcorper ornare, orci quam sagittis risus, quis venenatis libero ex sed ipsum. Phasellus viverra sollicitudin varius. Vestibulum at hendrerit tortor. Donec pharetra tortor non metus interdum, sit amet cursus dui fermentum. Cras interdum, lacus vel cursus euismod, diam magna rutrum justo, ut tempus nibh leo in ligula. Phasellus eget ultrices est, malesuada blandit nulla. Etiam dictum, massa sed lacinia fermentum, ante ligula fermentum urna, sed auctor nunc nibh quis felis. Mauris lobortis pretium nisi, ut ullamcorper felis consequat in.


Code:
<style type="text/css">.hori {padding:5px; width:500px; height:10px; display:table-cell; background:#fff; transform:rotate(-90deg) translate( -101.6%,0); transform-origin:0.6em center; text-align:center;} .back {margin-top:1px; margin-left:30px; background:#FFF url(http://i39.servimg.com/u/f39/11/59/31/05/rxttnp10.jpg); width:400px; height:434px; color:#666; text-align:justify; overflow:auto; }</style>

source : http://codepen.io/gc-nomade/pen/JuAio
Revenir en haut Aller en bas
https://canal-graphessay.forumgaming.fr
Nowaki Hiroshi
Thèmiste
Nowaki Hiroshi

Nombre de messages : 167
Localisation : Dans le forum
Date d'inscription : 04/09/2006

Texte horizontal Empty
MessageSujet: Re: Texte horizontal   Texte horizontal Icon_minitime01.11.17 11:49

transform origin : change le point de rotation
9 px en hauteur centre
translate rotate (-90deg)
tralate (-100%)
position relative ; bloc parent
position absolu ; bloc text

position : absolute
transform : rotation (-90 deg)
bottom : 66px ;
left : -66 px ;
Revenir en haut Aller en bas
https://canal-graphessay.forumgaming.fr
 
Texte horizontal
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Signature Texte & gifs

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Canal-graph :: Partie codage :: Mémos Pratiques-
Sauter vers:  
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser