كيفية وضع الدردشة او الشات في احلى منتدى مثل دردشة الفيس بوك

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

أولا يجب إنشاء عنصر مستقل ونجعل صلاحياتة للاعضاء فقط
ليظهر الشات للاعضاء فقط بعد تسجيل دخولهم الي المنتدى
ونضع فيه كود الشات لكي يظهر في جميع الصفحات

كود الشات

الكود:

[td][b]الرمز:[/b][/td][td][center][center][b][b][table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"][tr][td][b]الرمز:[/b][/td][/tr][/table][table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"][tr][/tr][tr][td class="code"][b][color=white][font='lucida grande']دردشة منتديات ضع اسم منتداك هنا[/font][/color] function toggleframe(){var x = document.getElementById('fbfcbframe').style;if(x.display=='none'){x.display='block';} else {x.display='none';}}[img]http://i78.servimg.com/u/f78/15/58/63/34/untitl11.png[/img] [size=7]الدردشة|منتديات ضع اسم منتداك هنا [/size] [/b] [/td][/tr][/table][/b][/b][/center][/center][/td]

ونضيف الكود التالي في ورقة السي سي
لوحة لتحكم
مظهر المنتدى
الالوان
ورقة السي سي

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الرمز:

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

وهي لجعل العنصر يظهر اسفل المنتدى
النسخه phpbb2

لوحة الاداره >> عناصر إضافيه >> إدارة العناصر المستقلة على الرئيسية
ثم قم بتفعيل العناصر المستقله على الرئيسيه

عدل
عرض العمود 1 (اليسار) : 0

عرض العمود 3 (اليمين) : 180

ثم انشى عنصر جديد وضع الكود

الرمز:

الكود:: [/center] [table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"][tr][td] [/td][/tr][tr][td class="code"] [/td][/tr][/table][center]

وتاكد من وضع الخيار
استعمل جدولا لا
ثم قم بالحفظ

ثم اضف العنصر الذي قمنا بعمله
واجعل الكود أول العناصر
وبعدها ضع ما تريد بأسفله

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

اما اذا اردت حذف المسافه التي تظهر بسبب العناصر المستقله
اضف هذا الكود الى ورقة تصميم css

لوحة الاداره >> مظهر المنتدى >> الصور والألوان >> ألوان >> ورقة تصميم css

الرمز:

الكود:: [/center] [table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"][tr][td class="code"]#right{ position: absolute; top: 5px;right: 5px; width: 18%; float: right; } [/td][/tr][/table][center]

---------------
وضع العناصر اسفل المنتدى

خاص فقط بالنسختين phpbb3+invision

لوحة الاداره >> مظهر المنتدى >> الصور والألوان >> ألوان >> ورقة تصميم css

ضع الكود التالي

الرمز:

[code]/****** بداية كود جعل العناصر اسفل او اعلى المنتدى ********/
[code]
#content-container div#container {
width: auto;
float: none;
margin-left: auto;
}

#content-container div#main {
margin-right: auto;
margin-bottom: auto;
}

#content-container div#left {
width: auto;
float: none;
margin-left: auto;
}

#content-container div#right {
width: auto;
float: none;
margin-left: auto;
}

#main {
width: 947px;
}

#gfooter {
width: 947px;
}

#logostrip {
width: 947px;
}

#submenu {
width: 947px;
}

#userlinks {
width: 935px;
}

[/code]
بإمكانك التعديل على عرض الأقسام بدل ال 947 و 935

الموضوع منقول