Tutorial Simple Navigation with Freebies

Design > Page Elements > Add a Gadget > HTML/JavaScript



<center><div style="-moz-border-radius-bottomright: 50px 25px; -moz-border-radius: 1em 4em 1em 4em; background: url(URL BACKGROUND); border: 2px solid #ccc; padding: 5px; width: 210px;"><a href="LINK">TITLE </a> | <span id="goog_1755542995"></span><a href=" LINK">TITLE </a>  <span id="goog_1755542996"></span>| <a href=" LINK">TITLE </a> </div></center>


<center><div style="-moz-border-radius-bottomright: 50px 25px; -moz-border-radius: 1em 4em 1em 4em; background: url(URL BACKGROUND); border-bottom-right-radius: 50px 25px; border: 2px solid #ccc; padding: 5px; width: 210px;"><a href="LINK">TITLE </a> | <span id="goog_1755542995"></span> <a href="LINK">TITLE </a>  <span id="goog_1755542996"></span>|  <a href="LINK">TITLE </a> </div></center>


<center><div style="-moz-border-radius-bottomright: 50px 25px; -moz-border-radius: 1em 4em 1em 4em; -moz-border-radius: 25px 10px / 10px 25px; background: url( (URL BACKGROUND) ; border-radius: 25px 10px / 10px 25px; border: 2px solid #ccc; padding: 5px; width: 210px;"><a href="LINK">TITLE </a> | <span id="goog_1755542995"></span> <a href="LINK">TITLE </a>  <span id="goog_1755542996"></span>|  <a href="LINK">TITLE </a> </div></center>


<center><div style="-moz-border-radius: 1em 4em 1em 4em; background: url(URL BACKGROUND); border-radius: 1em 4em 1em 4em; border: 2px solid #ccc; padding: 5px; width: 210px;"><a href="LINK">TITLE </a> | <span id="goog_1755542995"></span> <a href="LINK">TITLE </a>  <span id="goog_1755542996"></span>|  <a href="LINK">TITLE </a> </div></center>


<center><div style="-moz-border-radius-bottomright: 50px; -moz-border-radius: 1em 4em 1em 4em; -moz-border-radius: 35px; background: url (URL BACKGROUND) ; border-radius: 35px; border: 2px solid #ccc; padding: 5px; width: 210px;"><a href="LINK">TITLE </a> | <span id="goog_1755542995"></span> <a href="LINK">TITLE </a>  <span id="goog_1755542996"></span>|  <a href="LINK">TITLE </a> </div></center>


<center><div style="-moz-border-radius-bottomright: 50px; -moz-border-radius: 1em 4em 1em 4em; background: url (URL BACKGROUND) ; border-bottom-right-radius: 50px; border: 2px solid #ccc; padding: 5px; width: 210px;"><a href="LINK">TITLE </a> | <span id="goog_1755542995"></span> <a href="LINK">TITLE </a>  <span id="goog_1755542996"></span>|  <a href="LINK">TITLE </a> </div></center>


<center><div style="-moz-border-radius-bottomright: 25px 50px; -moz-border-radius-bottomright: 50px 25px; -moz-border-radius: 1em 4em 1em 4em; background: url(URL BACKGROUND); border-bottom-right-radius: 25px 50px; border: 2px solid #ccc; padding: 5px; width: 210px;"><a href="LINK">TITLE </a> | <span id="goog_1755542995"></span> <a href="LINK">TITLE </a>  <span id="goog_1755542996"></span>|  <a href="LINK">TITLE </a> </div></center>

WARN NOTE LOL 
First of all, I would like to thanks cute Kihah for the basic code. Second, thanks to myself Lol cause coding an addition code for freebies. Third, please comment if you use one of them. Because it is freebies. Forth, don't chuuuuu dare to RE-FREEBIES this one.

11 comments:

I don't approve harsh comments (: