<script><!--Своя картинка или Слово в Пользовательские Ссылки -->
var Img_Word=0;   //0-Картинка;1-Cлово /Ставим картинку или Слово ?
ulinks=new Array(
  ".item1","http://sd.uploads.ru/V4Q3w.png", // Новые сообщения
  ".item7","http://sd.uploads.ru/k83eH.png", // Oтветы
  ".item2","http://sd.uploads.ru/CjO1q.png", // Активные темы
  ".item3","http://sd.uploads.ru/Lny91.png", // Темы без ответов
  ".item4","http://sd.uploads.ru/ljk2z.png", // Мои сообщения
  ".item5","http://sd.uploads.ru/DGs8d.png", // Подписка
  ".item6","http://sd.uploads.ru/k83eH.png" // Все прочитано - !ПОСЛЕДНИЙ элемент без запятой
)
var s,i;for (i=0; i < ulinks.length; i++){s=ulinks[i+1];
   if(!Img_Word){s='<img class="ulinks" src="'+s+'" border="0" />'}
   $("#pun-ulinks "+ulinks[i]+" a").html("<span>"+s+"</span>");i++;}
</script>

<!--HTML-->
<style type="text/css">
.golliew {
width: 500px;
height: 600px;
margin: 10px;
border: 10px solid #c9d8e5;
overflow: hidden;
position: relative;
text-align: center;
-webkit-box-shadow: 1px 1px 2px #354854;
-moz-box-shadow: 1px 1px 2px #354854;
box-shadow: 1px 1px 2px #354854;
background: url(500X600 IMAGE HERE) no-repeat center center;
}

.golliew .gollask,.golliew .gollent {
width: 500px;
height: 600px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}

.golliew img {
display: block;
position: relative;
}

.golliew-ninth .gollask-1, .golliew-ninth .gollask-2 {
height: 1000px;
width: 1000px;
background: rgba(145,170,185,0.3);
-webkit-transition: all 0.3s ease-in-out 0.6s;
-moz-transition: all 0.3s ease-in-out 0.6s;
-o-transition: all 0.3s ease-in-out 0.6s;
transition: all 0.3s ease-in-out 0.6s;
}

.golliew-ninth .gollask-1 {
left: auto;
right: 0;
-webkit-transform: rotate(56.5deg) translateX(-400px);
-moz-transform: rotate(56.5deg) translateX(-400px);
-o-transform: rotate(56.5deg) translateX(-400px);
-ms-transform: rotate(56.5deg) translateX(-400px);
transform: rotate(56.5deg) translateX(-400px);
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}

