rabble's templates
May 12, 2012 7:34:27 GMT -7
Post by rabble' on May 12, 2012 7:34:27 GMT -7
I was trying out some new things and made pink a template for her mist character♥
Oh, and hover over the images. Just sayin'
[newclass=pinkicon1]background: url(http://i47.tinypic.com/prqpw.png); height: 100px; width: 100px; opacity: 0; transition: 1.0; -webkit-transition:1.0s; -moz-transition: 1.0s; margin-top:-100px; position:relative;[/newclass]
[newclass=pinkicon1:hover]transition: 1.0s; -webkit-transition: 1.0s; -moz-transition: 1.0s; opacity: 1;[/newclass][newclass=pinkicon2]background: url(http://i46.tinypic.com/2vdi5gx.png); height: 100px; width: 100px; opacity: 0; transition: 1.0; -webkit-transition:1.0s; -moz-transition: 1.0s; margin-top:-100px; position:relative;[/newclass]
[newclass=pinkicon2:hover]transition: 1.0s; -webkit-transition: 1.0s; -moz-transition: 1.0s; opacity: 1;[/newclass][newclass=pinkicon3]background: url(http://i46.tinypic.com/2lkr6zm.png); height: 215px; width: 50px; opacity: 0; transition: 1.0; -webkit-transition:1.0s; -moz-transition: 1.0s; margin-top:-215px; position:relative;[/newclass]
[newclass=pinkicon3:hover]transition: 1.0s; -webkit-transition: 1.0s; -moz-transition: 1.0s; opacity: 1;[/newclass]
Oh, and hover over the images. Just sayin'
[newclass=pinkicon1]background: url(http://i47.tinypic.com/prqpw.png); height: 100px; width: 100px; opacity: 0; transition: 1.0; -webkit-transition:1.0s; -moz-transition: 1.0s; margin-top:-100px; position:relative;[/newclass]
[newclass=pinkicon1:hover]transition: 1.0s; -webkit-transition: 1.0s; -moz-transition: 1.0s; opacity: 1;[/newclass][newclass=pinkicon2]background: url(http://i46.tinypic.com/2vdi5gx.png); height: 100px; width: 100px; opacity: 0; transition: 1.0; -webkit-transition:1.0s; -moz-transition: 1.0s; margin-top:-100px; position:relative;[/newclass]
[newclass=pinkicon2:hover]transition: 1.0s; -webkit-transition: 1.0s; -moz-transition: 1.0s; opacity: 1;[/newclass][newclass=pinkicon3]background: url(http://i46.tinypic.com/2lkr6zm.png); height: 215px; width: 50px; opacity: 0; transition: 1.0; -webkit-transition:1.0s; -moz-transition: 1.0s; margin-top:-215px; position:relative;[/newclass]
[newclass=pinkicon3:hover]transition: 1.0s; -webkit-transition: 1.0s; -moz-transition: 1.0s; opacity: 1;[/newclass]
[/style]
[/td][td][atrb=style,vertical-align:top;][atrb=border,0,true][atrb=style,width:300px; background: #FFFEEA; border-top: 5px solid #007CAE; border-right: 5px solid #007CAE; border-left: 5px solid #DCB8A8; border-bottom: 5px solid #DCB8A8; vertical-align:top;][style=width:300px; text-align:justify; font:8pt verdana; color:#DCB8A8; padding:5px;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. "Sample dialogue with 007CAE!" Praesent quis turpis sapien, id porta ligula. Etiam enim felis, euismod a vulputate ultrices, hendrerit eget libero. Etiam ante mi, imperdiet eget malesuada nec, mattis sed ipsum. Aliquam aliquam nisi vel augue molestie eu tincidunt massa lobortis. Aenean ligula tortor, dignissim ac scelerisque non, pulvinar eget dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In hac habitasse platea dictumst. Vestibulum luctus dui ut dolor porta tincidunt. Integer consequat enim id dui tristique id mollis nisl dapibus. In condimentum molestie dictum. Aliquam aliquam nisl et ligula condimentum laoreet. Mauris sagittis augue at neque rutrum vitae aliquet dolor iaculis. Pellentesque facilisis felis at diam dictum semper. Sed egestas nulla non magna feugiat sollicitudin. Curabitur mauris dui, molestie nec dignissim sit amet, tristique quis lorem. Vestibulum ultricies ullamcorper lectus in viverra. Donec blandit facilisis ante et vulputate. Sed ornare erat vel justo aliquam eu bibendum sapien convallis. Nulla facilisi. Aenean vehicula mollis nunc, at placerat neque suscipit a. Donec commodo metus vitae nulla mollis pharetra. Morbi malesuada lacus fringilla mauris tempor convallis. Phasellus pretium varius nulla et lobortis. Proin tempor erat nec est viverra eget malesuada est posuere. Curabitur luctus, ligula at pharetra sodales, velit sapien laoreet leo, eu dignissim orci sem a enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut metus nunc, faucibus eget sollicitudin quis, blandit in metus. Ut tristique dignissim urna, non feugiat sapien laoreet eget. Nullam iaculis, dui bibendum porta consequat, augue leo fermentum metus, sit amet rhoncus est eros eget diam. Etiam ut nisl ut nisl malesuada sagittis. Nulla malesuada semper nisi, quis hendrerit sem auctor eu. Nunc accumsan interdum eros, vel pretium ligula viverra a. Donec nec feugiat nibh. Suspendisse et dui dolor, ac porttitor lectus. |
[classy=pinkicon1] [/classy]
[classy=pinkicon3] [/classy]
[classy=pinkicon2] [/classy]
[/td][/tr][/table]