{ 16; navigation } captain on the bridge.

[vital]

SOMETHING SERIOUS GOES HERE | navigation

»

RP GAME NAME | navigation APPLICATION | HMD | IC INBOX | CR CHART | THREADS PERMISSIONS | VISUALOCITIES | PLAYLIST | EXTRA

«

click the arrow !!

INSTRUCTIONS:

➊ copy:
<raw-code><div style="height: 210px; width:500px; overflow: hidden;"> <!---TABLE BACKGROUND PICTURE/TITLE---!> <a name="back"></a><table align="center" style="border-radius: 25px; margin-bottom: 200px;"> <tr><td style="border-radius: 25px; text-align: justify; vertical-align: middle;"><div style="width: 240px; height: 150px; background: url('http://25.media.tumblr.com/8bc28029e308394659a267fdc972ec03/tumblr_mvr04svYwa1qi0pl0o4_r1_250.gif'); border-radius: 35px; border: 3px solid #fefefe; box-shadow: 0px 0px 5px #000000;"> <div style="background: #000000; opacity: .75; width: 400px; border-radius: 0px 0px 0px 35px; position: relative; left: 1px; bottom: -122px; font-family: ms gothic; font-size: 14pt; color: #fefefe; letter-spacing: -1px; padding-left: 15px;">SOMETHING SERIOUS GOES HERE | navigation</span></div> </div></td> <td style="border-radius: 25px; text-align: justify; vertical-align: middle;"><a href="#nav"><span title="nav" style="text-decoration: none; color: #4e4e4e; font-size: 15pt;">»</span></a></td> </tr></table> <!---TABLE BACKGROUND PICTURE/TITLE---!>
➥ picture size is 250px by 150 px.
➥ to move around the picture's position, add the text highlighted in red:

background: url('IMGURL') #px #px;

➥ gif border color: #FEFEFE
➥ navigation background: #000000, opacity: .75

➋ copy:
<!---NAVIGATION---!> <a name="nav"></a><table align="center" style="border-radius: 25px; margin-bottom: 200px;"> <tr><td style="border-radius: 25px; text-align: justify; vertical-align: middle;"><div style="width: 240px; height: 150px; background: url('http://25.media.tumblr.com/8bc28029e308394659a267fdc972ec03/tumblr_mvr04svYwa1qi0pl0o4_r1_250.gif'); border-radius: 35px; border: 3px solid #fefefe; box-shadow: 0px 0px 5px #000000;"> <div style="background: #000000; opacity: .75; width: 400px; border-radius: 0px 0px 0px 35px; position: relative; left: 1px; bottom: -122px; font-family: ms gothic; font-size: 14pt; color: #fefefe; letter-spacing: -1px; padding-left: 25px;">RP GAME NAME | navigation</span></div> <div style="background: #A2C257; width: 265px; position: relative; left: 108px; bottom: -122px; font-family: arial; font-size: 8pt; color: #000000; padding: 5px; text-align: right; padding-right: 5px;"><a href="LINKURL"><span style="color: #000000; text-decoration: none;">APPLICATION</span></a> | <a href="LINKURL"><span style="color: #000000; text-decoration: none;">HMD</span></a> | <a href="LINKURL"><span style="color: #000000; text-decoration: none;">IC INBOX</span></a> | <a href="LINKURL"><span style="color: #000000; text-decoration: none;">CR CHART</span></a> | <span style="color: #000000; text-decoration: none;">THREADS</span></a> <a href="LINKURL"> <a href="LINKURL"><span style="color: #000000; text-decoration: none;">PERMISSIONS</span></a> | <a href="LINKURL"><span style="color: #000000; text-decoration: none;">VISUALOCITIES</span></a> | <a href="LINKURL"><span style="color: #000000; text-decoration: none;">PLAYLIST</span></a> | <a href="LINKURL"><span style="color: #000000; text-decoration: none;">EXTRA</span></a></div> </div></td> <td style="border-radius: 25px; text-align: justify; vertical-align: middle;"><a href="#back"><span title="back" style="text-decoration: none; color: #4e4e4e; font-size: 15pt;">«</span></a></td> </tr></table> <!---NAVIGATION---!> </div></raw-code>
➥ navigation background color: #A2C257
➥ link color: #000000

➌ if tested on: chrome, firefox, safari.
➍ problems and questions in the comments !!