اريد هذا الكود او افضل منه

اريد مثل هذا الكود
للتوضيح هو
عبارة عن كود للتسجيل السريع يوضع فى الصفحة التى تظهر عند دخول المنتدى
وبها
تسجيل .دخول. اخفاء


هذه صورة الكود
https://i.servimg.com/u/f75/17/99/84/22/sc201330.png



وارجو من الادارة غلق هذا الموضوع
وارسالة الى السلة
https://help.ahlamontada.com/t1037752-topic


وشكر خاص للمساعدة hamsa_haq
على مجهودها المتواضع مع بالمنتدى

[url=https://servimg.com/view/17998422/88][img]http://i75.ser

مرحبا اخى

تفضل

الكود:


<style type="text/css" id="css">
/**
* vBulletin 3.8.6 CSS
* Style: 'الناشر اصدقاء ديريك..تصميمtorreson http://havaledereke.mam9.com/'; Style ID: 117
*/


.button
{
  color: #9a323b;
  font: 11px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}


</style>

<style type="text/css">
#topbar{
  position:absolute;
  padding: 4px;
  width: 405px;
  visibility: hidden;
  left: 11px;
  top: 136px;
}
.button {color: #9a323b;
  font: 11px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button1 {  color: #9a323b;
  font: 11px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button1 {color: #9a323b;
  font: 11px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.Style1 {
  color: #FFFFFF;
  font-weight: bold;
}
</style>
<script type="text/javascript">
var persistclose=0
var startX = 30 //set x offset of bar in pixels
var startY = 4 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script><div id="topbar" style=""> <!-- http://www.3zfaldmo3.com -->
  <table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr></tr>
    <tr>
      <td><table width="100%" border="1" cellpadding="0" cellspacing="4" bordercolor="#7D626F">
        <tr></tr>
        <tr>
          <td><table width="400" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#999999">
              <tr>
                <td height="30" class="thead" align="center"><table width="100%" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td width="100%" align="center" background="http://i49.servimg.com/u/f49/17/09/63/71/td13.png"><span class="Style1">التسجيل السريع </span></td>
                      <td align="right" background="http://i49.servimg.com/u/f49/17/09/63/71/td13.png"><a style="" href="" onClick="closebar(); return false"><img src="http://i67.servimg.com/u/f67/13/57/76/76/close10.gif" border="0"></a></td>
                    </tr>
                  </table></td>
              </tr>
              <tr>
                <td bgcolor="#FFFFFF"><form action="/register?agreed=true&step=2" method="post" id="form_register">
                    <!-- http://www.3zfaldmo3.com -->
                    <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0" class="forumline">

                      <tr>
                        <td colspan="2" align="center" class="row1">سجلاتنا تفيد بانك غير مسجل .. يرجى التسجيل.. </td>
                      </tr>
                      <tr>
                        <td colspan="2" align="center" class="row1">اسم العضو
                          <input name="username" type="text" class="post" id="username_reg" style="font-size: 11px" size="15" /></td>
                      </tr>
                      <tr>
                        <td class="row1">البريد الالكتروني
                          <input name="email" type="text" class="post ltr" id="email" style="font-size: 11px" size="15" />                        </td>
                        <td align="right" class="row2"><input name="password" type="password" class="post left ltr" id="password_reg" style="font-size: 11px" size="15" />
                          كلمة السر</td>
                      </tr>
                      <tr>
                        <td colspan="2" align="center" valign="middle" class="thHead">
                            <fieldset>
                            <legend>ملاحظة</legend>
                              <table width="100%" border="0" cellpadding="0" cellspacing="0">
                              <tr>
                                <td align="center">كلمة السـر يجـب أن تتكـــون مـن حـروف وأرقــام. </td>
                              </tr>
                            </table>
                            </fieldset>                      </td>
                      </tr>
                      <tr>
                        <td colspan="2" align="center" class="gen row1"><table width="250" border="0" align="center" cellpadding="0" cellspacing="4">
                            <tr class="forumline">
                              <td align="left" class="gen row1"><label>
                                <input type="radio" id="profile_field_16_-7" name="profile_field_16_-7" value="1" />
                                <img src="http://2img.net/i/fa/icon_gender_male.gif" alt="" title="ذكر" /> ذكر</label>                              </td>
                              <td class="gensmall row2"><label>
                                <input type="radio" id="radio" name="profile_field_16_-7" value="2" />
                                <img src="http://2img.net/i/fa/icon_gender_female.gif" alt="" title="انثى" /> انثى</label>                              </td>
                            </tr>
                        </table></td>
                      </tr>
                      <tr>
                        <td colspan="2" align="center" class="gen row1">يوم
                          <select class="gensmall" id="profile_field_4_-12_2" name="profile_field_4_-12[]" size="1">
                            <option value="">لا</option>
                            <option value="1">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="4">4</option>
                            <option value="5">5</option>
                            <option value="6">6</option>
                            <option value="7">7</option>
                            <option value="8">8</option>
                            <option value="9">9</option>
                            <option value="10">10</option>
                            <option value="11">11</option>
                            <option value="12">12</option>
                            <option value="13">13</option>
                            <option value="14">14</option>
                            <option value="15">15</option>
                            <option value="16">16</option>
                            <option value="17">17</option>
                            <option value="18">18</option>
                            <option value="19">19</option>
                            <option value="20">20</option>
                            <option value="21">21</option>
                            <option value="22">22</option>
                            <option value="23">23</option>
                            <option value="24">24</option>
                            <option value="25">25</option>
                            <option value="26">26</option>
                            <option value="27">27</option>
                            <option value="28">28</option>
                            <option value="29">29</option>
                            <option value="30">30</option>
                            <option value="31">31</option>
                          </select>
شهر
<select class="gensmall" id="profile_field_4_-12_1" name="profile_field_4_-12[]" size="1">
  <option value="">لا</option>
  <option value="1">يناير</option>
  <option value="2">فبراير</option>
  <option value="3">مارس</option>
  <option value="4">أبريل</option>
  <option value="5">مايو</option>
  <option value="6">يونيو</option>
  <option value="7">يوليو</option>
  <option value="8">أغسطس</option>
  <option value="9">سبتمبر</option>
  <option value="10">أكتوبر</option>
  <option value="11">نوفمبر</option>
  <option value="12">ديسمبر</option>
</select>
عام
<input name="profile_field_4_-12[]" type="text" class="post" id="profile_field_4_-12_0" style="font-size: 11px" value="0" size="5" maxlength="4" /></td>
                      </tr>
                      <tr>
                        <td colspan="2" align="center" class="gen row1"><input name="agree" id="cb_rules_agree" value="1" type="checkbox" />
                          هل أنت موافق على <a href="/register">قوانين المنتدى؟ </a></td>
                      </tr>
                      <tr>
                        <td class="catBottom" colspan="2" align="center" height="28"><input name="submit" type="submit" class="button1" id="submit" value="سجّل" />
                         
                          <input name="reset" type="reset" class="button1" value="اعادة الى الصفر" /></td>
                      </tr>
                    </table>
                  <!-- http://havaledereke.mam9.com -->
                </form></td>
              </tr>
          </table></td>
        </tr>
        <tr></tr>
      </table></td>
    </tr>
  </table> <!-- http://havaledereke.mam9.com -->
</div>
</if>

شكرا لكم انا اريد نفس الطلب كود اخر الموضيع لكن بشكل ولون موقعي يعني اسود بني او احمر او ممكن احط رابط موقعي حتى تشوفوا الشكل؟

ما نوع الكود هذا
css
html
ولا تمبلات

وارجو تعديلة بهذا الرابط
www.eledwa4thanawya.mam9.com

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

وهو يعمل تلقائى على منتداك بدون وضع رابط منتداك
ولو فى مشكله قولى واحاول احلها

وما هذا المنتدى الموجود فى اخر الكود يا اخ زيزو
<input name="reset"
type="reset"
class="button1" value=" ﺍﻋﺎﺩﺓ
ﺍﻟﻰ ﺍﻟﺼﻔﺮ " /></td>
</
tr>
</
table>
<!--
http://
havaledereke.mam9.com -->
</form></
td>
</tr>
</table></td>
</tr>
<tr></tr>
</table></td>
</tr>هذا الرابط يوجه التسجيل لمن وما هى فائدته
</table> <!-- http://
havaledereke.mam9.com -->
</div>
</if>

هذا فقط مجرد حقوق لمصمم الكود


تم التعديل ووضع رابط منتداك بدلا منه ولكن اعلم انه لم تكن هناك اى مشكله او اى فائده من وضعه غير حفظ الحقوق

الكود:


<style type="text/css" id="css">
/**
* vBulletin 3.8.6 CSS
* Style: 'الناشر اصدقاء ديريك..تصميمtorreson http://havaledereke.mam9.com/'; Style ID: 117
*/


.button
{
  color: #9a323b;
  font: 11px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}


</style>

<style type="text/css">
#topbar{
  position:absolute;
  padding: 4px;
  width: 405px;
  visibility: hidden;
  left: 11px;
  top: 136px;
}
.button {color: #9a323b;
  font: 11px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button1 {  color: #9a323b;
  font: 11px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button1 {color: #9a323b;
  font: 11px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.Style1 {
  color: #FFFFFF;
  font-weight: bold;
}
</style>
<script type="text/javascript">
var persistclose=0
var startX = 30 //set x offset of bar in pixels
var startY = 4 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script><div id="topbar" style=""> <!-- http://www.3zfaldmo3.com -->
  <table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr></tr>
    <tr>
      <td><table width="100%" border="1" cellpadding="0" cellspacing="4" bordercolor="#7D626F">
        <tr></tr>
        <tr>
          <td><table width="400" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#999999">
              <tr>
                <td height="30" class="thead" align="center"><table width="100%" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td width="100%" align="center" background="http://i49.servimg.com/u/f49/17/09/63/71/td13.png"><span class="Style1">التسجيل السريع </span></td>
                      <td align="right" background="http://i49.servimg.com/u/f49/17/09/63/71/td13.png"><a style="" href="" onClick="closebar(); return false"><img src="http://i67.servimg.com/u/f67/13/57/76/76/close10.gif" border="0"></a></td>
                    </tr>
                  </table></td>
              </tr>
              <tr>
                <td bgcolor="#FFFFFF"><form action="/register?agreed=true&step=2" method="post" id="form_register">
                    <!-- http://www.3zfaldmo3.com -->
                    <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0" class="forumline">

                      <tr>
                        <td colspan="2" align="center" class="row1">سجلاتنا تفيد بانك غير مسجل .. يرجى التسجيل.. </td>
                      </tr>
                      <tr>
                        <td colspan="2" align="center" class="row1">اسم العضو
                          <input name="username" type="text" class="post" id="username_reg" style="font-size: 11px" size="15" /></td>
                      </tr>
                      <tr>
                        <td class="row1">البريد الالكتروني
                          <input name="email" type="text" class="post ltr" id="email" style="font-size: 11px" size="15" />                        </td>
                        <td align="right" class="row2"><input name="password" type="password" class="post left ltr" id="password_reg" style="font-size: 11px" size="15" />
                          كلمة السر</td>
                      </tr>
                      <tr>
                        <td colspan="2" align="center" valign="middle" class="thHead">
                            <fieldset>
                            <legend>ملاحظة</legend>
                              <table width="100%" border="0" cellpadding="0" cellspacing="0">
                              <tr>
                                <td align="center">كلمة السـر يجـب أن تتكـــون مـن حـروف وأرقــام. </td>
                              </tr>
                            </table>
                            </fieldset>                      </td>
                      </tr>
                      <tr>
                        <td colspan="2" align="center" class="gen row1"><table width="250" border="0" align="center" cellpadding="0" cellspacing="4">
                            <tr class="forumline">
                              <td align="left" class="gen row1"><label>
                                <input type="radio" id="profile_field_16_-7" name="profile_field_16_-7" value="1" />
                                <img src="http://2img.net/i/fa/icon_gender_male.gif" alt="" title="ذكر" /> ذكر</label>                              </td>
                              <td class="gensmall row2"><label>
                                <input type="radio" id="radio" name="profile_field_16_-7" value="2" />
                                <img src="http://2img.net/i/fa/icon_gender_female.gif" alt="" title="انثى" /> انثى</label>                              </td>
                            </tr>
                        </table></td>
                      </tr>
                      <tr>
                        <td colspan="2" align="center" class="gen row1">يوم
                          <select class="gensmall" id="profile_field_4_-12_2" name="profile_field_4_-12[]" size="1">
                            <option value="">لا</option>
                            <option value="1">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="4">4</option>
                            <option value="5">5</option>
                            <option value="6">6</option>
                            <option value="7">7</option>
                            <option value="8">8</option>
                            <option value="9">9</option>
                            <option value="10">10</option>
                            <option value="11">11</option>
                            <option value="12">12</option>
                            <option value="13">13</option>
                            <option value="14">14</option>
                            <option value="15">15</option>
                            <option value="16">16</option>
                            <option value="17">17</option>
                            <option value="18">18</option>
                            <option value="19">19</option>
                            <option value="20">20</option>
                            <option value="21">21</option>
                            <option value="22">22</option>
                            <option value="23">23</option>
                            <option value="24">24</option>
                            <option value="25">25</option>
                            <option value="26">26</option>
                            <option value="27">27</option>
                            <option value="28">28</option>
                            <option value="29">29</option>
                            <option value="30">30</option>
                            <option value="31">31</option>
                          </select>
شهر
<select class="gensmall" id="profile_field_4_-12_1" name="profile_field_4_-12[]" size="1">
  <option value="">لا</option>
  <option value="1">يناير</option>
  <option value="2">فبراير</option>
  <option value="3">مارس</option>
  <option value="4">أبريل</option>
  <option value="5">مايو</option>
  <option value="6">يونيو</option>
  <option value="7">يوليو</option>
  <option value="8">أغسطس</option>
  <option value="9">سبتمبر</option>
  <option value="10">أكتوبر</option>
  <option value="11">نوفمبر</option>
  <option value="12">ديسمبر</option>
</select>
عام
<input name="profile_field_4_-12[]" type="text" class="post" id="profile_field_4_-12_0" style="font-size: 11px" value="0" size="5" maxlength="4" /></td>
                      </tr>
                      <tr>
                        <td colspan="2" align="center" class="gen row1"><input name="agree" id="cb_rules_agree" value="1" type="checkbox" />
                          هل أنت موافق على <a href="/register">قوانين المنتدى؟ </a></td>
                      </tr>
                      <tr>
                        <td class="catBottom" colspan="2" align="center" height="28"><input name="submit" type="submit" class="button1" id="submit" value="سجّل" />
                         
                          <input name="reset" type="reset" class="button1" value="اعادة الى الصفر" /></td>
                      </tr>
                    </table>
                  <!-- http://www.eledwa4thanawya.mam9.com -->
                </form></td>
              </tr>
          </table></td>
        </tr>
        <tr></tr>
      </table></td>
    </tr>
  </table> <!-- http://www.eledwa4thanawya.mam9.com -->
</div>
</if>

شكرا
يا زيزو اليكس

ارجو غلق هذا الموضوع
https://help.ahlamontada.com/
t1037752-topic