انجمن کدستانMoisrex

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

<script type="text/javascript" src="http://rahatem.persiangig.com/document/siavash-javacode/nav.js"></script>

<style>

html, body {height:100%;}

* {outline:none;}

body {margin:0px;padding:0px;background:#010a11;font-family:'Century Gothic', arial, serif;}

h1, h2, h3, h4, h5, h6 {font-family:"Myriad Pro", "Trebuchet MS", sans-serif;}

.main{ width:570px;overflow:hidden;float:left;direction:rtl;}

.post{width:90%;color:#afacac; font-family:Tahoma; font-size:10pt; text-align:right;direction:rtl}

.content{width:100%;color:#afacac;

font-family:Tahoma; font-size:10pt;

text-align:justify;overflow:hidden;float:left;direction:rtl;line-height:25px;}

.posttitle{text-align:right;color:#ffffff; font-family:Tahoma ; font-size:10pt;}

.posttitle A{color:#ffffff; font-family:Tahoma ; font-size:10pt;text-decoration:none;}

.posttitle A:link,visited{color:#ffffff; font-family:Tahoma ; font-size:10pt;text-decoration:none;}

.posttitle A:hover{color:#afacac; font-family:Tahoma ; font-size:10pt;text-decoration:none;}

.comment {color:#ffffff;font-family:Tahoma; font-size:8pt;}

.comment A{color:#ffffff;font-family:Tahoma; font-size:8pt ; text-decoration:none}

.comment A:link,visited {color:#ffffff;font-family:Tahoma; font-size:8pt ; text-decoration:none;}

.comment A:hover{color:#888686;font-family:Tahoma; font-size:8pt ; text-decoration:none;}

.menutitle {color:#ffffff; font-family:Tahoma ;font-size:9pt; padding-top:18px}

.menuheader{height:60px;background-image:url(http://s2.picofile.com/file/7589434836/menuheader.png)}

.menuborder{background-image:url(http://s3.picofile.com/file/7589434515/menu.png)}

.menufooter{height:20px;background-image:url(http://s2.picofile.com/file/7589434729/menufooter.png);background-repeat:no-repeat}

.menut

{width:90%;color:#afacac;

font-family:Tahoma;font-size:9pt;line-height:20px;

text-decoration:none;overflow:hidden;float:inherit}

.menut A:{color:#afacac ; font-family:Tahoma;font-size:9pt;line-height:20px; text-decoration:none;overflow:hidden;float:inherit}

.menut A:link,visited {color:#afacac; text-decoration:none}

.menut A:hover{color:#ffffff;text-decoration:none;font-size:9pt;}

.rss {color:#afacac;font-family:Tahoma ; font-size:9pt ;font-weight:bold;text-decoration:none;}

.rss A:link,visited{color:#afacac;font-family:Tahoma ; font-size:9pt ;font-weight:bold;text-decoration:none}

.rss A:hover{color:#ffffff;font-family:Tahoma ; font-size:9pt ;font-weight:bold;text-decoration:none}

ul.menu

{margin:0;margin-top: -70px;padding:0;list-style:

none;font-family:"Myriad Pro", "Trebuchet MS",

sans-serif;font-size:14px;width:340px;position:absolute;top:30%;right:10%}

ul.menu a {text-decoration:none;outline:none;}

ul.menu li {float:left;width:170px;height:85px;position:relative;cursor:pointer;}

ul.menu

li > a

{position:absolute;top:0px;left:0px;width:170px;height:85px;z-index:12;background:transparent

url(images/overlay.png) no-repeat bottom right;background-color:

rgba(0, 0, 0, 0.75);-moz-box-shadow:0px 0px 2px #000

inset;-webkit-box-shadow:0px 0px 2px #000 inset;box-shadow:0px 0px 2px

#000 inset;}

ul.menu li a img

{border:none;position:absolute;width:0px;height:0px;bottom:0px;left:85px;z-index:100;-moz-box-shadow:0px

0px 4px #000;-webkit-box-shadow:0px 0px 4px #000;box-shadow:0px 0px 4px

#000;}

ul.menu li span.wrap {position:absolute;top:25px;left:0px;width:170px;height:60px;z-index:15;}

ul.menu

li span.active {position:absolute;background: rgba(0, 0, 0,

0.75);top:85px;width:170px;height:0px;left:0px;z-index:14;-moz-box-shadow:0px

0px 4px #000 inset;-webkit-box-shadow:0px 0px 4px #000

inset;box-shadow:0px 0px 4px #000 inset;-webkit-box-shadow: 0px 0px 4px

#000 inset;-moz-box-shadow: 0px 0px 4px #000 inset;box-shadow: 0px 0px

4px #000 inset;-webkit-border-bottom-right-radius:

15px;-webkit-border-bottom-left-radius: 15px;border-bottom-right-radius:

15px;-moz-border-radius-bottomright: 15px;border-bottom-left-radius:

15px;-moz-border-radius-bottomleft: 15px;}

ul.menu li span span.link,

ul.menu li span span.descr, ul.menu li div.box a

{margin-left:15px;text-transform:uppercase;text-shadow:1px 1px 1px

#000;}

ul.menu li span span.link {color:#fff;font-size:24px;float:left;clear:both;}

ul.menu li span span.descr {color:#0B75AF;float:left;clear:both;width:155px;font-size:10px;letter-spacing:1px;}

ul.menu

li div.box

{display:block;position:absolute;width:170px;overflow:hidden;height:170px;top:85px;left:0px;display:none;background:#000;}

ul.menu li div.box a {float:left;clear:both;line-height:30px;color:#0B75AF;}

ul.menu li div.box a:first-child {margin-top:15px;}

ul.menu li div.box a:hover {color:#fff;}

#fi{position: absolute; top: 0px; left: 0px; width:100%;height:100%;overflow:hidden}

#dot{position: absolute ; top: 0px; left: 0px;width:100%;height:100%;overflow:hidden}

.menutop

{color:#ffffff;

font-family:Tahoma;font-weight:bold;font-size:9pt;line-height:20px;margin:0

15; text-decoration:none;overflow:hidden;float:inherit;}

.menuV {color:#ffffff; font-family:Tahoma;font-size:9pt;}

.menuV A:link,visited {color:#ffffff;font-family:tahoma; text-decoration:none}

.menuV A:hover{color:#bbbbbb;font-family:tahoma;text-decoration:none;font-size:9pt;}

</style>

<div id="first_p" style="margin:0px 0px 0px 0px;">

<div id="fi"><img src="http://s2.picofile.com/file/7588573331/h13.jpg" /></div>

<div id="dot"><img src="http://s2.picofile.com/file/7588505478/do.png" /></div>

<nav>

<ul id="menu" class="menu">

<li> <a

onclick="document.getElementById('main_p').style.display =

'block';document.getElementById('first_p').style.display = 'none';"

href="#"> <img

src="http://s2.picofile.com/file/7586867846/page.jpg" alt=""/>

<span class="active"></span> <span class="wrap"

id="li"> <span class="link" id="pa"> Enter Site</span>

<span class="descr">enter website</span> </span>

</a> </li>

<li> <a

href="http://www.facebook.com/siavash.kheirabi.5"> <img

src="http://s2.picofile.com/file/7586861391/face.jpg" alt=""/>

<span class="active"></span> <span class="wrap"

id="li"> <span class="link" id="pa">Facebook</span>

<span class="descr" id="de">Follow Me On Facebook</span>

</span> </a> </li>

</ul>

</nav>