السلام عليكم

ممكن تستخرجو لي الرابط الموجود بهذا الكود

الكود:

<div id="ahmed" onclick="ahmed1()" style="display:none"></div>
<div id="mohamedbtn" onclick="ahmed1();">دخول</div>
<div id="mohamed1" style="display:none">
<img src="http://2img.net/i/fa/empty.gif" class="closebutton" width="20px" height="20px" onclick="ahmed1();"/>
  <h1>الدخول</h1>
  <form action="/login.forum" method="post">
    <ul>
      <li><label for="username">اسم الدخول</label></li>
      <li><input type="text" name="username" size="25" /></li>
      <li><label for="password">الرقم السرى</label></li>
      <li><input type="password" name="password" size="25" /></li>
      <li>تذكرنى</li>
      <li><input type="checkbox" name="autologin" checked="checked" /></li>
    </ul>
    <div style="clear:left"></div>
    <input type="submit" class="login-submit" name="login" value="دخول" />
    <input name="redirect" type="hidden" value="">
  </form>
</div>
<script>
function ahmed1() {
  var x = document.getElementById('mohamed1');
  if (x.style.display == 'none') {
      jQuery(x).add('#ahmed').fadeIn('slow');
      var r = x.getElementsByTagName('form')[0].redirect;
      r.value = window.location.href;
  }
  else {
      jQuery(x).add('#ahmed').fadeOut('slow');
  }
}
jQuery(function(){ if(document.getElementById('logout')) document.getElementById('LGloginbtn').style.display = 'none'; });
</script>
<style>
#ahmed {
  position: fixed;
  top: 0px;
  left: 0px;
  min-height: 101%;
  width: 100%;
  background-color: #000;
  opacity: 0.7;
  filter:Alpha(opacity=70);
  z-index: 999;
}
#mohamed1 {
  background: #EEE;
  color: #777;
  left: 25%;
  position: fixed;
  top: 30%;
  width: 50%;
  z-index: 999;
  box-shadow: 10px 10px 40px black;
  -moz-box-shadow: 10px 10px 40px black;
  -webkit-box-shadow: 10px 10px 40px black;
  font-family: sans-serif;
  text-shadow: 0px 1px 1px white;
  color: #666;
}
#mohamed1 h1 {
  background: #CCC;
  margin-top: 0;
  padding: 8px 10px;
  text-align: left;
  border-bottom: 1px solid #888;
}
#mohamed1 form {
  margin: 10px auto;
  width: 90%;
}
#mohamed1 img.closebutton {
  float: right;
  margin: 10px;
  background: url('http://i45.servimg.com/u/f45/16/95/07/69/bt_clo10.png') no-repeat 0 -20px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
#mohamed1 img.closebutton:hover {background: url('http://i45.servimg.com/u/f45/16/95/07/69/bt_clo10.png') 0 0px;}
#LGlogin ul {
  list-style-type: none;
}
#mohamed1 ul li {
  float: left;
  width: 50%;
  font-size: 1.2em;
}
#mohamed1 li input {
  padding: 4px;
  background: #fff;
  border: 1px solid #CCC;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#mohamed1 .login-submit {
  display: block;
  margin: 15px auto;
  background: #CCC;
  border: 1px solid;
  color: #666;
  padding: 5px 10px;
  font-weight: bold;
  text-shadow: 0px 1px 1px #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  cursor: pointer;
}
#mohamed1 .login-submit:hover {
  color: #AAA;
}
#mohamedbtn {
  background: #CCC;
  border: 1px solid;
  color: #555;
  font-weight: bold;
  font-size: 1.4em;
  padding: 10px 30px;
  position: fixed;
  right: 10px;
  text-shadow: 0 1px 1px white;
  top: 5px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  box-shadow: 4px 8px 25px #444;
  -webkit-box-shadow: 4px 8px 25px #444;
  -moz-box-shadow: 4px 8px 25px #444;
  cursor: pointer;
}
#mohamedbtn:hover {
  color: #888;
}
</style>

لكي يتم وضعه في ايقونة الدخول بمنتداي بمجرد النقرعلى زر الدخول
تنبثق له نافذة الدخول

تفضل اخي

الكود:

<div style="position: fixed; top: 0px; right: 0px; background: black; width: 100%; color: #ECECEC; padding: 3px; z-index: 999;"> <div id='cssmenu'>
<ul>
  <li class='active '><a href='http://4egy.net'><span>الرئيسية</span></a></li>
  <li class='active '><a href='http://4egy.net/forum'><span>المنتدى</span></a></li>
  <li class='active '><a href='http://www.4egy.net/privmsg?folder=inbox'><span>الرسائل الخاصة</span></a></li>
  <li class='active has-sub '><a href='#'><span>روابط مهمة</span></a>
      <ul>
        <li class='active '><a href='http://www.4egy.net/memberlist'><span>قائمة الاعضاء</span></a></li>
        <li class='active '><a href='http://www.4egy.net/profile?mode=editprofile'><span>البيانات الشخصية</span></a></li>
        <li><a href='http://www.4egy.net/h10-page'><span>مركز الرفع</span></a></li>
        <li><a href='http://www.4egy.net/h18-page'><span>المدونة</span></a></li>        <li><a href='http://www.4egy.net/groups'><span>المجموعات</span></a></li>

      </ul>
  </li>
  <li><a href='http://www.4egy.net/search.forum?search_id=newposts'><span>ما الجديد ؟</span></a></li>
  <li><a href='http://www.4egy.net/search.forum?search_id=unanswered'><span>مواضيع لم يتم الرد عليها</span></a></li>

</ul>
</div>
</div>
<Style>
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
text-align: right;
font-weight: bold;
}
#cssmenu {
  height: 49px;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  background: #141414;
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0);
  border-bottom: 2px solid #e00f16;
text-align: right;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
text-align: right;

}
#cssmenu a {
  background: #141414;
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0);
  color: #ffffff;
  display: inline-block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 49px;
  padding: 0 20px;
  text-decoration: none;
text-align: right;

}
#cssmenu ul {
  list-style: none;
text-align: right;

}
#cssmenu > ul {
  float: right;
text-align: right;

}
#cssmenu > ul > li {
  float: right;
text-align: right;

}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #e00f16;
  margin-left: -10px;
text-align: right;

}
#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
text-align: right;

}
#cssmenu > ul > li:last-child > a {
  border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
text-align: right;

}
#cssmenu > ul > li.active > a {
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
  background: #070707;
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0);
text-align: right;

}
#cssmenu > ul > li:hover > a {
  background: #070707;
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0);
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
text-align: right;

}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
text-align: right;

  left: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  background: #e00f16;
  border-bottom: 1px dotted #ec6f73;
  filter: none;
  font-size: 11px;
  display: block;
  line-height: 120%;
  padding: 10px;
text-align: right;

}
/* code brogramed by www.4egy.net*/
#cssmenu .has-sub ul li:hover a {
  background: #b00c11;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #b00c11;
  border-bottom: 1px dotted #d06d70;
text-align: right;

}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #80090d;
text-align: right;

}
</style>

عند وضعك للكود يجب على الصورة ان تختفي

ضع مكانها كلمة الدخول

وان استطعت اخي قم بتغيير لون الاسود المحيط الى الازرق
ضع مكانه هذا اللون
كود اللون

#2667A9