12-12-2017, 04:46 AM
I'm going to be adding to this to this post whenever I get the urge to code them. Feel free to use them as is, change the images and/or colors, and reuse them however you see fit within the Rift.
walk walk walk walk
talk talk talk talk
talk talk talk talk
Name
quotes go here
and you can have another line
and a quote can go here
and you can have another line
and a quote can go here
Code:
<center><link href="https://fonts.googleapis.com/css?family=Homemade+Apple" rel="stylesheet"><div style="width: 600px; background: #CECECB; border: 1px solid #DDDDDC; padding: 20px 0px 20px 0px;"><img src="https://c2.staticflickr.com/8/7775/17174720687_848e8aef57_z.jpg" style="border-radius:100%; width: 580px; border: 3px solid #E8E8EA;"><div style="width: 530px; background:#AAA9A7; padding: 20px; font-family: Times New Roman; font-size: 13px; color: #6E6A6A; text-align: justify; margin-top:10px; border: 3px solid #E8E8EA;">walk walk walk walk
<font color="#E0E0DE">talk talk talk talk</font></div>
<div style="width: 400px; height: 70px; font-family: 'Homemade Apple', cursive; font-size: 60px; color: #AAA9A7; text-shadow: 0px 0px 2px #E8E8EA; margin-top:5px;">Name</div><div style="width:400px; height:20px;font-family: times; font-size: 7px; color: #6E6A6A; line-height: 13px; text-transform: uppercase; letter-spacing: 2px; padding-top:5px;">quotes go here<br>and you can have another line<br><font color="#E8E8EA">and a quote can go here</font>
</div></div>
<div style="width: 600px; font-size:9px;"><a href="https://www.flickr.com/photos/catmccray/">image credit to catmccray at flickr</a></div> </center>
Name
quote goes along the top like this
Words go here talk talk talk
image credit to lucidtech @flickr.com
Code:
<center><link href="https://fonts.googleapis.com/css?family=Spectral+SC" rel="stylesheet"><div style="width: 480px; font-family: 'Spectral SC', serif; font-size: 70px; line-height: 100px; color: #000; text-shadow: #FD0042 0px 0px 5px; margin-bottom: -30px;">Name</div><div style="width: 600px; background: #000 url('https://c2.staticflickr.com/8/7035/6463603103_e09b3e15f1_z.jpg') no-repeat right bottom; min-height:400px; padding-bottom: 300px;"><div style="width: 530px; height: 60px; font-family: garamond; font-size: 11px; color: #01D5A3; letter-spacing: 2px; line-height: 100px;">quote goes along the top like this</div><div style="width:450px; background: rgba(0, 0, 0, 0.8); padding: 20px; border: solid 1px #FD0042; font-family: times; font-size: 13px; color: #B72919; text-align: justify;">Words go here <font color="#FDCA00">talk talk talk</font>
</div></div><div style="font size=8px"><a href="https://www.flickr.com/photos/chrish_99/">image credit to lucidtech @flickr.com</a></center>
quote goes along the top like this
quote goes along the top like this
quote goes along the top like this
quote goes along the top like this
quote goes along the top like this
Words go heretalk talk talk
Name
image credit to artdrauglis @flickr.com
Code:
<center><link href="https://fonts.googleapis.com/css?family=Sacramento" rel="stylesheet"><div style="width: 620px; border: 3px solid #2B150D;"><div style="width: 620px; height: 30px; background: #828F8D;"></div><div style="width: 620px; background: #000 url('https://c1.staticflickr.com/3/2227/2292052811_e202c66f1c_z.jpg') no-repeat top; padding-top: 50px;"><div style="width: 620px; background: #828F8D; height: 5px;"></div><div style="width: 620px; height: 10px;"></div><div style="width: 620px; background: #828F8D;"><div style="width: 600px; height: 50px; font-family: garamond; font-size: 11px; color: #2B150D; letter-spacing: 2px; line-height: 15px; padding-top:2px;">quote goes along the top like this<br>quote goes along the top like this<br>quote goes along the top like this</div><div style="width:580px; background: #717970; padding: 20px; font-family: times; font-size: 13px; color: #2B150D; text-align: justify;">Words go here<font color="#BFC7B9">talk talk talk</font>
</div><div style="width: 530px; height: 60px; font-family: 'Sacramento', cursive; font-size: 72px; color: #2B150D; line-height: 100px;">Name</div></div><div style="width: 620px; background: #000 url('https://c1.staticflickr.com/3/2227/2292052811_e202c66f1c_z.jpg') no-repeat center; margin-top: 0px;"><div style="width: 620px; background: #828F8D; height: 5px;"></div><div style="width: 620px; height: 40px;"></div><div style="width: 620px; height: 20px; background: #828F8D;"></div><div style="width: 620px; height: 10px;"></div><div style="width: 620px; height: 3px; background: #828F8D;"></div><div style="width: 620px; height: 5px;"></div></div>
</div></div><div style="font size=8px"><a href="https://www.flickr.com/photos/artdrauglis/">image credit to artdrauglis @flickr.com</a></center>