Content (Materials)

Bitesize decorations & codes to use on webpages

Decorations

BULLET POINTS

FONT

NAVIGATION & NOTIFICATIONS

RATINGS

TEXT BOX

How to Save the image of this text box and upload to your own server. Copy the code on the right to your desired webpage. Change the "IMG URL" in the code to your text box image url. Replace "Your text goes here" with your desired message. Credit and link back. Voilà!

<div style="width: 154px; height: 190px; background-image: url(IMG URL); border: none;"> <center> <div style="width: 150px; height: 59px; border:none;"> </div> <div style="width: 85px; height: 73px; overflow: auto; border: none; text-align: left;"> <small> Your text goes here </small> </div> </center> </div> Instructions • Save the image from here & upload to your own server. • Copy the code above to your desired webpage. • Change the "IMG URL" in the code to your text box image url. • Replace "Your text goes here" with your desired message. • Credit and link back. • Voilà!

THUMBNAIL BORDER

HTML Codes

TEXT DECORATIONS
Note: Some won't work for certain browsers / on mobile

Bold	Bounce	Italic	Scroll left	Scroll right
<b> your text here </b>	<marquee behavior="alternate"> your text here </marquee>	<i> your text here </i>	<marquee> your text here </marquee>	<marquee direction="right"> your text here </marquee>
Small	Strike	Sub Text	Sup Text	Underline
<small> your text here </small>	<strike> your text here </strike>	<sub> your text here </sub>	<sup> your text here </sup>	<u> your text here </u>

Resource

GENERATORS & MAKERS