اليوم اقدم بين ايديكم الكود الاحترافي كالموجود هنا اسفل الواجهه الذي تلقيت طلبات كثيرة من قبل اصحاب منتديات احلى منتدى
صورة للكود:
طريقة التركيب:
ملاحظة: يجب ان يكون مكان العناصر المستقلة اعلى المنتدى.. اي اسفل الواجههلوحة الادارة
عناصر اضافية
البوابة والعناصر
ادارة العناصر المستقلة على المنتدى
ننشأ عنصرين جديدين:
الاول:
انشاء عنصر شخصي
اسم العنصر: قبل الدخول ... مثلا
استعمال جدول عام : نعم
عنوان العنصر: منطقة الاعضاء.. مثلا
نضع هذا الكود:
<
الرمز:
div></div><div><span
class="Apple-style-span" style="font-family: 'Times New Roman';
"><div style="font-family:
Tahoma, Geneva, sans-serif; background-image: initial;
background-attachment: initial; background-origin: initial;
background-clip: initial; background-color: rgb(37, 37, 37); margin-top:
0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left:
0px; outline-style: none; outline-width: initial; outline-color:
initial; "><div class="cont_body" style="background-image:
initial; background-attachment: initial; background-origin: initial;
background-clip: initial; background-color: rgb(255, 255, 255);
margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left:
0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;
padding-left: 0px; "><div class="forum_body" style="margin-top:
0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;
padding-top: 7px; padding-right: 20px; padding-bottom: 10px;
padding-left: 20px; border-top-width: 0px; border-right-width: 0px;
border-bottom-width: 0px; border-left-width: 0px; border-top-style:
solid; border-right-style: solid; border-bottom-style: solid;
border-left-style: solid; border-top-color: rgb(220, 220, 220);
border-right-color: rgb(220, 220, 220); border-bottom-color: rgb(220,
220, 220); border-left-color: rgb(220, 220, 220); "><center>
<table class="21598" style="color: rgb(56, 56, 56); font-size:
11px; " border="0" cellpadding="0" cellspacing="0" height="58"
width="980">
<tr>
<td
class="login" style="background:initial url('###############') no-repeat
50% 0%; font-size: 11px; color: rgb(56, 56,
56); background-origin: initial;
background-clip: initial; height: 58px;
width: 980px; font-family: Tahoma, Geneva, sans-serif" align="center">
<div class="wilcom_user" style="float: right; line-height:
17px; font-style: normal; font-variant: normal; font-weight: normal;
font-size: 11px; font-family: tahoma; width:223px; height:48px;
padding-left:0px; padding-right:15px; padding-top:2px;
padding-bottom:0px">
<a
action="www.7ooof.net/login" method="post"
onsubmit="md5hash(vb_login_password,vb_login_md5password,vb_login_md5password_utf)">
<table cellpadding="0" cellspacing="3" border="0" width="317">
<tr>
<td class="row3" width="272">
<table align="center" border="0" cellpadding="0" cellspacing="0" height="42" width="91%">
<tr>
<td width="28"><span class="genmed">
<img
src="https://i.servimg.com/u/f46/12/36/04/46/13210312.png" height="16"
width="16"></span></td>
<form action="/login" method="post">
<td><input id="Post" name="username"
size="10" value="اسم العضو" onclick="if (this.value == 'اسم العضو')
this.value = '';" onblur="if (this.value == '') this.value = 'اسم
العضو';" type="text"> </td>
<td>
<input name="autologin" checked="true" type="checkbox">
<span span="" lang="ar-sa"><font size="2">حفظ البيانات؟</font></span>
</td>
</tr>
<tr>
<td width="28"><span class="genmed">
<img
src="https://i.servimg.com/u/f46/12/36/04/46/13210611.png" height="16"
width="16"></span></td>
<td><input id="Post" name="password" size="10" value=""
onclick="if (this.value == '') this.value = '';" onblur="if (this.value
== '') this.value = '';" type="password"> </td>
<td><input class="mainoption" name="login"
value="تسجيل الدخول" tabindex="104" type="submit">
</td></form>
</tr>
</table></td>
<td class="smallfont" nowrap="nowrap"> </td>
</tr>
</table>
</a></div>
<div class="link_userr" style="border-right: 0px solid rgb(221,
221, 221); float: left; width: 139px; height: 46px;margin-left:0px;
margin-right:8px; margin-top:5px; margin-bottom:0px; padding-left:0px;
padding-right:8px; padding-top:0px; padding-bottom:0px"><a
href="http://www.7ooof.net/contact"><span style="text-decoration:
none; cursor: pointer; color: rgb(0, 137, 179); padding: 2px 0px;
display: block; font: bold 11px tahoma;"><img
src="http://cdn1.iconfinder.com/data/icons/fugue/icon_shadowless/mail.png"><span
style="color: rgb(102, 102, 102);"> اتــصــــــل
بــنـــــــــا</span><span style="font-size: 10px; color:
rgb(102, 102, 102);"></span></span></a><a
rel="nofollow" href="http://www.7ooof.net/h5-page" target="_blank"
style="text-decoration: none; cursor: pointer; color: rgb(102, 102,
102); padding: 2px 0px; display: block; font: bold 11px
tahoma;"><img
src="http://cdn1.iconfinder.com/data/icons/fatcow/16x16_0700/picture.png">
مركـــز رفــع الصــور</a></div>
<div
class="link_userr" style="border-right: 0px solid rgb(221, 221, 221);
float: left; width: 135px; height: 49px; font-weight: bold;
margin-left:0px; margin-right:8px; margin-top:5px; margin-bottom:0px;
padding-left:0px; padding-right:8px; padding-top:0px;
padding-bottom:0px"><a rel="nofollow"
href="http://www.7ooof.net/memberlist?mode=overall_posters"
style="text-decoration: none; cursor: pointer; padding: 2px 0px;
display: block; font: bold 11px tahoma; color: rgb(0, 137,
179);"><img
src="http://cdn2.iconfinder.com/data/icons/ledicons/trophy.png"><span
style="color: rgb(102, 102, 102);"> أفضــــل 20
عضــو</span></a><a
href="http://www.7ooof.net/memberlist?mode=today_posters"
style="text-decoration: none; cursor: pointer; padding: 2px 0px;
display: block; font: bold 11px tahoma; color: rgb(102, 102,
102);"><img
src="http://cdn1.iconfinder.com/data/icons/fatcow/16x16/award_star_bronze_3.png">
أفضل اعضاء اليوم</a></div>
<div
class="link_userr" style="border-right: 0px solid rgb(221, 221, 221);
float: left; width: 131px; height: 49px;margin-left:0px;
margin-right:8px; margin-top:5px; margin-bottom:0px; padding-left:0px;
padding-right:8px; padding-top:0px; padding-bottom:0px"><a
href="http://www.7ooof.net/t572-topic?tt=1"><span
style="text-decoration: none; cursor: pointer; padding: 2px 0px;
display: block; font: bold 11px tahoma; color: rgb(102, 102,
102);"><img
src="http://cdn1.iconfinder.com/data/icons/fatcow/16x16/auction_hammer_gavel.png">
قوانين المنتدى</span></a><a
href="http://www.7ooof.net/faq"><span style="text-decoration:
none; cursor: pointer; padding: 2px 0px; display: block; font: bold 11px
tahoma; color: YellowGreen;"><img
src="http://cdn1.iconfinder.com/data/icons/fatcow/16x16_0480/help.png"><span
style="color: rgb(102, 102, 102);"> اسئلة
شـــائعة<br></span></span></a></div>
<div class="link_userr" style="border-right:1px solid
rgb(221, 221, 221); float: left; width: 152px; padding-top: 0px;
padding-right: 8px; padding-bottom: 0px; padding-left: 0px; margin-top:
5px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px;
height:50px"><a
href="http://www.7ooof.net/register"><span style="text-decoration:
none; cursor: pointer; color: rgb(0, 137, 179); padding: 2px 0px;
display: block; font: bold 11px tahoma;"><img
src="http://cdn1.iconfinder.com/data/icons/fatcow/16x16/user_red.png"><span
style="color: DarkOrange;"> عـضــــو
جــــديــد</span></span></a><a
href="http://www.7ooof.net/profile?mode=sendpassword"><span
style="text-decoration: none; cursor: pointer; color: rgb(0, 137, 179);
padding: 2px 0px; display: block; font: bold 11px tahoma;"><img
src="http://cdn1.iconfinder.com/data/icons/fatcow/16x16_0540/lock_add.png"><span
style="color: DimGray;"> نسيت كلة السر؟</span><span
style="color: YellowGreen;"><span style="color:
DarkSlateBlue;"></span><br></span></span></a></div></td></tr></table></center></div></div></div></span></div>
ملاحظة: لا تنسى تغيير الروابط وتغيير ماتريد تغييرةثم : سجل
والان ضع صلاحيات العنصر للزوار فقط..
وبنفس الطريقة انشأ عنصر آخر جديد و سميه بعد الدخول
وضع هذا الكود:
الرمز:
<form action="/login.forum?redirect=h14-page" method="post"
name="form_login"><div class="F_G_2"><div class="F_G_3">
<table border="0" cellpadding="0" cellspacing="0" width="90%">
<tr>
<td class="row1" align="center">
<span class="Apple-style-span" style="font-family: 'Times New Roman'; ">
<table
class="21598" style="color: rgb(56, 56, 56); font-size: 11px; "
border="0" cellpadding="0" cellspacing="0" height="60" width="1026">
<tr>
<td class="login" style="background:initial url('#######') no-repeat 50% 0%; font-size: 11px; color: rgb(56, 56,
56); background-origin: initial;
background-clip: initial; height: 60px;
width:
1026px; font-family: Tahoma, Geneva, sans-serif"
align="center"><div class="wilcom_user" style="background:initial
url('') no-repeat 100% 5px; float: right; line-height: 17px;
background-origin: initial;
background-clip: initial; padding-top: 2px;
padding-right: 15px; padding-bottom: 0px; padding-left: 0px;
font-style:normal;
font-variant:normal; font-weight:normal; font-size:11px;
font-family:tahoma; width:303px; height:49px"><img
src="https://i.servimg.com/u/f46/12/36/04/46/13210311.png"> اهلا
وسهلا بك <br> لديك: 55
مساهمة.<br><br></div><div class="link_userr"
style="border-right: 0px solid rgb(221, 221, 221); float: left; width:
157px; height: 49px;margin-left:0px; margin-right:8px; margin-top:5px;
margin-bottom:0px; padding-left:0px; padding-right:8px; padding-top:0px;
padding-bottom:0px"><a rel="nofollow"
href="http://www.7ooof.net/search.forum?search_id=unanswered"
style="text-decoration: none; cursor: pointer; color: rgb(0, 137, 179);
padding: 2px 0px; display: block; font: bold 11px tahoma;"><img
src="http://cdn4.iconfinder.com/data/icons/Xiao/47.png"><span
style="color: rgb(102, 102, 102);"> مواضيع
لم </span><span style="font-size: 10px; color: rgb(102, 102, 102);">يُرد
عليها</span></a><a rel="nofollow"
href="http://www.7ooof.net/h5-page" target="_blank"
style="text-decoration: none; cursor: pointer; color: rgb(102, 102,
102); padding: 2px 0px; display: block; font: bold 11px
tahoma;"><img
src="http://cdn1.iconfinder.com/data/icons/fatcow/16x16_0700/picture.png">
مركــز
رفــع الصــور</a></div><div
class="link_userr" style="border-right: 0px solid rgb(221, 221, 221);
float: left; width: 150px; height: 49px; font-weight: bold;
margin-left:0px; margin-right:8px; margin-top:5px; margin-bottom:0px;
padding-left:0px; padding-right:8px; padding-top:0px;
padding-bottom:0px"><a rel="nofollow"
href="http://www.7ooof.net/memberlist?mode=overall_posters"
style="text-decoration: none; cursor: pointer; padding: 2px 0px;
display: block; font: bold 11px tahoma; color: rgb(0, 137,
179);"><img
src="http://cdn2.iconfinder.com/data/icons/ledicons/trophy.png"><span
style="color: rgb(102, 102, 102);"> أفضـــل
20
عضــو</span></a><a
href="http://www.7ooof.net/memberlist?mode=today_posters"
style="text-decoration: none; cursor: pointer; padding: 2px 0px;
display: block; font: bold 11px tahoma; color: rgb(102, 102,
102);"><img
src="http://cdn1.iconfinder.com/data/icons/fatcow/16x16/award_star_bronze_3.png">
أفضل
اعضاء اليوم</a></div><div class="link_userr"
style="border-right: 0px solid rgb(221, 221, 221); float: left; width:
142px; height: 50px;margin-left:0px; margin-right:8px; margin-top:5px;
margin-bottom:0px; padding-left:0px; padding-right:8px; padding-top:0px;
padding-bottom:0px"><a rel="nofollow"
href="http://www.7ooof.net/search.forum?search_id=newposts"
style="text-decoration: none; cursor: pointer; padding: 2px 0px;
display: block; font: bold 11px tahoma; color: rgb(102, 102,
102);"><img
src="http://cdn1.iconfinder.com/data/icons/fatcow/16x16_0380/email_go.png">
جديد
المواضيع</a><a rel="nofollow"
href="http://www.7ooof.net/search.forum?search_id=egosearch"
style="text-decoration: none; cursor: pointer; padding: 2px 0px;
display: block; font: bold 11px tahoma; color: YellowGreen;"><img
src="http://cdn1.iconfinder.com/data/icons/fatcow/16x16/text_signature.png"><span
style="color: rgb(102, 102, 102);">
مشــــاركــاتي</span></a></div>
<div class="link_userr" style="border-right:1px solid rgb(221, 221, 221); float: left; width: 145px; padding-top: 0px;
padding-right: 8px; padding-bottom: 0px; padding-left: 0px; margin-top:
5px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px;
height:46px"><a
href="http://www.7ooof.net/t572-topic?tt=1" style="text-decoration:
none; cursor: pointer; color: rgb(0, 137, 179); padding: 2px 0px;
display: block; font: bold 11px tahoma;"><img
src="http://cdn1.iconfinder.com/data/icons/fatcow/16x16/auction_hammer_gavel.png"><span
style="color: DarkOrange;"> قوانـين
المنتدى</span></a><a rel="nofollow"
href="http://www.7ooof.net/faq" style="text-decoration: none; cursor:
pointer; color: rgb(0, 137, 179); padding: 2px 0px; display: block;
font: bold 11px tahoma;"><img
src="http://cdn1.iconfinder.com/data/icons/fatcow/16x16_0480/help.png"><span
style="color: YellowGreen;"><span style="color: rgb(102, 102,
102);"> أسئـلة
شـــائعة</span><br></span></a></div></td></tr></table></span></td>
</tr>
</table>
</div>
</div>
ملاحظة: لا تنسى تغيير الروابط وتغيير ماتريد تغييرة
ثم: سجل
واجعل صلاحيات هذا العنصر للكل
ـــــــــــــــــــــــــــــ
اتمنى انه نال رضاكم
ولاي مساعدة في تركيبه لا تتردد بطرح استفسارك