[Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى
+27
Ramy Osman
nuri shain
AmEr-Dz
hamsa-haq
meke
BAZOKA. Libya
وسام للكومبيوتر
AmEr DeSiGN
Ahmed Veko
أحمد نصار
show
ذكية جدا
mahmoud alzamalkawy
Officiel Tahoun
طه حسين
Mr.Mobda3
عينيا دوت كوم
KAZANOVA
zizoramzi
Eslam Love
pradzord
MoSaB jOo
kimo mimo
sami-sami
xrosman
Officiel Jaàfar
maly-mzaj
31 مشترك
مركز الإعتمادات العربى :: دعم وتطوير المواقع و المنتديات :: ملتقى الدعم و التطوير :: قسم الاكواد و التقنيات
صفحة 2 من اصل 2
صفحة 2 من اصل 2 • 1, 2
[Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى
تذكير بمساهمة فاتح الموضوع :
[Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى
كود Javascript مميز يقوم بوضع خاصية مشاهدة باقي الموضوع و وضعها بشكل زر و بتقنية جميلة جدا
مميزاته :
يخبئ نص الموضوع في ضغطة ولما تضغط عليها يظهر لك باقي الموضوع بطريقة جميله ومميزه
الكود يعمل على النسخ التالية فقط
Invision,phpBB3,phpBB2,PunBB
|صورة لمعاينة الكود و مكان ظهورة|
تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
https://i.servimg.com/u/f31/11/71/12/31/12_bmp11.jpg
شرح تركيب الكود :
الخطوى الأولى
لوحة الإدارة >> عناصر اضافية >> HTML و JAVASCRIPT >> إدارة أكواد Javascript
كود النسخة الـ phpBB2
كود النسخة الـ phpBB3
كود النسخة الـ Invision
كود النسخة الـ PunBB
الخطوى الثانية
بعد أختيارك لكود نسخة منتداك عليك اختيار شكل ليناسب المنتدى
ما عليك سوى وضع الكود المرفق في الأسفل ما عليك سوى اتباع الخطوات
لوحة أدارة - مظهر المنتدى - ألوان - ورقة الانماط الانسيابية css
بالتوفيق للجميع
المصدر : منتدى بنات اليوم
http://bnat2day.mam9.com/t1143-topic
[Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى
كود Javascript مميز يقوم بوضع خاصية مشاهدة باقي الموضوع و وضعها بشكل زر و بتقنية جميلة جدا
مميزاته :
يخبئ نص الموضوع في ضغطة ولما تضغط عليها يظهر لك باقي الموضوع بطريقة جميله ومميزه
الكود يعمل على النسخ التالية فقط
Invision,phpBB3,phpBB2,PunBB
|صورة لمعاينة الكود و مكان ظهورة|
تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
https://i.servimg.com/u/f31/11/71/12/31/12_bmp11.jpg
شرح تركيب الكود :
الخطوى الأولى
لوحة الإدارة >> عناصر اضافية >> HTML و JAVASCRIPT >> إدارة أكواد Javascript
كود النسخة الـ phpBB2
- الكود:
var CopyrightNotice = 'See More Topic for Ahlamontada
phpBB2
boards. Copyright © 2012 by Maly Mzaj & GatexTeem. All Rights
Reserved. Use and/or modification of this script is allowed, provided
this entire copyright notice remains in the original
or modified script.';
$(function(){
$("div.postbody div:not('.cont_code')").each(function(){var $baivietdai=$(this);
if($(this).height()>500){
$(this).css({'overflow':'hidden','max-height':'300px'});
$('
style="text-align: center;">أضغط هنا لمشاهدة باقي
الموضوع').insertAfter(this);
$('.See-More-By-Sam').click(function(){$baivietdai.css({'overflow':'hidden','max-height':'100%'});
$(this).remove()})}});
$('div.signature_div').each(function(){if(
$(this).height()>350){
$('div.signature_div img').css('max-width','600px');
$(this).css({'overflow':'hidden','max-height':'250px','max-width':'100%'});
$(this).hover(function(){
$(this).css({'overflow':'hidden','max-height':'100%','max-width':'100%'})},function(){
$(this).css({'overflow':'hidden','max-height':'250px','max-width':'100%'})})}})});
كود النسخة الـ phpBB3
- الكود:
var CopyrightNotice = 'See More Topic for Ahlamontada
phpBB3 boards. Copyright © 2012 by Maly Mzaj & GatexTeem. All
Rights Reserved. Use and/or modification of this script is allowed,
provided this entire copyright notice remains in the original
or modified script.';
$(function(){
$("div.content").each(function(){
var $baivietdai=$(this);
if($(this).height()>500){
$(this).css({'overflow':'hidden','max-height':'300px'});
$('
style="text-align: center;">أضغط هنا لمشاهدة باقي
الموضوع').insertAfter(this);
$('.See-More-By-Sam').click(function(){
$baivietdai.css({'overflow':'hidden','max-height':'100%'});
$(this).remove()})}});
$('div.signature_div').each(function(){if(
$(this).height()>350){
$('div.signature_div img').css('max-width','600px');
$(this).css({'overflow':'hidden','max-height':'250px','max-width':'100%'});
$(this).hover(function(){
$(this).css({'overflow':'hidden','max-height':'100%','max-width':'100%'})},function(){
$(this).css({'overflow':'hidden','max-height':'250px','max-width':'100%'})})}})});
كود النسخة الـ Invision
- الكود:
var CopyrightNotice = 'See More Topic for Ahlamontada
Invision
boards. Copyright © 2012 by Maly Mzaj & GatexTeem. All Rights
Reserved. Use and/or modification of this script is allowed, provided
this entire copyright notice remains in the original
or modified script.';
$(function(){
$("div.post-entry").each(function(){
var $baivietdai=$(this);
if($(this).height()>500){
$(this).css({'overflow':'hidden','max-height':'300px'});
$('
style="text-align: center;">أضغط هنا لمشاهدة باقي
الموضوع').insertAfter(this);
$('.See-More-By-Sam').click(function(){$baivietdai.css({'overflow':'hidden','max-height':'100%'});
$(this).remove()})}});
$('div.signature_div').each(function(){if(
$(this).height()>350){
$('div.signature_div img').css('max-width','600px');
$(this).css({'overflow':'hidden','max-height':'250px','max-width':'100%'});
$(this).hover(function(){
$(this).css({'overflow':'hidden','max-height':'100%','max-width':'100%'})},function(){
$(this).css({'overflow':'hidden','max-height':'250px','max-width':'100%'})})}})});
كود النسخة الـ PunBB
- الكود:
var CopyrightNotice = 'See More Topic for Ahlamontada PunBB boards. Copyright © 2012 by Maly Mzaj & GatexTeem. All
Rights Reserved. Use and/or modification of this script is allowed,
provided this entire copyright notice remains in the original
or modified script.';
$(function(){
$("div.entry-content").each(function(){
var $baivietdai=$(this);
if($(this).height()>500){
$(this).css({'overflow':'hidden','max-height':'300px'});
$('
style="text-align: center;">أضغط هنا لمشاهدة باقي
الموضوع').insertAfter(this);
$('.See-More-By-Sam').click(function(){
$baivietdai.css({'overflow':'hidden','max-height':'100%'});
$(this).remove()})}});
$('div.sig-content').each(function(){if(
$(this).height()>350){$('div.signature_div img').css('max-width','600px');
$(this).css({'overflow':'hidden','max-height':'250px','max-width':'100%'});
$(this).hover(function(){
$(this).css({'overflow':'hidden','max-height':'100%','max-width':'100%'})},function(){
$(this).css({'overflow':'hidden','max-height':'250px','max-width':'100%'})})}})});
الخطوى الثانية
بعد أختيارك لكود نسخة منتداك عليك اختيار شكل ليناسب المنتدى
ما عليك سوى وضع الكود المرفق في الأسفل ما عليك سوى اتباع الخطوات
لوحة أدارة - مظهر المنتدى - ألوان - ورقة الانماط الانسيابية css
- الكود:
.See-More-By-Sam{
background: url("http://i47.servimg.com/u/f47/17/07/42/77/white-10.png") repeat-x scroll left top #F2F2F2;
border: 1px solid #CCCCCC;
border-radius: 10px 10px 10px 10px;
color: #000000;
font-family: Tahoma;
font-size: small;
height: 30px;
margin-top: 5px;
text-align: center;
text-shadow: 0 1px 0 #FFFFFF;
}
.See-More-By-Sam:hover {
background-image: url("http://i47.servimg.com/u/f47/17/07/42/77/bt_g10.png");
color: #666666;
}
بالتوفيق للجميع
المصدر : منتدى بنات اليوم
http://bnat2day.mam9.com/t1143-topic
maly-mzaj- عضو جديد
- عدد المساهمات : 39
التقييم : 0
احترام قوانين المنتدى :
رد: [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى
اخواني يمنع اخفاء الكود عن الاعضاء والزوار
يرفع لادارة لا الموضوع للجميع
يرفع لادارة لا الموضوع للجميع
رد: [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى
شكرا [على] الموضوع تستاهل تقييم و تشجيع [على]
المجهودات الرائعة
واصل عزيزي ,,,,#
المجهودات الرائعة
واصل عزيزي ,,,,#
AmEr-Dz- عضو سوبر
-
عدد المساهمات : 6639
التقييم : 4
العمر : 29
احترام قوانين المنتدى :
nuri shain- عضو سوبر
-
عدد المساهمات : 1874
التقييم : 2
العمر : 31
احترام قوانين المنتدى :
رد: [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى
بِآرَﻛَ آلَلَﮩ فْيْﻛَ
جَزَآﻛَ آلَلَﮩ آلَفْ خِيْرَ
طٌـــــــــبِــــــتْ
جَزَآﻛَ آلَلَﮩ آلَفْ خِيْرَ
طٌـــــــــبِــــــتْ
عمر المصري- عضو نشيط
-
عدد المساهمات : 402
التقييم : 0
العمر : 31
احترام قوانين المنتدى :
رد: [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى
أسْع‘ـدَالله قَلِبِكْ .. وَشَرَحَ صَدِرِكْ ..
وأنَــــآرَدَرِبــكْ .. وَفَرَجَ هَمِكْ ..
يَع‘ـطِيِكْ رِبي العَ‘ــآآإفِيَه عَلىآ الطَرِحْ المُفِيدْ ..~
جَعَ‘ـلَهْ الله فِي مُيزَآإنْ حَسَنَـآتِك يوًم القِيَــآمَه ..
وشَفِيعْ لَك يَومَ الحِسَــآإبْ ..~
شَرَفَنِي المَرٌوُر فِي مُتَصَفِحِكْ العَ ـطِرْ ..~
دُمت بَحِفْظْ الرَحَمَــــن ـآ..
صفحة 2 من اصل 2 • 1, 2
مواضيع مماثلة
» [Javascript] يقوم بوضع أيقونات أشهر المواقع بجانب عنوان الموضوع ليزيد من فهرسة الموضوع
» طريقة وضع الأكواد الصحيحة على كافة الأماكن التى تقبل بوضع الأكواد على منتديات أحلى منتدى
» طريقة وضع الأكواد الصحيحة على كافة الأماكن التى تقبل بوضع الأكواد على منتديات أحلى منتدى من طرف ToTyFruTTy
» [Javascript] كود يقوم بحذف وصف الزر الذي يظهر في صندوق الموضوع
» [ Java ] حصرى كود يقوم بوضع جدول اعلانات نصية اسفل حقوق احلى منتدى
» طريقة وضع الأكواد الصحيحة على كافة الأماكن التى تقبل بوضع الأكواد على منتديات أحلى منتدى
» طريقة وضع الأكواد الصحيحة على كافة الأماكن التى تقبل بوضع الأكواد على منتديات أحلى منتدى من طرف ToTyFruTTy
» [Javascript] كود يقوم بحذف وصف الزر الذي يظهر في صندوق الموضوع
» [ Java ] حصرى كود يقوم بوضع جدول اعلانات نصية اسفل حقوق احلى منتدى
مركز الإعتمادات العربى :: دعم وتطوير المواقع و المنتديات :: ملتقى الدعم و التطوير :: قسم الاكواد و التقنيات
صفحة 2 من اصل 2
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى