- Code:
<div style="text-align: center;">
<span style="font-size: 10px;"><br /><a href="http://www.fairytailrp.com/t25234-meet-the-staff"><img border="0" align="middle" src="http://oi62.tinypic.com/auuss2.jpg" style="border: 0px solid black; width: 140px; height: 223px;" id="showperson" /></a> </span>
</div><span style="font-size: 10px;"> <br /></span><script type="text/javascript">
// copyright 1998 Idocs, Inc. http://www.idocs.com/tags/
// Distribute this script freely, but please keep this
// notice with the code.
// var image information object
var mloi=new Object();
// set the image for swapping
function setswap()
{
if (! document.images)return;
var imgInfo=new Object();
imgInfo.defaultImg = new Image();
imgInfo.defaultImg.src = document.images[arguments[0]].src;
imgInfo.opts = new Object();
for (var i=1; i < arguments.length; i=i+2)
{
imgInfo.opts[arguments[i]]=new Image();
imgInfo.opts[arguments[i]].src = arguments[i+1];
}
mloi[arguments[0]] = imgInfo;
}
// set up the link for swapping
function swap(link,imgName,optName)
{
if (! document.images)return;
if (! link.swapReady)
{
link.imgName = imgName;
link.onmouseout = swapBack;
link.swapReady = true;
}
document.images[imgName].src=mloi[imgName].opts[optName].src;
}
function swapBack()
{document.images[this.imgName].src=mloi[this.imgName].defaultImg.src}
</script><script type="text/javascript">
setswap("showperson",
'Star',
'http://oi57.tinypic.com/281vvb5.jpg',
'Dysmas',
'http://oi58.tinypic.com/2e22fmc.jpg',
'Yami',
'http://oi61.tinypic.com/307oqc4.jpg',
'Jasmine',
'http://oi62.tinypic.com/24b4zh4.jpg',
'Big D',
'http://oi57.tinypic.com/2hq8gh1.jpg',
'Max',
'http://oi62.tinypic.com/n54i0x.jpg',
'Nexus',
'http://oi58.tinypic.com/2hrimit.jpg',
'Cyrus',
'http://oi57.tinypic.com/2cr7j0m.jpg',
'Tenshi',
'http://oi57.tinypic.com/10pum85.jpg',
'Ken',
'http://oi61.tinypic.com/2d855w9.jpg',
'Omen',
'http://oi59.tinypic.com/30b01fo.jpg',
'Rei',
'http://oi62.tinypic.com/23t16k3.jpg',
'Marise',
'http://oi62.tinypic.com/2a7dgyr.jpg',
'Haru',
'http://oi57.tinypic.com/x2m4va.jpg',
'Luxin',
'http://oi57.tinypic.com/2e4hpmw.jpg',
'Seijuro',
'http://oi58.tinypic.com/2d2hahf.jpg',
'Rose',
'http://oi60.tinypic.com/332lzc3.jpg',
'Isolde',
'http://oi59.tinypic.com/52fj3c.jpg',
'Roxas',
'http://oi61.tinypic.com/5ygfbr.jpg',
'Vlad',
'http://oi58.tinypic.com/s4w239.jpg',
'Raphael',
'http://oi60.tinypic.com/2m3s7lw.jpg',
'Hunter',
'http://oi58.tinypic.com/163x4x.jpg');
</script>
<div style="text-align: center;">
<span style="font-size: 10px;"><span style="font-size: x-small;"><span style="font-weight: bold;">OWNER<br /></span></span></span>
</div>
<a onmouseover="swap(this,'showperson','Star')" href="http://www.fairytailrp.com/u1"><div style="background-image: url(http://i.imgur.com/hxdyBZY.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<div style="text-align: center;">
<span style="font-size: 10px;"><span style="font-size: x-small;"><span style="font-weight: bold;">ADMINISTRATORS<br /></span></span></span>
</div><span style="font-size: 10px;"><span style="font-size: x-small;"></span></span>
<a onmouseover="swap(this,'showperson','Dysmas')" href="http://www.fairytailrp.com/u3510"><div style="background-image: url(http://orig04.deviantart.net/df6a/f/2015/162/d/4/meh_by_ftrpyato-d8wyr8r.png); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<div style="text-align: center;">
<span style="font-size: 10px;"><span style="font-size: x-small;"><span style="font-weight: bold;">GLOBAL MODERATORS<br /></span></span></span>
</div><span style="font-size: 10px;"><span style="font-size: x-small;"></span></span>
<div align="center"><a onmouseover="swap(this,'showperson','Jasmine')" href="http://www.fairytailrp.com/u11001"><div style="background-image: url(http://oi58.tinypic.com/2j8aqb.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<a onmouseover="swap(this,'showperson','Big D')" href="http://www.fairytailrp.com/u11000"><div style="background-image: url(http://oi60.tinypic.com/2s9q8ep.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<a onmouseover="swap(this,'showperson','Hunter')" href="http://www.fairytailrp.com/u3013"><div style="background-image: url(http://oi57.tinypic.com/29v11yu.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<a onmouseover="swap(this,'showperson','Yami')" href="http://www.fairytailrp.com/u11328"><div style="background-image: url(http://i.imgur.com/e7AkAqy.jpg?1); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a></div>
<div style="text-align: center;">
<span style="font-size: 10px;"><span style="font-size: x-small;"><span style="font-weight: bold;">MODERATORS<br /></span></span></span>
</div><span style="font-size: 10px;"><span style="font-size: x-small;"></span></span>
<div style="text-align: center;">
<a onmouseover="swap(this,'showperson','Nexus')" href="http://www.fairytailrp.com/u13814"><div style="background-image: url(http://i.imgur.com/PQNpFgL.jpg?1); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<a onmouseover="swap(this,'showperson','Tenshi')" href="http://www.fairytailrp.com/u2915"><div style="background-image: url(http://orig02.deviantart.net/7dcc/f/2015/163/9/4/moe_by_ftrpyato-d8x046o.png); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<a onmouseover="swap(this,'showperson','Max')" href="http://www.fairytailrp.com/u5498"><div style="background-image: url(http://orig15.deviantart.net/7a5e/f/2015/158/8/1/jason_by_ftrpyato-d8wbwu7.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<a onmouseover="swap(this,'showperson','Cyrus')" href="http://www.fairytailrp.com/u4898"><div style="background-image: url(http://orig06.deviantart.net/f6f6/f/2015/158/f/1/manzo_by_ftrpyato-d8wbwrz.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<a onmouseover="swap(this,'showperson','Ken')" href="http://www.fairytailrp.com/u1046"><div style="background-image: url(http://oi58.tinypic.com/2eehglc.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
</div>
<div style="text-align: center;">
<span style="font-size: 10px;"><span style="font-size: x-small;"><span style="font-weight: bold;">JUNIOR MODERATORS<br /></span></span></span>
</div><span style="font-size: 10px;"><span style="font-size: x-small;"></span></span>
<div style="text-align: center;">
<a onmouseover="swap(this,'showperson','Rei')" href="http://www.fairytailrp.com/u4192"><div style="background-image: url(http://orig01.deviantart.net/3dcd/f/2015/160/0/c/rei_by_ftrpyato-d8woelo.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<a onmouseover="swap(this,'showperson','Omen')" href="http://www.fairytailrp.com/u13519"><div style="background-image: url(http://i.imgur.com/AJ9RO20.jpg?1); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<a onmouseover="swap(this,'showperson','Marise')" href="http://www.fairytailrp.com/u11468"><div style="background-image: url(http://i1015.photobucket.com/albums/af278/kneel343/2014-07-06-659287.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<a onmouseover="swap(this,'showperson','Haru')" href="http://www.fairytailrp.com/u672"><div style="background-image: url(http://www.servimg.com/u/f18/16/22/42/91/lemon10.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<a onmouseover="swap(this,'showperson','Seijuro')" href="http://www.fairytailrp.com/u1037"><div style="background-image: url(http://orig00.deviantart.net/998f/f/2015/158/e/6/shin_by_ftrpyato-d8wbwzn.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<a onmouseover="swap(this,'showperson','Luxin')" href="http://www.fairytailrp.com/u130"><div style="background-image: url(http://oi57.tinypic.com/qxs9jl.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
</div>
<div style="text-align: center;">
<span style="font-size: 10px;"><span style="font-size: x-small;"><span style="font-weight: bold;">SUPPORT<br /></span></span></span>
</div><span style="font-size: 10px;"><span style="font-size: x-small;"></span></span>
<div style="text-align: center;">
<span style="font-size: 10px;"><span style="font-size: x-small;"><a onmouseover="swap(this,'showperson','Isolde')" href="http://www.fairytailrp.com/u14997"><div style="background-image: url(http://orig13.deviantart.net/f4f6/f/2015/158/0/9/isolde_by_ftrpyato-d8wbx21.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<a onmouseover="swap(this,'showperson','Raphael')" href="http://www.fairytailrp.com/u11398"><div style="background-image: url(http://orig12.deviantart.net/68d0/f/2015/158/b/1/nate_by_ftrpyato-d8wbx34.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<a onmouseover="swap(this,'showperson','Raphael')" href="http://www.fairytailrp.com/u4071"><div style="background-image: url(http://orig14.deviantart.net/9196/f/2015/158/f/8/me_by_ftrpyato-d8wbx5n.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<a onmouseover="swap(this,'showperson','Rose')" href="http://www.fairytailrp.com/u14873"><div style="background-image: url(http://i.imgur.com/5E0heyq.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<a onmouseover="swap(this,'showperson','Vlad')" href="http://www.fairytailrp.com/u14734"><div style="background-image: url(http://orig02.deviantart.net/b6d7/f/2015/163/3/d/vlad_by_ftrpyato-d8x05xi.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
</span></span>
</div>
</div>
</div>
CSS HTML
Itchy- Village : N/A
Rank : Genin
Clan : N/A
Posts : 180
Info Sheet
Character Name: Do'Saah
HP: 45
MP: 45
- Post n°1
CSS HTML
Itchy- Village : N/A
Rank : Genin
Clan : N/A
Posts : 180
Info Sheet
Character Name: Do'Saah
HP: 45
MP: 45
- Post n°2
Re: CSS HTML
- Code:
<div style="text-align: center;">
<span style="font-size: 10px;"><br /><a href="http://www.fairytailrp.com/t25234-meet-the-staff"><img border="0" align="middle" src="http://oi62.tinypic.com/auuss2.jpg" style="border: 0px solid black; width: 140px; height: 223px;" id="showperson" /></a> </span>
</div><span style="font-size: 10px;"> <br /></span><script type="text/javascript">
// copyright 1998 Idocs, Inc. http://www.idocs.com/tags/
// Distribute this script freely, but please keep this
// notice with the code.
// var image information object
var mloi=new Object();
// set the image for swapping
function setswap()
{
if (! document.images)return;
var imgInfo=new Object();
imgInfo.defaultImg = new Image();
imgInfo.defaultImg.src = document.images[arguments[0]].src;
imgInfo.opts = new Object();
for (var i=1; i < arguments.length; i=i+2)
{
imgInfo.opts[arguments[i]]=new Image();
imgInfo.opts[arguments[i]].src = arguments[i+1];
}
mloi[arguments[0]] = imgInfo;
}
// set up the link for swapping
function swap(link,imgName,optName)
{
if (! document.images)return;
if (! link.swapReady)
{
link.imgName = imgName;
link.onmouseout = swapBack;
link.swapReady = true;
}
document.images[imgName].src=mloi[imgName].opts[optName].src;
}
function swapBack()
{document.images[this.imgName].src=mloi[this.imgName].defaultImg.src}
</script><script type="text/javascript">
setswap("showperson",
'Star',
'http://oi57.tinypic.com/281vvb5.jpg',
'Dysmas',
'http://oi58.tinypic.com/2e22fmc.jpg',
'Yami',
'http://oi61.tinypic.com/307oqc4.jpg',
'Jasmine',
'http://oi62.tinypic.com/24b4zh4.jpg',
'Big D',
'http://oi57.tinypic.com/2hq8gh1.jpg',
'Max',
'http://oi62.tinypic.com/n54i0x.jpg',
'Nexus',
'http://oi58.tinypic.com/2hrimit.jpg',
'Cyrus',
'http://oi57.tinypic.com/2cr7j0m.jpg',
'Tenshi',
'http://oi57.tinypic.com/10pum85.jpg',
'Ken',
'http://oi61.tinypic.com/2d855w9.jpg',
'Omen',
'http://oi59.tinypic.com/30b01fo.jpg',
'Rei',
'http://oi62.tinypic.com/23t16k3.jpg',
'Marise',
'http://oi62.tinypic.com/2a7dgyr.jpg',
'Haru',
'http://oi57.tinypic.com/x2m4va.jpg',
'Luxin',
'http://oi57.tinypic.com/2e4hpmw.jpg',
'Seijuro',
'http://oi58.tinypic.com/2d2hahf.jpg',
'Rose',
'http://oi60.tinypic.com/332lzc3.jpg',
'Isolde',
'http://oi59.tinypic.com/52fj3c.jpg',
'Roxas',
'http://oi61.tinypic.com/5ygfbr.jpg',
'Vlad',
'http://oi58.tinypic.com/s4w239.jpg',
'Raphael',
'http://oi60.tinypic.com/2m3s7lw.jpg',
'Hunter',
'http://oi58.tinypic.com/163x4x.jpg');
</script>
<div style="text-align: center;">
<span style="font-size: 10px;"><span style="font-size: x-small;"><span style="font-weight: bold;">OWNER<br /></span></span></span>
</div>
<div align="center"><a onmouseover="swap(this,'showperson','Star')" href="http://www.fairytailrp.com/u1"><div style="background-image: url(http://i.imgur.com/hxdyBZY.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a> </div>
<div style="text-align: center;">
<span style="font-size: 10px;"><span style="font-size: x-small;"><span style="font-weight: bold;">ADMINISTRATORS<br /></span></span></span>
</div><span style="font-size: 10px;"><span style="font-size: x-small;"></span></span>
<div align="center"><a onmouseover="swap(this,'showperson','Dysmas')" href="http://www.fairytailrp.com/u3510"><div style="background-image: url(http://orig04.deviantart.net/df6a/f/2015/162/d/4/meh_by_ftrpyato-d8wyr8r.png); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a> </div>
<div style="text-align: center;">
<span style="font-size: 10px;"><span style="font-size: x-small;"><span style="font-weight: bold;">GLOBAL MODERATORS<br /></span></span></span>
</div><span style="font-size: 10px;"><span style="font-size: x-small;"></span></span>
<div align="center"><a onmouseover="swap(this,'showperson','Jasmine')" href="http://www.fairytailrp.com/u11001"><div style="background-image: url(http://oi58.tinypic.com/2j8aqb.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<a onmouseover="swap(this,'showperson','Big D')" href="http://www.fairytailrp.com/u11000"><div style="background-image: url(http://oi60.tinypic.com/2s9q8ep.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<a onmouseover="swap(this,'showperson','Hunter')" href="http://www.fairytailrp.com/u3013"><div style="background-image: url(http://oi57.tinypic.com/29v11yu.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<a onmouseover="swap(this,'showperson','Yami')" href="http://www.fairytailrp.com/u11328"><div style="background-image: url(http://i.imgur.com/e7AkAqy.jpg?1); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a></div>
<div style="text-align: center;">
<span style="font-size: 10px;"><span style="font-size: x-small;"><span style="font-weight: bold;">MODERATORS<br /></span></span></span>
</div><span style="font-size: 10px;"><span style="font-size: x-small;"></span></span>
<div style="text-align: center;">
<div align="center"><a onmouseover="swap(this,'showperson','Nexus')" href="http://www.fairytailrp.com/u13814"><div style="background-image: url(http://i.imgur.com/PQNpFgL.jpg?1); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<a onmouseover="swap(this,'showperson','Tenshi')" href="http://www.fairytailrp.com/u2915"><div style="background-image: url(http://orig02.deviantart.net/7dcc/f/2015/163/9/4/moe_by_ftrpyato-d8x046o.png); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<a onmouseover="swap(this,'showperson','Max')" href="http://www.fairytailrp.com/u5498"><div style="background-image: url(http://orig15.deviantart.net/7a5e/f/2015/158/8/1/jason_by_ftrpyato-d8wbwu7.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<a onmouseover="swap(this,'showperson','Cyrus')" href="http://www.fairytailrp.com/u4898"><div style="background-image: url(http://orig06.deviantart.net/f6f6/f/2015/158/f/1/manzo_by_ftrpyato-d8wbwrz.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<a onmouseover="swap(this,'showperson','Ken')" href="http://www.fairytailrp.com/u1046"><div style="background-image: url(http://oi58.tinypic.com/2eehglc.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a></div>
</div>
<div style="text-align: center;">
<span style="font-size: 10px;"><span style="font-size: x-small;"><span style="font-weight: bold;">JUNIOR MODERATORS<br /></span></span></span>
</div><span style="font-size: 10px;"><span style="font-size: x-small;"></span></span>
<div style="text-align: center;">
<div align="center"><a onmouseover="swap(this,'showperson','Rei')" href="http://www.fairytailrp.com/u4192"><div style="background-image: url(http://orig01.deviantart.net/3dcd/f/2015/160/0/c/rei_by_ftrpyato-d8woelo.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<a onmouseover="swap(this,'showperson','Omen')" href="http://www.fairytailrp.com/u13519"><div style="background-image: url(http://i.imgur.com/AJ9RO20.jpg?1); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<a onmouseover="swap(this,'showperson','Marise')" href="http://www.fairytailrp.com/u11468"><div style="background-image: url(http://i1015.photobucket.com/albums/af278/kneel343/2014-07-06-659287.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a> </div>
</div>
<div style="text-align: center;">
<span style="font-size: 10px;"><span style="font-size: x-small;"><span style="font-weight: bold;">HEAD SUPPORT<br /></span></span></span>
</div><span style="font-size: 10px;"><span style="font-size: x-small;"></span></span>
<div style="text-align: center;">
<span style="font-size: 10px;"><span style="font-size: x-small;"><div align="center"><a onmouseover="swap(this,'showperson','Haru')" href="http://www.fairytailrp.com/u672"><div style="background-image: url(http://www.servimg.com/u/f18/16/22/42/91/lemon10.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<a onmouseover="swap(this,'showperson','Seijuro')" href="http://www.fairytailrp.com/u1037"><div style="background-image: url(http://orig00.deviantart.net/998f/f/2015/158/e/6/shin_by_ftrpyato-d8wbwzn.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<a onmouseover="swap(this,'showperson','Luxin')" href="http://www.fairytailrp.com/u130"><div style="background-image: url(http://oi57.tinypic.com/qxs9jl.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<div style="text-align: center;">
<span style="font-size: 10px;"><span style="font-size: x-small;"><span style="font-weight: bold;">SUPPORT<br /></span></span></span>
</div><span style="font-size: 10px;"><span style="font-size: x-small;"></span></span>
<a onmouseover="swap(this,'showperson','Isolde')" href="http://www.fairytailrp.com/u14997"><div style="background-image: url(http://orig13.deviantart.net/f4f6/f/2015/158/0/9/isolde_by_ftrpyato-d8wbx21.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<a onmouseover="swap(this,'showperson','Raphael')" href="http://www.fairytailrp.com/u11398"><div style="background-image: url(http://orig12.deviantart.net/68d0/f/2015/158/b/1/nate_by_ftrpyato-d8wbx34.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<a onmouseover="swap(this,'showperson','Roxas')" href="http://www.fairytailrp.com/u4071"><div style="background-image: url(http://orig14.deviantart.net/9196/f/2015/158/f/8/me_by_ftrpyato-d8wbx5n.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<a onmouseover="swap(this,'showperson','Rose')" href="http://www.fairytailrp.com/u14873"><div style="background-image: url(http://i.imgur.com/5E0heyq.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a>
<a onmouseover="swap(this,'showperson','Vlad')" href="http://www.fairytailrp.com/u14734"><div style="background-image: url(http://orig02.deviantart.net/b6d7/f/2015/163/3/d/vlad_by_ftrpyato-d8x05xi.jpg); width: 150px; height: 30px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 100px;"> </div></a></div>
</span></span>
</div>
</div>
</div>
Itchy- Village : N/A
Rank : Genin
Clan : N/A
Posts : 180
Info Sheet
Character Name: Do'Saah
HP: 45
MP: 45
- Post n°3
Re: CSS HTML
- Code:
<div style="text-align: center;">
<span style="font-size: 10px;"><br /><a href="http://www.fairytailrp.com/t25234-meet-the-staff"><img id="showperson" style="border: 0px solid black; width: 140px; height: 223px;" src="http://oi61.tinypic.com/2cnje2u.jpg" align="middle" border="0" /></a> </span>
</div><span style="font-size: 10px;"> <br /></span><script type="text/javascript">
// copyright 1998 Idocs, Inc. http://www.idocs.com/tags/
// Distribute this script freely, but please keep this
// notice with the code.
// var image information object
var mloi=new Object();
// set the image for swapping
function setswap()
{
if (! document.images)return;
var imgInfo=new Object();
imgInfo.defaultImg = new Image();
imgInfo.defaultImg.src = document.images[arguments[0]].src;
imgInfo.opts = new Object();
for (var i=1; i < arguments.length; i=i+2)
{
imgInfo.opts[arguments[i]]=new Image();
imgInfo.opts[arguments[i]].src = arguments[i+1];
}
mloi[arguments[0]] = imgInfo;
}
// set up the link for swapping
function swap(link,imgName,optName)
{
if (! document.images)return;
if (! link.swapReady)
{
link.imgName = imgName;
link.onmouseout = swapBack;
link.swapReady = true;
}
document.images[imgName].src=mloi[imgName].opts[optName].src;
}
function swapBack()
{document.images[this.imgName].src=mloi[this.imgName].defaultImg.src}
</script><script type="text/javascript">
setswap("showperson",
'Star',
'http://oi62.tinypic.com/2eumjw6.jpg',
'Dysmas',
'http://oi62.tinypic.com/2yyo9w3.jpg',
'Yami',
'http://oi61.tinypic.com/307oqc4.jpg',
'Jasmine',
'http://oi57.tinypic.com/qp5n48.jpg',
'Big D',
'http://oi59.tinypic.com/2lt32py.jpg',
'Max',
'http://oi58.tinypic.com/24pjgid.jpg',
'Nexus',
'http://oi58.tinypic.com/2hrimit.jpg',
'Cyrus',
'http://oi59.tinypic.com/2uer9xh.jpg',
'Tenshi',
'http://oi61.tinypic.com/zxogif.jpg',
'Ken',
'http://oi57.tinypic.com/2ijotv7.jpg',
'Omen',
'http://oi59.tinypic.com/30b01fo.jpg',
'Rei',
'http://oi57.tinypic.com/2cnbn0n.jpg',
'Marise',
'http://oi60.tinypic.com/2j14i7s.jpg',
'Haru',
'http://oi61.tinypic.com/kc4l3.jpg',
'Luxin',
'http://oi57.tinypic.com/2e4hpmw.jpg',
'Seijuro',
'http://oi60.tinypic.com/28lyyqg.jpg',
'Rose',
'http://oi59.tinypic.com/2rqklrq.jpg',
'Isolde',
'http://oi59.tinypic.com/52fj3c.jpg',
'Roxas',
'http://oi61.tinypic.com/34dseo8.jpg',
'Vlad',
'http://oi60.tinypic.com/n6f4pk.jpg',
'Raphael',
'http://oi58.tinypic.com/14jx9qp.jpg',
'Hunter',
'http://oi62.tinypic.com/2wgaw79.jpg');
</script>
<div style="text-align: center;">
<span style="font-size: 10px;"><span style="font-size: x-small;"><span style="font-weight: bold;">OWNER<br /></span></span></span>
</div>
<div align="center">
<a href="http://www.fairytailrp.com/u1" onmouseover="swap(this,'showperson','Star')">
</a>
<div style="width: 150px; height: 30px; border: 2px solid rgb(0, 0, 0); border-radius: 100px; background-image: url(http://i.imgur.com/hxdyBZY.jpg);">
</div><a href="http://www.fairytailrp.com/u1" onmouseover="swap(this,'showperson','Star')"></a>
</div>
<div style="text-align: center;">
<span style="font-size: 10px;"><span style="font-size: x-small;"><span style="font-weight: bold;">ADMINISTRATORS<br /></span></span></span>
</div><span style="font-size: 10px;"><span style="font-size: x-small;"></span></span>
<div align="center">
<a href="http://www.fairytailrp.com/u3510" onmouseover="swap(this,'showperson','Dysmas')">
</a>
<div style="width: 150px; height: 30px; border: 2px solid rgb(0, 0, 0); border-radius: 100px; background-image: url(http://orig04.deviantart.net/df6a/f/2015/162/d/4/meh_by_ftrpyato-d8wyr8r.png);">
</div><a href="http://www.fairytailrp.com/u3510" onmouseover="swap(this,'showperson','Dysmas')"></a>
</div>
<div style="text-align: center;">
<span style="font-size: 10px;"><span style="font-size: x-small;"><span style="font-weight: bold;">GLOBAL MODERATORS<br /></span></span></span>
</div><span style="font-size: 10px;"><span style="font-size: x-small;"></span></span>
<div align="center">
<a href="http://www.fairytailrp.com/u11001" onmouseover="swap(this,'showperson','Jasmine')">
</a>
<div style="width: 150px; height: 30px; border: 2px solid rgb(0, 0, 0); border-radius: 100px; background-image: url(http://oi58.tinypic.com/2j8aqb.jpg);">
</div><a href="http://www.fairytailrp.com/u11001" onmouseover="swap(this,'showperson','Jasmine')"></a><a href="http://www.fairytailrp.com/u11000" onmouseover="swap(this,'showperson','Big D')"></a>
<div style="width: 150px; height: 30px; border: 2px solid rgb(0, 0, 0); border-radius: 100px; background-image: url(http://oi60.tinypic.com/2s9q8ep.jpg);">
</div><a href="http://www.fairytailrp.com/u11000" onmouseover="swap(this,'showperson','Big D')"></a><a href="http://www.fairytailrp.com/u3013" onmouseover="swap(this,'showperson','Hunter')"></a>
<div style="width: 150px; height: 30px; border: 2px solid rgb(0, 0, 0); border-radius: 100px; background-image: url(http://oi57.tinypic.com/29v11yu.jpg);">
</div><a href="http://www.fairytailrp.com/u3013" onmouseover="swap(this,'showperson','Hunter')"></a><a href="http://www.fairytailrp.com/u11328" onmouseover="swap(this,'showperson','Yami')"></a>
<div style="width: 150px; height: 30px; border: 2px solid rgb(0, 0, 0); border-radius: 100px; background-image: url(http://i.imgur.com/e7AkAqy.jpg?1);">
</div><a href="http://www.fairytailrp.com/u11328" onmouseover="swap(this,'showperson','Yami')"></a>
</div>
<div style="text-align: center;">
<span style="font-size: 10px;"><span style="font-size: x-small;"><span style="font-weight: bold;">MODERATORS<br /></span></span></span>
</div><span style="font-size: 10px;"><span style="font-size: x-small;"></span></span>
<div style="text-align: center;">
<div align="center">
<a href="http://www.fairytailrp.com/u13814" onmouseover="swap(this,'showperson','Nexus')">
</a>
<div style="width: 150px; height: 30px; border: 2px solid rgb(0, 0, 0); border-radius: 100px; background-image: url(http://i.imgur.com/PQNpFgL.jpg?1);">
</div><a href="http://www.fairytailrp.com/u13814" onmouseover="swap(this,'showperson','Nexus')"></a><a href="http://www.fairytailrp.com/u2915" onmouseover="swap(this,'showperson','Tenshi')"></a>
<div style="width: 150px; height: 30px; border: 2px solid rgb(0, 0, 0); border-radius: 100px; background-image: url(http://orig02.deviantart.net/7dcc/f/2015/163/9/4/moe_by_ftrpyato-d8x046o.png);">
</div><a href="http://www.fairytailrp.com/u2915" onmouseover="swap(this,'showperson','Tenshi')"></a><a href="http://www.fairytailrp.com/u5498" onmouseover="swap(this,'showperson','Max')"></a>
<div style="width: 150px; height: 30px; border: 2px solid rgb(0, 0, 0); border-radius: 100px; background-image: url(http://orig15.deviantart.net/7a5e/f/2015/158/8/1/jason_by_ftrpyato-d8wbwu7.jpg);">
</div><a href="http://www.fairytailrp.com/u5498" onmouseover="swap(this,'showperson','Max')"></a><a href="http://www.fairytailrp.com/u4898" onmouseover="swap(this,'showperson','Cyrus')"></a>
<div style="width: 150px; height: 30px; border: 2px solid rgb(0, 0, 0); border-radius: 100px; background-image: url(http://orig06.deviantart.net/f6f6/f/2015/158/f/1/manzo_by_ftrpyato-d8wbwrz.jpg);">
</div><a href="http://www.fairytailrp.com/u4898" onmouseover="swap(this,'showperson','Cyrus')"></a><a href="http://www.fairytailrp.com/u1046" onmouseover="swap(this,'showperson','Ken')"></a>
<div style="width: 150px; height: 30px; border: 2px solid rgb(0, 0, 0); border-radius: 100px; background-image: url(http://oi58.tinypic.com/2eehglc.jpg);">
</div><a href="http://www.fairytailrp.com/u1046" onmouseover="swap(this,'showperson','Ken')"></a>
</div>
</div>
<div style="text-align: center;">
<span style="font-size: 10px;"><span style="font-size: x-small;"><span style="font-weight: bold;">JUNIOR MODERATORS<br /></span></span></span>
</div><span style="font-size: 10px;"><span style="font-size: x-small;"></span></span>
<div style="text-align: center;">
<div align="center">
<a href="http://www.fairytailrp.com/u4192" onmouseover="swap(this,'showperson','Rei')">
</a>
<div style="width: 150px; height: 30px; border: 2px solid rgb(0, 0, 0); border-radius: 100px; background-image: url(http://orig01.deviantart.net/3dcd/f/2015/160/0/c/rei_by_ftrpyato-d8woelo.jpg);">
</div><a href="http://www.fairytailrp.com/u4192" onmouseover="swap(this,'showperson','Rei')"></a><a href="http://www.fairytailrp.com/u13519" onmouseover="swap(this,'showperson','Omen')"></a>
<div style="width: 150px; height: 30px; border: 2px solid rgb(0, 0, 0); border-radius: 100px; background-image: url(http://i.imgur.com/AJ9RO20.jpg?1);">
</div><a href="http://www.fairytailrp.com/u13519" onmouseover="swap(this,'showperson','Omen')"></a><a href="http://www.fairytailrp.com/u11468" onmouseover="swap(this,'showperson','Marise')"></a>
<div style="width: 150px; height: 30px; border: 2px solid rgb(0, 0, 0); border-radius: 100px; background-image: url(http://i1015.photobucket.com/albums/af278/kneel343/2014-07-06-659287.jpg);">
</div><a href="http://www.fairytailrp.com/u11468" onmouseover="swap(this,'showperson','Marise')"></a>
</div>
</div>
<div style="text-align: center;">
<span style="font-size: 10px;"><span style="font-size: x-small;"><span style="font-weight: bold;">HEAD SUPPORT<br /></span></span></span>
</div><span style="font-size: 10px;"><span style="font-size: x-small;"></span></span>
<div style="text-align: center;">
<span style="font-size: 10px;"><span style="font-size: x-small;"></span></span>
<div style="font-size: 10px;" align="center">
<a href="http://www.fairytailrp.com/u672" onmouseover="swap(this,'showperson','Haru')">
</a>
<div style="width: 150px; height: 30px; border: 2px solid rgb(0, 0, 0); border-radius: 100px; background-image: url(http://www.servimg.com/u/f18/16/22/42/91/lemon10.jpg);">
</div><a href="http://www.fairytailrp.com/u672" onmouseover="swap(this,'showperson','Haru')"></a><a href="http://www.fairytailrp.com/u1037" onmouseover="swap(this,'showperson','Seijuro')"></a>
<div style="width: 150px; height: 30px; border: 2px solid rgb(0, 0, 0); border-radius: 100px; background-image: url(http://orig00.deviantart.net/998f/f/2015/158/e/6/shin_by_ftrpyato-d8wbwzn.jpg);">
</div><a href="http://www.fairytailrp.com/u1037" onmouseover="swap(this,'showperson','Seijuro')"></a><a href="http://www.fairytailrp.com/u130" onmouseover="swap(this,'showperson','Luxin')"></a>
<div style="width: 150px; height: 30px; border: 2px solid rgb(0, 0, 0); border-radius: 100px; background-image: url(http://oi57.tinypic.com/qxs9jl.jpg);">
</div><a href="http://www.fairytailrp.com/u130" onmouseover="swap(this,'showperson','Luxin')"></a>
<div style="text-align: center;">
<span style="font-size: 10px;"><span style="font-size: x-small;"><span style="font-weight: bold;">SUPPORT<br /></span></span></span>
</div><span style="font-size: 10px;"><span style="font-size: x-small;"></span></span> <a href="http://www.fairytailrp.com/u14997" onmouseover="swap(this,'showperson','Isolde')"></a>
<div style="width: 150px; height: 30px; border: 2px solid rgb(0, 0, 0); border-radius: 100px; background-image: url(http://orig13.deviantart.net/f4f6/f/2015/158/0/9/isolde_by_ftrpyato-d8wbx21.jpg);">
</div><a href="http://www.fairytailrp.com/u14997" onmouseover="swap(this,'showperson','Isolde')"></a><a href="http://www.fairytailrp.com/u11398" onmouseover="swap(this,'showperson','Raphael')"></a>
<div style="width: 150px; height: 30px; border: 2px solid rgb(0, 0, 0); border-radius: 100px; background-image: url(http://orig12.deviantart.net/68d0/f/2015/158/b/1/nate_by_ftrpyato-d8wbx34.jpg);">
</div><a href="http://www.fairytailrp.com/u11398" onmouseover="swap(this,'showperson','Raphael')"></a><a href="http://www.fairytailrp.com/u4071" onmouseover="swap(this,'showperson','Roxas')"></a>
<div style="width: 150px; height: 30px; border: 2px solid rgb(0, 0, 0); border-radius: 100px; background-image: url(http://orig14.deviantart.net/9196/f/2015/158/f/8/me_by_ftrpyato-d8wbx5n.jpg);">
</div><a href="http://www.fairytailrp.com/u4071" onmouseover="swap(this,'showperson','Roxas')"></a><a href="http://www.fairytailrp.com/u14873" onmouseover="swap(this,'showperson','Rose')"></a>
<div style="width: 150px; height: 30px; border: 2px solid rgb(0, 0, 0); border-radius: 100px; background-image: url(http://i.imgur.com/5E0heyq.jpg);">
</div><a href="http://www.fairytailrp.com/u14873" onmouseover="swap(this,'showperson','Rose')"></a><a href="http://www.fairytailrp.com/u14734" onmouseover="swap(this,'showperson','Vlad')"></a>
<div style="width: 150px; height: 30px; border: 2px solid rgb(0, 0, 0); border-radius: 100px; background-image: url(http://orig02.deviantart.net/b6d7/f/2015/163/3/d/vlad_by_ftrpyato-d8x05xi.jpg);">
</div><a href="http://www.fairytailrp.com/u14734" onmouseover="swap(this,'showperson','Vlad')"></a>
</div><span style="font-size: 10px;"><span style="font-size: x-small;"> </span></span>
</div>
Itchy- Village : N/A
Rank : Genin
Clan : N/A
Posts : 180
Info Sheet
Character Name: Do'Saah
HP: 45
MP: 45
- Post n°4
Re: CSS HTML
- Code:
<div align="center">
<span style="font-size: 10px;"><strong>OWNER</strong></span><style>.catgdescback10 {
background:url('http://i.imgur.com/hxdyBZY.jpg');
width:150px;
height:30px;
padding:0px;
border: 2px solid rgb(0, 0, 0);
border-radius: 100px;
}
.catgdesctext10 {
width:150px;
height:30px;
padding:0px;
opacity:0.030;
transition:0.5s;
vertical-align: middle;
horizontal-align: middle;
}
.catgdesctext10:hover { opacity:1; }</style>
<div class="catgdescback10">
<div class="catgdesctext10">
<span class="catgtext10"> </span>
<div align="center">
<a href="http://www.fairytailrp.com/u1"><img src="http://oi59.tinypic.com/2vtpa92.jpg" /></a>
</div><span class="catgtext10"> </span>
</div>
</div>
<hr /><span style="font-size: 10px;"><strong>ADMINISTRATORS</strong></span><style>.catgdescback3510 {
background:url('http://orig04.deviantart.net/df6a/f/2015/162/d/4/meh_by_ftrpyato-d8wyr8r.png');
width:150px;
height:30px;
padding:0px;
border: 2px solid rgb(0, 0, 0);
border-radius: 100px;
}
.catgdesctext3510 {
width:150px;
height:30px;
padding:0px;
opacity:0.030;
transition:0.5s;
vertical-align: middle;
horizontal-align: middle;
}
.catgdesctext3510:hover { opacity:1; }</style>
<div class="catgdescback3510">
<div class="catgdesctext3510">
<span class="catgtext3510"> </span>
<div align="center">
<a href="http://www.fairytailrp.com/u3510"><img src="http://oi58.tinypic.com/24gj9sp.jpg" /></a>
</div><span class="catgtext3510"> </span>
</div>
</div>
<hr /><span style="font-size: 10px;"><strong>GLOBAL MODERATORS</strong></span><style>.catgdescback11001 {
background:url('http://oi58.tinypic.com/2j8aqb.jpg');
width:150px;
height:30px;
padding:0px;
border: 2px solid rgb(0, 0, 0);
border-radius: 100px;
}
.catgdesctext11001{
width:150px;
height:30px;
padding:0px;
opacity:0.030;
transition:0.5s;
vertical-align: middle;
horizontal-align: middle;
}
.catgdesctext11001:hover { opacity:1; }</style>
<div class="catgdescback11001">
<div class="catgdesctext11001">
<span class="catgtext11001"> </span>
<div align="center">
<a href="http://www.fairytailrp.com/u11001"><img src="http://oi58.tinypic.com/1gg1vs.jpg" /></a>
</div><span class="catgtext11001"> </span>
</div>
</div>
<style>.catgdescback11000 {
background:url('http://orig10.deviantart.net/d724/f/2015/158/f/9/geno_by_ftrpyato-d8wbwo9.jpg');
width:150px;
height:30px;
padding:0px;
border: 2px solid rgb(0, 0, 0);
border-radius: 100px;
}
.catgdesctext11000 {
width:150px;
height:30px;
padding:0px;
opacity:0.030;
transition:0.5s;
vertical-align: middle;
horizontal-align: middle;
}
.catgdesctext11000:hover { opacity:1; }</style>
<div class="catgdescback11000">
<div class="catgdesctext11000">
<span class="catgtext11000"> </span>
<div align="center">
<a href="http://www.fairytailrp.com/u11000"><img src="http://oi61.tinypic.com/2s10u1z.jpg" /></a>
</div><span class="catgtext11000"> </span>
</div>
</div>
<style>.catgdescback3013 {
background:url('http://orig04.deviantart.net/ca8b/f/2015/160/d/8/hunter_by_ftrpyato-d8woet4.jpg');
width:150px;
height:30px;
padding:0px;
border: 2px solid rgb(0, 0, 0);
border-radius: 100px;
}
.catgdesctext3013 {
width:150px;
height:30px;
padding:0px;
opacity:0.030;
transition:0.5s;
vertical-align: middle;
horizontal-align: middle;
}
.catgdesctext3013:hover { opacity:1; }</style>
<div class="catgdescback3013">
<div class="catgdesctext3013">
<span class="catgtext3013"> </span>
<div align="center">
<a href="http://www.fairytailrp.com/u3013"><img src="http://oi58.tinypic.com/2uy3y1g.jpg" /></a>
</div><span class="catgtext3013"> </span>
</div>
</div>
<style>.catgdescback11328 {
background:url('http://i.imgur.com/e7AkAqy.jpg?1');
width:150px;
height:30px;
padding:0px;
border: 2px solid rgb(0, 0, 0);
border-radius: 100px;
}
.catgdesctext11328 {
width:150px;
height:30px;
padding:0px;
opacity:0.030;
transition:0.5s;
vertical-align: middle;
horizontal-align: middle;
}
.catgdesctext11328:hover { opacity:1; }</style>
<div class="catgdescback11328">
<div class="catgdesctext11328">
<span class="catgtext11328"> </span>
<div align="center">
<a href="http://www.fairytailrp.com/u11328"><img src="http://oi59.tinypic.com/erd2rr.jpg" /></a>
</div><span class="catgtext11328"> </span>
</div>
</div>
<hr /><span style="font-size: 10px;"><strong>MODERATORS</strong></span><style>.catgdescback1046 {
background:url('http://oi58.tinypic.com/2eehglc.jpg');
width:150px;
height:30px;
padding:0px;
border: 2px solid rgb(0, 0, 0);
border-radius: 100px;
}
.catgdesctext1046 {
width:150px;
height:30px;
padding:0px;
opacity:0.030;
transition:0.5s;
vertical-align: middle;
horizontal-align: middle;
}
.catgdesctext1046:hover { opacity:1; }</style>
<div class="catgdescback1046">
<div class="catgdesctext1046">
<span class="catgtext1046"> </span>
<div align="center">
<a href="http://www.fairytailrp.com/u1046"><img src="http://oi58.tinypic.com/2a61g15.jpg" /></a>
</div><span class="catgtext1046"> </span>
</div>
</div>
<style>.catgdescback13814 {
background:url('http://i.imgur.com/PQNpFgL.jpg?1');
width:150px;
height:30px;
padding:0px;
border: 2px solid rgb(0, 0, 0);
border-radius: 100px;
}
.catgdesctext13814 {
width:150px;
height:30px;
padding:0px;
opacity:0.030;
transition:0.5s;
vertical-align: middle;
horizontal-align: middle;
}
.catgdesctext13814:hover { opacity:1; }</style>
<div class="catgdescback13814">
<div class="catgdesctext13814">
<span class="catgtext13814"> </span>
<div align="center">
<a href="http://www.fairytailrp.com/u13814"><img src="http://oi60.tinypic.com/2j28dg4.jpg" /></a>
</div><span class="catgtext13814"> </span>
</div>
</div>
<style>.catgdescback2915{
background:url('http://orig02.deviantart.net/7dcc/f/2015/163/9/4/moe_by_ftrpyato-d8x046o.png');
width:150px;
height:30px;
padding:0px;
border: 2px solid rgb(0, 0, 0);
border-radius: 100px;
}
.catgdesctext2915 {
width:150px;
height:30px;
padding:0px;
opacity:0.030;
transition:0.5s;
vertical-align: middle;
horizontal-align: middle;
}
.catgdesctext2915:hover { opacity:1; }</style>
<div class="catgdescback2915">
<div class="catgdesctext2915">
<span class="catgtext2915"> </span>
<div align="center">
<a href="http://www.fairytailrp.com/u2915"><img src="http://oi58.tinypic.com/70jszd.jpg" /></a>
</div><span class="catgtext2915"> </span>
</div>
</div><style>.catgdescback5498 {
background:url('http://orig15.deviantart.net/7a5e/f/2015/158/8/1/jason_by_ftrpyato-d8wbwu7.jpg');
width:150px;
height:30px;
padding:0px;
border: 2px solid rgb(0, 0, 0);
border-radius: 100px;
}
.catgdesctext5498 {
width:150px;
height:30px;
padding:0px;
opacity:0.030;
transition:0.5s;
vertical-align: middle;
horizontal-align: middle;
}
.catgdesctext5498:hover { opacity:1; }</style>
<div class="catgdescback5498">
<div class="catgdesctext5498">
<span class="catgtext5498"> </span>
<div align="center">
<a href="http://www.fairytailrp.com/u5498"><img src="http://oi59.tinypic.com/t8p9ck.jpg" /></a>
</div><span class="catgtext5498"> </span>
</div>
</div><style>.catgdescback4898 {
background:url('http://orig06.deviantart.net/f6f6/f/2015/158/f/1/manzo_by_ftrpyato-d8wbwrz.jpg');
width:150px;
height:30px;
padding:0px;
border: 2px solid rgb(0, 0, 0);
border-radius: 100px;
}
.catgdesctext4898 {
width:150px;
height:30px;
padding:0px;
opacity:0.030;
transition:0.5s;
vertical-align: middle;
horizontal-align: middle;
}
.catgdesctext4898:hover { opacity:1; }</style>
<div class="catgdescback4898">
<div class="catgdesctext4898">
<span class="catgtext4898"> </span>
<div align="center">
<a href="http://www.fairytailrp.com/u4898"><img src="http://oi59.tinypic.com/10ojh9e.jpg" /></a>
</div><span class="catgtext4898"> </span>
</div>
</div>
<hr /><span style="font-size: 10px;"><strong>JUNIOR MODERATORS</strong></span><style>.catgdescback4192 {
background:url('http://orig01.deviantart.net/3dcd/f/2015/160/0/c/rei_by_ftrpyato-d8woelo.jpg');
width:150px;
height:30px;
padding:0px;
border: 2px solid rgb(0, 0, 0);
border-radius: 100px;
}
.catgdesctext4192 {
width:150px;
height:30px;
padding:0px;
opacity:0.030;
transition:0.5s;
vertical-align: middle;
horizontal-align: middle;
}
.catgdesctext4192:hover { opacity:1; }</style>
<div class="catgdescback4192">
<div class="catgdesctext4192">
<span class="catgtext4192"> </span>
<div align="center">
<a href="http://www.fairytailrp.com/u4192"><img src="http://oi61.tinypic.com/11hrwaw.jpg" /></a>
</div><span class="catgtext4192"> </span>
</div>
</div>
<style>.catgdescback13519 {
background:url('http://i.imgur.com/AJ9RO20.jpg?1');
width:150px;
height:30px;
padding:0px;
border: 2px solid rgb(0, 0, 0);
border-radius: 100px;
}
.catgdesctext13519 {
width:150px;
height:30px;
padding:0px;
opacity:0.030;
transition:0.5s;
vertical-align: middle;
horizontal-align: middle;
}
.catgdesctext13519:hover { opacity:1; }</style>
<div class="catgdescback13519">
<div class="catgdesctext13519">
<span class="catgtext13519"> </span>
<div align="center">
<a href="http://www.fairytailrp.com/u13519"><img src="http://oi58.tinypic.com/ic7qco.jpg" /></a>
</div><span class="catgtext13519"> </span>
</div>
</div>
<style>.catgdescback11468 {
background:url('http://i1015.photobucket.com/albums/af278/kneel343/2014-07-06-659287.jpg');
width:150px;
height:30px;
padding:0px;
border: 2px solid rgb(0, 0, 0);
border-radius: 100px;
}
.catgdesctext11468 {
width:150px;
height:30px;
padding:0px;
opacity:0.030;
transition:0.5s;
vertical-align: middle;
horizontal-align: middle;
}
.catgdesctext11468:hover { opacity:1; }</style>
<div class="catgdescback11468">
<div class="catgdesctext11468">
<span class="catgtext11468"> </span>
<div align="center">
<a href="http://www.fairytailrp.com/u11468"><img src="http://oi62.tinypic.com/ao1gfd.jpg" /></a>
</div><span class="catgtext11468"> </span>
</div>
</div>
<hr /><span style="font-size: 10px;"><strong>HEAD SUPPORTS</strong></span><style>.catgdescback672 {
background:url('http://www.servimg.com/u/f18/16/22/42/91/lemon10.jpg');
width:150px;
height:30px;
padding:0px;
border: 2px solid rgb(0, 0, 0);
border-radius: 100px;
}
.catgdesctext672 {
width:150px;
height:30px;
padding:0px;
opacity:0.030;
transition:0.5s;
vertical-align: middle;
horizontal-align: middle;
}
.catgdesctext672:hover { opacity:1; }</style>
<div class="catgdescback672">
<div class="catgdesctext672">
<span class="catgtext672"> </span>
<div align="center">
<a href="http://www.fairytailrp.com/u672"><img src="http://oi62.tinypic.com/25snds4.jpg" /></a>
</div><span class="catgtext672"> </span>
</div>
</div>
<style>.catgdescback1037 {
background:url('http://orig00.deviantart.net/998f/f/2015/158/e/6/shin_by_ftrpyato-d8wbwzn.jpg');
width:150px;
height:30px;
padding:0px;
border: 2px solid rgb(0, 0, 0);
border-radius: 100px;
}
.catgdesctext1037 {
width:150px;
height:30px;
padding:0px;
opacity:0.030;
transition:0.5s;
vertical-align: middle;
horizontal-align: middle;
}
.catgdesctext1037:hover { opacity:1; }</style>
<div class="catgdescback1037">
<div class="catgdesctext1037">
<span class="catgtext1037"> </span>
<div align="center">
<a href="http://www.fairytailrp.com/u1037"><img src="http://oi60.tinypic.com/ejesmx.jpg" /></a>
</div><span class="catgtext1037"> </span>
</div>
</div>
<style>.catgdescback130 {
background:url('http://oi57.tinypic.com/qxs9jl.jpg');
width:150px;
height:30px;
padding:0px;
border: 2px solid rgb(0, 0, 0);
border-radius: 100px;
}
.catgdesctext130 {
width:150px;
height:30px;
padding:0px;
opacity:0.030;
transition:0.5s;
vertical-align: middle;
horizontal-align: middle;
}
.catgdesctext130:hover { opacity:1; }</style>
<div class="catgdescback130">
<div class="catgdesctext130">
<span class="catgtext130"> </span>
<div align="center">
<a href="http://www.fairytailrp.com/u130"><img src="http://oi61.tinypic.com/98gh8p.jpg" /></a>
</div><span class="catgtext130"> </span>
</div>
</div>
<hr /><span style="font-size: 10px;"><strong>SUPPORT</strong></span><style>.catgdescback11398 {
background:url('http://orig12.deviantart.net/68d0/f/2015/158/b/1/nate_by_ftrpyato-d8wbx34.jpg');
width:150px;
height:30px;
padding:0px;
border: 2px solid rgb(0, 0, 0);
border-radius: 100px;
}
.catgdesctext11398 {
width:150px;
height:30px;
padding:0px;
opacity:0.030;
transition:0.5s;
vertical-align: middle;
horizontal-align: middle;
}
.catgdesctext11398:hover { opacity:1; }</style>
<div class="catgdescback11398">
<div class="catgdesctext11398">
<span class="catgtext___"> </span>
<div align="center">
<a href="http://www.fairytailrp.com/u_____"><img src="http://oi59.tinypic.com/21bofpz.jpg" /></a>
</div><span class="catgtext11398"> </span>
</div>
</div>
<style>.catgdescback14997 {
background:url('http://orig13.deviantart.net/f4f6/f/2015/158/0/9/isolde_by_ftrpyato-d8wbx21.jpg');
width:150px;
height:30px;
padding:0px;
border: 2px solid rgb(0, 0, 0);
border-radius: 100px;
}
.catgdesctext14997 {
width:150px;
height:30px;
padding:0px;
opacity:0.030;
transition:0.5s;
vertical-align: middle;
horizontal-align: middle;
}
.catgdesctext14997:hover { opacity:1; }</style>
<div class="catgdescback14997">
<div class="catgdesctext14997">
<span class="catgtext___"> </span>
<div align="center">
<a href="http://www.fairytailrp.com/u14997"><img src="http://oi57.tinypic.com/by1hv.jpg" /></a>
</div><span class="catgtext14997"> </span>
</div>
</div>
<style>.catgdescback4071 {
background:url('http://orig14.deviantart.net/9196/f/2015/158/f/8/me_by_ftrpyato-d8wbx5n.jpg');
width:150px;
height:30px;
padding:0px;
border: 2px solid rgb(0, 0, 0);
border-radius: 100px;
}
.catgdesctext4071 {
width:150px;
height:30px;
padding:0px;
opacity:0.030;
transition:0.5s;
vertical-align: middle;
horizontal-align: middle;
}
.catgdesctext4071:hover { opacity:1; }</style>
<div class="catgdescback4071">
<div class="catgdesctext4071">
<span class="catgtext4071"> </span>
<div align="center">
<a href="http://www.fairytailrp.com/u4071"><img src="http://oi61.tinypic.com/jb7ltu.jpg" /></a>
</div><span class="catgtext4071"> </span>
</div>
</div>
<style>.catgdescback14873 {
background:url('http://i.imgur.com/5E0heyq.jpg');
width:150px;
height:30px;
padding:0px;
border: 2px solid rgb(0, 0, 0);
border-radius: 100px;
}
.catgdesctext14873 {
width:150px;
height:30px;
padding:0px;
opacity:0.030;
transition:0.5s;
vertical-align: middle;
horizontal-align: middle;
}
.catgdesctext14873:hover { opacity:1; }</style>
<div class="catgdescback14873">
<div class="catgdesctext14873">
<span class="catgtext14873"> </span>
<div align="center">
<a href="http://www.fairytailrp.com/u14873"><img src="http://oi62.tinypic.com/2s6scc1.jpg" /></a>
</div><span class="catgtext14873"> </span>
</div>
</div><style>.catgdescback14734 {
background:url('http://orig02.deviantart.net/b6d7/f/2015/163/3/d/vlad_by_ftrpyato-d8x05xi.jpg');
width:150px;
height:30px;
padding:0px;
border: 2px solid rgb(0, 0, 0);
border-radius: 100px;
}
.catgdesctext14734 {
width:150px;
height:30px;
padding:0px;
opacity:0.030;
transition:0.5s;
vertical-align: middle;
horizontal-align: middle;
}
.catgdesctext14734:hover { opacity:1; }</style>
<div class="catgdescback14734">
<div class="catgdesctext14734">
<span class="catgtext14734"> </span>
<div align="center">
<a href="http://www.fairytailrp.com/u14734"><img src="http://oi58.tinypic.com/x0npcp.jpg" /></a>
</div><span class="catgtext14734"> </span>
</div>
</div>
</div>
|
|