Welcome Guest! Your last visit was . You have made 0 posts! Please welcome our newest member, chapaysbe!


    CSS HTML

    Share
    avatar
    Itchy

    Posts : 174

    Info Sheet
    Character Name: Do'Saah
    HP: 45
    MP: 45

    CSS HTML

    Post by Itchy on Sat Jun 13, 2015 4:58 pm

    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://illiweb.com/fa/pbucket.gif); 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>


    ______________________________________________________________________________________________________
    avatar
    Itchy

    Posts : 174

    Info Sheet
    Character Name: Do'Saah
    HP: 45
    MP: 45

    Re: CSS HTML

    Post by Itchy on Sat Jun 13, 2015 5:13 pm

    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://illiweb.com/fa/pbucket.gif); 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> 


    ______________________________________________________________________________________________________
    avatar
    Itchy

    Posts : 174

    Info Sheet
    Character Name: Do'Saah
    HP: 45
    MP: 45

    Re: CSS HTML

    Post by Itchy on Sat Jun 13, 2015 6:11 pm

    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://illiweb.com/fa/pbucket.gif);">
             
          </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>
                                                                   


    ______________________________________________________________________________________________________
    avatar
    Itchy

    Posts : 174

    Info Sheet
    Character Name: Do'Saah
    HP: 45
    MP: 45

    Re: CSS HTML

    Post by Itchy on Sat Jun 13, 2015 8:29 pm

    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://illiweb.com/fa/pbucket.gif');
    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>


    ______________________________________________________________________________________________________

    Sponsored content

    Re: CSS HTML

    Post by Sponsored content


      Current date/time is Tue Jul 25, 2017 1:41 am