Here I will post the codings for widgets whether they be advanced or simplistic. As asked by Roland and Kirito I will post the widgets asked of me to make.
Basic Staff Widget Coding:
- Code:
-
<img src="http://i.imgur.com/IEoRvho.png" border="0" alt="" /><a rel="nofollow" target="_blank" class="postlink" href="http://narutoageofthepast.rpg-board.net/u4"><img alt="" border="0" src="http://i.imgur.com/wASNxTS.png" /></a> <a href="http://narutoageofthepast.rpg-board.net/u93" class="postlink" target="_blank" rel="nofollow"><img src="http://i.imgur.com/Box8miT.png" border="0" alt="" /></a><a href="http://narutoageofthepast.rpg-board.net/u39" class="postlink" target="_blank" rel="nofollow"><img src="http://i.imgur.com/Kp1Eha8.png" border="0" alt="" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://narutoageofthepast.rpg-board.net/u14"><img alt="" border="0" src="http://i.imgur.com/vTBEpT3.png" /></a><a href="http://narutoageofthepast.rpg-board.net/u58" class="postlink" target="_blank" rel="nofollow"><img src="http://i.imgur.com/NObA1P1.png" border="0" alt="" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://narutoageofthepast.rpg-board.net/u20"><img alt="" border="0" src="http://i.imgur.com/lhxTQ8j.png" /></a><a rel="nofollow" target="_blank" class="postlink" href="http://narutoageofthepast.rpg-board.net/u15"><img alt="" border="0" src="http://i.imgur.com/3amSumS.png" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://narutoageofthepast.rpg-board.net/u19"><img alt="" border="0" src="http://i.imgur.com/900p4HI.png" /></a>
How it looks:
- Spoiler:
What it does:
If a viewer of the site hovers their mouse over the image that has a certain Staff username on it, the viewer can click the image which hyperlinks to the staff members profile picture so that one could get a hold of them if needed.
How to do it:
- Code:
-
[url="Link of user profile here"][img]image here jpg,png,gif[/img][/url]
Side Notes:
you can repeat this process as many times as you want, make sure if the image takes up two spots hit enter and use the same code again so not to stretch out the site. This is simplistic coding.
If you want use this coding you need to Select no in the option that says: "Use a table type"