.golliew-ninth .gollask-2 {
top: auto;
bottom: 0;
-webkit-transform: rotate(56.5deg) translateX(400px);
-moz-transform: rotate(56.5deg) translateX(400px);
-o-transform: rotate(56.5deg) translateX(400px);
-ms-transform: rotate(56.5deg) translateX(400px);
transform: rotate(56.5deg) translateX(400px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}

.golliew-ninth .gollent {
background-color: rgba(59,45,44,0.9);
color: #ffffff;
height: 0;
width: 500px;
overflow: hidden;
-webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
-moz-transform: rotate(-33.5deg) translate(-112px, 166px);
-o-transform: rotate(-33.5deg) translate(-112px, 166px);
-ms-transform: rotate(-33.5deg) translate(-112px, 166px);
transform: rotate(-33.5deg) translate(-112px, 166px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transition: all 0.4s ease-in-out 0.3s;
-moz-transition: all 0.4s ease-in-out 0.3s;
-o-transition: all 0.4s ease-in-out 0.3s;
transition: all 0.4s ease-in-out 0.3s;
}

.golliew-ninth a.info {
display: none;
}

.golliew-ninth:hover .gollent {
height: 400px;
width: 400px;
top: 100px;
left: 50px;
-webkit-transform: rotate(0deg) translate(0, 0);
-moz-transform: rotate(0deg) translate(0, 0);
-o-transform: rotate(0deg) translate(0, 0);
-ms-transform: rotate(0deg) translate(0, 0);
transform: rotate(0deg) translate(0, 0);
}

.golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}

.golliew-ninth:hover .gollask-1 {
-webkit-transform: rotate(56.5deg) translateX(113px);
-moz-transform: rotate(56.5deg) translateX(1px);
-o-transform: rotate(56.5deg) translateX(1px);
-ms-transform: rotate(56.5deg) translateX(1px);
transform: rotate(56.5deg) translateX(1px);
}

.golliew-ninth:hover .gollask-2 {
-webkit-transform: rotate(56.5deg) translateX(-112px);
-moz-transform: rotate(56.5deg) translateX(-1px);
-o-transform: rotate(56.5deg) translateX(-1px);
-ms-transform: rotate(56.5deg) translateX(-1px);
transform: rotate(56.5deg) translateX(-1px);
}

.gollund {
overflow: hidden;
text-align: center;
color: #91aab9;
font-family: Courier New;
font-size: 14px;
text-transform: lowercase;
font-style: italic;
}

.gollund:before, .gollund:after {
background-color: #837372;
gollent: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%;
}

.gollund:before {
right: 0.5em;
margin-left: -50%;
}

.gollund:after {
left: 0.5em;
margin-right: -50%;
}

.three-columns .column {
width: 33%;
float: left;
}

.gollinfo {
height: 150px;
overflow: auto;
padding: 4px;
font-family: Candara, sans-serif;
font-size: 11px;
color: #dddede;
line-height: 12px;
text-align: justify;
}

div.gollinfo::-webkit-scrollbar {
width: 6px;
}

div.gollinfo::-webkit-scrollbar-button {
width: 6px;
height: 4px;
}

div.gollinfo::-webkit-scrollbar-track {
background: transparent;
}

div.gollinfo::-webkit-scrollbar-thumb {
background:#837372;
}

.gollname {
font-family: Courier New;
font-size: 24px;
color: #91aab9;
padding-top: 6px;
}

a.gollc {
font-size: 8px;
text-decoration: none;
color: black;
}
</style>

<center>
<div class="golliew golliew-ninth">
<img src="http://i.imgur.com/P21uAIW.png" />
<div class="gollask gollask-1"></div>
<div class="gollask gollaskco-2"></div>
<div class="gollent">
<div class="gollname">XAVIER PRYCE</div>
<div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦</font> has been raised into a lineage of creature hunters<br />
<font color="#837372">♦</font> has a daughter, who's mother is locked away in the insane asylum since she couldn't take the pregnancy.<br />
<font color="#837372">♦</font> he feel in love with a girl over seas and is about to get some news that may rock his world and change his life forever since she is something he should be hunting or well know people who hunts her kind..<br />
<font color="#837372">♦</font> he is bound to have some enemies so if you are a creature and all you are probably on his enemies list as he is yours. <br />
<font color="#837372">♦</font> he has a few hunting buddies so if you want to be a hunting buddy we can work something out for sure!<br />
<font color="#837372">♦</font> he owns a business as a cover seeing fire arms and weaponry that has its very own shooting range and what not where people can practice their crafts. They also sell trainable weaponry to police academies so people don't get hurt when training. Safety first and all.<br />
<font color="#837372">♦</font> or some significant events, whatever.<br /><br />

<br /><br />
</div><br />


<div class="three-columns">
<div id="clm1" class="column"><div class="gollund">FRIENDS</div>
<div class="gollinfo">name here<br />
name here<br />
name here</div></div>
<div id="clm2" class="column"><div class="gollund">ENEMIES</div>
<div class="gollinfo">name here<br />
name here<br />
name here</div></div>
<div id="clm3" class="column"><div class="gollund">LOVERS</div>
<div class="gollinfo">name here<br />
name here<br />
name here</div></div>
</div>
</div>
</div>
</center><div style="width: 500px; margin-top: -4px; text-align: right;"><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=25172" target="_blank" class="gollc">❥SHERBERT</a></div>

<!--HTML-->
<center><link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'><div class="contaheorj"><div id="iyourobaw"><!-- |avatar| --><div class="yfooliyth" style="margin-top: -400px;"><div class="hondwou"><div class="canonhabag"><div class="diisheron" style="padding-top: 15px;"><img src="<!-- |field_1| -->" width="190px"></div><div class="tdrmmatial" style="margin-top: 5px;"><!-- |field_2| --> + <!-- |field_3| --></div><div class="tdrmmatial" style="margin-top: 5px;"><!-- |field_4| --></div><div class="tdrmmatial" style="margin-top: 5px;"><!-- |field_5| --></div> <div class="hewegoebod" style="margin-top: 5px;"><!-- |field_6| --> + <!-- |field_7| --></div><div class="hewegoebod" style="margin-top: 5px;"><a href="<!-- |field_8| -->">application</a></div><div class="hewegoebod" style="margin-top: 5px;"><a href="<!-- |field_9| -->">shipper</a></div> <div class="tdrmmatial" style="margin-top: 5px;"><!-- |posts| --> posts</div> <div class="tdrmmatial" style="margin-top: 5px;"><!-- |status| --></div></div></div> </div></div></div></center>