مركز الإعتمادات العربى
مرحبا بك في مركز الإعتمادات العربي

تشرفنا زيارتك لنا وندعوك الى التسجيل وانضمام لنا والتمتع بخدماتنا المتميزة

مركز الإعتمادات العربى

إعتمادات أحلى منتدى , خدمات الإعتمادات و المعاملات المالية
 
الرئيسيةالرئيسية  البوابةالبوابة  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  المجموعاتالمجموعات  التسجيلالتسجيل  دخولدخول  
إنتظروا عروض جديدة حصرية و هدايا جديدة للخدمات المتطورة من أحلى منتدى
شاطر | 
 

 [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
انتقل الى الصفحة : 1, 2  الصفحة التالية
كاتب الموضوعرسالة
maly-mzaj
عضو جديد
عضو جديد
avatar

عدد المساهمات : 39
التقييم : 0
احترام قوانين المنتدى :

مُساهمةموضوع: [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى   الخميس 13 سبتمبر - 10:45


[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


الرجوع الى أعلى الصفحة اذهب الى الأسفل
Officiel Jaàfar
عضو سوبر
عضو سوبر
avatar

ذكر
عدد المساهمات : 4654
التقييم : 0
احترام قوانين المنتدى :

مُساهمةموضوع: رد: [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى   الثلاثاء 25 ديسمبر - 19:38

شكرا لك ، ينقل

الرجوع الى أعلى الصفحة اذهب الى الأسفل
xrosman
عضو نشيط
عضو نشيط
avatar

عدد المساهمات : 218
التقييم : 0
احترام قوانين المنتدى :

مُساهمةموضوع: رد: [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى   الإثنين 31 ديسمبر - 19:17

شكرا لك على الكود الرائع

الرجوع الى أعلى الصفحة اذهب الى الأسفل
sami-sami
عضو نشيط
عضو نشيط
avatar

ذكر
عدد المساهمات : 240
التقييم : 0
احترام قوانين المنتدى :

مُساهمةموضوع: رد: [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى   الأحد 3 مارس - 2:06

شكرا

الرجوع الى أعلى الصفحة اذهب الى الأسفل
kimo mimo
عضو فعال
عضو فعال
avatar

عدد المساهمات : 561
التقييم : 0
احترام قوانين المنتدى :

مُساهمةموضوع: رد: [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى   الإثنين 4 مارس - 20:19

شكراً لك اخي

الرجوع الى أعلى الصفحة اذهب الى الأسفل
MoSaB jOo
مؤسس المنتدى
مؤسس المنتدى
avatar


ذكر
عدد المساهمات : 6393
التقييم : 6
العمر : 27
احترام قوانين المنتدى :

مُساهمةموضوع: رد: [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى   الأحد 10 مارس - 17:53

شكرا لك

الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://www.e3tmadat.com
pradzord
عضو نشيط
عضو نشيط
avatar

ذكر
عدد المساهمات : 365
التقييم : 0
العمر : 20
احترام قوانين المنتدى :

مُساهمةموضوع: الله عليك   الجمعة 15 مارس - 15:05

الله عليك

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.Cyber--x.com
Eslam Love
عضو نشيط
عضو نشيط
avatar


ذكر
عدد المساهمات : 366
التقييم : 0
العمر : 21
احترام قوانين المنتدى :

مُساهمةموضوع: رد: [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى   الجمعة 15 مارس - 16:38

روعـــــــــــه

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.fm63.net/
zizoramzi
عضو جديد
عضو جديد
avatar

عدد المساهمات : 22
التقييم : 0
احترام قوانين المنتدى :

مُساهمةموضوع: رد: [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى   السبت 23 مارس - 18:54

جمممممممممممممممممممييييييييييييييييييييييل

الرجوع الى أعلى الصفحة اذهب الى الأسفل
KAZANOVA
عضو سوبر
عضو سوبر
avatar

ذكر
عدد المساهمات : 1768
التقييم : 0
العمر : 21
احترام قوانين المنتدى :

مُساهمةموضوع: رد: [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى   الثلاثاء 26 مارس - 19:32

مآ شآء آلله سلمت آيآديگ على موضوگ آلمميز و چعلهآ في ميزآن حسنآتگ



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


انثى
عدد المساهمات : 17395
التقييم : 2
احترام قوانين المنتدى :

مُساهمةموضوع: رد: [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى   الأربعاء 3 أبريل - 8:59


تسلم الايادي كود جميل
تحياتي

الرجوع الى أعلى الصفحة اذهب الى الأسفل
Mr.Mobda3
عضو جديد
عضو جديد
avatar


ذكر
عدد المساهمات : 158
التقييم : 0
العمر : 19
احترام قوانين المنتدى :

مُساهمةموضوع: رد: [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى   الجمعة 5 أبريل - 21:26

تسلم الايادي كود جميل
تحياتي

الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://www.e3tmadat.com/
طه حسين
عضو جديد
عضو جديد
avatar

عدد المساهمات : 137
التقييم : 0
العمر : 35
احترام قوانين المنتدى :

مُساهمةموضوع: رد: [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى   الإثنين 8 أبريل - 16:08

يسلمووووووووووووووووووووووو

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.battash.com
زائر
زائر
avatar


مُساهمةموضوع: رد: [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى   الأحد 14 أبريل - 20:06

شكراً لك

الرجوع الى أعلى الصفحة اذهب الى الأسفل
Officiel Tahoun
عضو جديد
عضو جديد
avatar

عدد المساهمات : 89
التقييم : 0
احترام قوانين المنتدى :

مُساهمةموضوع: رد: [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى   الأحد 23 يونيو - 5:40

شكرا على الموضوع
بانتظار جديدك
تقبل مرورى..♥

الرجوع الى أعلى الصفحة اذهب الى الأسفل
mahmoud alzamalkawy
عضو جديد
عضو جديد
avatar

عدد المساهمات : 134
التقييم : 0
احترام قوانين المنتدى :

مُساهمةموضوع: رد: [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى   الأربعاء 26 يونيو - 15:35

شكرا

الرجوع الى أعلى الصفحة اذهب الى الأسفل
ذكية جدا
عضو جديد
عضو جديد
avatar

انثى
عدد المساهمات : 115
التقييم : 0
العمر : 23
احترام قوانين المنتدى :

مُساهمةموضوع: رد: [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى   السبت 29 يونيو - 21:13

شكرا لك

الرجوع الى أعلى الصفحة اذهب الى الأسفل
show
عضو نشيط
عضو نشيط
avatar

ذكر
عدد المساهمات : 259
التقييم : 0
العمر : 23
احترام قوانين المنتدى :

مُساهمةموضوع: رد: [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى   الثلاثاء 24 سبتمبر - 16:57

شكرا لك

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.show.top-me.com
أحمد نصار
عضو جديد
عضو جديد
avatar

ذكر
عدد المساهمات : 8
التقييم : 0
احترام قوانين المنتدى :

مُساهمةموضوع: رد: [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى   الجمعة 18 أكتوبر - 10:03

شكرا لك

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://young-star-egypt.egyptfree.net/
Ahmed Veko
عضو لا يفي بالوعد
عضو لا يفي بالوعد
avatar

ذكر
عدد المساهمات : 4293
التقييم : 3
العمر : 19
احترام قوانين المنتدى :

مُساهمةموضوع: رد: [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى   الأحد 17 نوفمبر - 0:35


أإسـ عٍ ـد الله أإأوٍقـآتَكُـم بكُـل خَ ـيرٍ

دآإئمـاَ تَـبهَـرٍوٍنآآ بَمَ ـوٍآضيعكـ

أإلتي تَفُـوٍح مِنهآ عَ ـطرٍ أإلآبدآع وٍأإلـتَمـيُزٍ

لك الشكر من كل قلبي

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://myabda3.0wn0.com
AmEr DeSiGN
عضو سوبر
عضو سوبر
avatar

ذكر
عدد المساهمات : 18260
التقييم : 0
العمر : 18
احترام قوانين المنتدى :

مُساهمةموضوع: رد: [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى   الإثنين 9 ديسمبر - 0:41

شكرا لك

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://ibda3araby.com/
وسام للكومبيوتر
عضو سوبر
عضو سوبر
avatar

ذكر
عدد المساهمات : 7109
التقييم : 8
العمر : 30
احترام قوانين المنتدى :

مُساهمةموضوع: رد: [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى   الخميس 19 ديسمبر - 18:53

بارك الله فيك
موضوع مميز وجميل واصل ابداعك :;وردة حمراء ه:  :;وردة حمراء ه:  :;وردة حمراء ه: 

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.br3k.com/vb/
BAZOKA. Libya
عضو جديد
عضو جديد
avatar

ذكر
عدد المساهمات : 11
التقييم : 0
العمر : 38
احترام قوانين المنتدى :

مُساهمةموضوع: رد: [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى   الإثنين 20 يناير - 4:14

thank you

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://al3med.all-up.com/forum
meke
عضو فعال
عضو فعال
avatar


ذكر
عدد المساهمات : 628
التقييم : 12
احترام قوانين المنتدى :

مُساهمةموضوع: رد: [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى   الإثنين 20 يناير - 7:04

شكراً لـك على هذا الكود الرائع

الرجوع الى أعلى الصفحة اذهب الى الأسفل
hamsa-haq
عضو سوبر
عضو سوبر
avatar

انثى
عدد المساهمات : 1752
التقييم : 31
العمر : 54
احترام قوانين المنتدى :

مُساهمةموضوع: رد: [Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى   الإثنين 20 يناير - 15:50

شكرا لك

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.hamsahaq.com
 
[Javascript] كود يقوم بوضع خاصية مشاهدة باقي الموضوع في منتديات أحلى منتدى
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 2انتقل الى الصفحة : 1, 2  الصفحة التالية

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
مركز الإعتمادات العربى :: دعم وتطوير المواقع و المنتديات :: ملتقى الدعم و التطوير :: قسم الاكواد و التقنيات-