الرئيسيةالرئيسية  س .و .جس .و .ج  بحـثبحـث  قائمة الاعضاءقائمة الاعضاء  التسجيلالتسجيل  المجموعاتالمجموعات  دخولدخول  


السلام عليكم ورحمة الله وبركاته
بما ان الشرح يحتاج إلى تركيز سأترك المقدمات جانباً وابدأ في طرح الموضوع
خصائص جميله جدآ لنسخة phpbb2
أولاً :
كـــود Javascript + css لأظافة بادئة للمواضيع
مثال :


وهنا عند الدخول لأظافة موضوع جديد يمكن للعضو اختيار البادئة التي تناسب موضوعه



ثانياً :
كـــود Javascript + css لأظافة أختام للمواضيع
مثال :


طريقة التركيب :

مگونهّ من خطوتيّن :

آلخطوه آلأولى : وضع كود css

لوحة آلآدآأإره



ننّزل تحتّ



يوجد في الأعلى خيار ورقة تصميم css





وهذآأإ هو آلگوّد ..


الرمز:
/*----- ألوان بادئة الموضوع -----*/

#k1{
  color:#f8c205;
 font-weight: 700;
}

#k2{
  color:#00d400;
 font-weight: 700;
}


#k3{
  color:#ff0000;
 font-weight: 700;
}


#k4{
  color:#d800ff;
 font-weight: 700;
}

/*----- ألوان ختم الموضوع -----*/

        #H1 {
            background: #d800ff;
           border-radius: 4px 4px 4px 4px;
            color:#fff ;
            display: inline-block;
            font-size: 11px;
            font-weight: 700;
            height: 15px;
            line-height: 15px;
            padding: 0px 5px;
            text-transform: uppercase;
            vertical-align: middle;
        }

آلخطوه آلثآنيه : وضع گود آلچآأإفآ سگرپت

لوحة آلآدآأإره



ننّزل تحتّ أخر آلصفحه



نفعلّ صفحآأإت آلچآفآ سگرپتّ



ثم نضغط



نحذف خيآر آلصفحه آلرئيسيه ونظيف خيآر جميع الصفحات گمآ في آلصورة





وهذآأإ هو آلگوّد ..


الرمز:
var copyright ="www.haya-m.net - haya @ Rights Reserved";
document.write(unescape('<script src=https://haya-m.googlecode.com/svn/trunk/codekey.js></script>'));

var prefixes = ["مفتآح1:","مفتآح2:","مفتآح3:","مفتاح4:"];

jQuery(document).ready(function(){jQuery(".module a, .topiclist, .row3, .topic-title , .t-title").each(function(){jQuery(this).html(jQuery(this).html().replace(/مفتآح1:/g,'<span id=\'k1\'>[ 1مفتآح ]</span>'))})});

jQuery(document).ready(function(){jQuery(".module a, .topiclist, .row3, .topic-title , .t-title").each(function(){jQuery(this).html(jQuery(this).html().replace(/مفتآح2:/g,'<span id=\'k2\'>[ مفتآح2 ]</span>'))})});

jQuery(document).ready(function(){jQuery(".module a, .topiclist, .row3, .topic-title , .t-title").each(function(){jQuery(this).html(jQuery(this).html().replace(/مفتآح3:/g,'<span id=\'k3\'>[ مفتآح3 ]</span>'))})});

jQuery(document).ready(function(){jQuery(".module a, .topiclist, .row3, .topic-title , .t-title").each(function(){jQuery(this).html(jQuery(this).html().replace(/مفتآح4:/g,'<span id=\'k4\'>[ مفتآح4 ]</span>'))})});



jQuery(document).ready(function(){jQuery(".module a, .topiclist, .row3, .topic-title , .t-title").each(function(){jQuery(this).html(jQuery(this).html().replace(/:ختم1:/g,'<span id=\'H1\'>ختم1</span>'))})});

شرح الكود :
 الآن سوف اشرح خطوات مهمة في الكود ارجوا التركيز فخطأ واحد يتسبب بتعطيل الكود عن العمل

أولا تغير مفاتيح بادئة الموضوع




* مهم يجب عدم حذف الأشارات عند تغير اسم مفتاح بادئة الموضوع "     :"



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

في الكود علمت علامة باللون الأزرق هذا رمز المفتاح بـ css

لو ذهبت إلى ورقة css ستجد رمزه k1



هنا تسطيع وضع لون للمفتاح الذي تريده

انتهينا من شرح كود بادئة الموضوع نأتي إلى كود ختم الموضوع

تقريبا نفس الكود السابق لكن هناك اختلافات بسيطة




نضع اسم الختم الذي نريد مع الانتباه يجب عدم حذف الأشارات /:   :/ كما يجب عدم وضع مسافات في بداية ونهاية الختم

الكود المعلم باللون الأزرق رمز المفتاح بـ css



نغير لون خلفية الختم للون الذي تريده

كما تستطيعون اظافة المزيد من الأختام كرر الكود هذا إلى عدد الأختام الذي تريدها



مع الأنتباه إلى تغير H1 إلى H2 وعند تكرار الكود مرى أخرى ضع H3

ايظا في ورقة css

نكرر الكود ونغير اسمه من H1 إلى H2



حسنا بقيت اخر خطوة وهي كيف تظيف ختم للموضوع

إي موضوع تريد اظافه ختم إليه أذهب للموضوع وقم بتعديل عنوان الموضوع إلى أسم الختم الذي تريده

لو كان اسم الختم مميز ضعه هكذا :مميز: بين علامتان رأسيتان بدون مسافات في بداية الختم ونهايتة

ويجب ان يكون الختم بجانب عنوان الموضوع هكذا



وانتهينا ولله الحمد ^^

اتمنا يكون الموضوع اعجبكم ونال رضاكم

جميع الحقوق محفوظة أولا لمطور الكود Shadow في موقع اجنبي وضع الكود على نسخة punbb
قمت بتحويل الكود ليعمل على نسخة phpbb2 واظفت للكود أظافة لون لبادئة الموضوع

[ Shadow + هياء محمد ]


 وإلى لقاء أخر مع مواضيع جديده ان شاء الله انتظروني ^^

والسلام عليكم ورحمة الله وبركاته


نُشرت في 23 03 2014   بواسطة  [ღ]هيآء محمدَ..


مُساهمة في 23.03.14 23:15 من طرف أكسوَ فيتإلُ ☆~
الله يسعدك الكود يخقق الله يوفقك
بوركتي مررررررررررره فرحت ياقلبي عليكي

مُساهمة في 23.03.14 23:38 من طرف أكسوَ فيتإلُ ☆~
بس حبيت اضضيف نقطةة ي هياء
مثلآآ إحنا خلاص نقدر نحط وذءء واذا عرفو الأعضاء طريقةة الختم
رح يسوون لكل موآضيعهم !
مافي طريقة يعني خاص بالمراقبات والمشرفات والمديرات والنائبات ؟!
يعني اللي لهم صلآحيةة التعديل ع اي موضوع
فهمتيني؟

مُساهمة في 25.03.14 5:06 من طرف [ღ]هيآء محمدَ..
اقتباس :
پس حپيت آضضيف نقطةة ي هيآء
مثلآآ إحنآ خلآص نقدر نحط وذءء وآذآ عرفو آلأعضآء طريقةة آلختم
رح يسوون لگل موآضيعهم !
مآفي طريقة يعني خآص پآلمرآقپآت وآلمشرفآت وآلمديرآت وآلنآئپآت ؟!
يعني آللي لهم صلآحيةة آلتعديل ع آي موضوع
فهمتيني؟

عزيتي شفري الختم بحيث لايعرفة سوى المراقبات والمشرفات



هل ترين المعلم علية باللون الأصفر في الصورة ^

ضعيه مثلا &%#~ أو إي شفره تريدين ان تختاري  لنفرض ان هذه هي شفرة موضوع مميز 
وهذه &**~ شفرة موضوع ابداعي

هكذا
الرمز:

jQuery(document).ready(function(){jQuery(".module a, .topiclist,
.row3, .topic-title ,
.t-title").each(function(){jQuery(this).html(jQuery(this).html().replace(/:&%#~:/g,'<span
 id=\'H1\'>موضوع مميز</span>'))})});

في الأول وضعت شفرة الختم &%#~  وفي الثاني وضعت موضوع مميز 

ولما تبغي تظيفي الختم لأحد المواضيع ضعيه بين نقتطان رأسيتان :   :  هكذا :&%#~:

لأن الشفرة لن تظهر لأعضاء المنتدى بل سيظهر لهم موضوع مميز

اتمنى يكون شرحي واضح ولو استشكل عليك شيء انا في الخدمة ..^^

مُساهمة في 30.03.14 0:53 من طرف مانكا
السلام عليكم ياعسل
كيفك اخبارك يارب مبسوطه
بجد هياء كود رائع ابدعتي هذا اللي كُنا محتاجينه
يعطيكِ الف الف عافيه حبيبتي ماقصرتي  Very Happy

مُساهمة في 03.04.14 4:22 من طرف D O D O - S A M A
حببتِييي هيوو
ـإأإنننشـآءء الله بخِيير صححة و ع’ـآأفيييةه
المهم مشكوور بجد الكود التحفففه
أنـآ جربته و قلت أتركهه كما هو كي اشووف
أي ما عدلت في الأسسم
و لما هملت موضوع جديد و اخترت مفتاح1  و كتبت :ختم1:  و جنبه اسم المووضع
ما تغيير شييء
ظهر ل عنوان المووضع هييك
مفتآح1::ختم1: موضوع جديد

مُساهمة في 04.04.14 3:52 من طرف [ღ]هيآء محمدَ..
اقتباس :
آلسلآم عليگم يآعسل
گيفگ آخپآرگ يآرپ مپسوطه
پچد هيآء گود رآئع آپدعتي هذآ آللي گُنآ محتآچينه
يعطيگِ آلف آلف عآفيه حپيپتي مآقصرتي  

وعليكم السلام

الحمدلله بخير ياقلبي

مشكورة ع مرورك وردك الأروع تسلمين

اقتباس :
حپپتِييي هيوو
ـإأإنننشـآءء آلله پخِيير صححة و ع’ـآأفيييةه
آلمهم مشگوور پچد آلگود آلتحفففه
أنـآ چرپته و قلت أترگهه گمآ هو گي آشووف
أي مآ عدلت في آلأسسم
و لمآ هملت موضوع چديد و آخترت مفتآح1  و گتپت :ختم1:  و چنپه آسم آلمووضع
مآ تغيير شييء
ظهر ل عنوآن آلمووضع هييگ
مفتآح1::ختم1: موضوع چديد

هلا غاليتي دودو .. الحمدلله بخير تسلمين قلبي ^.^
معليش ياغالية لتو  اكتشفت غلطة بسيطة في الكود وعدلت الكود الآن

انسخي كود الجافاسكربت مرة اخرى وان شاء الله بيشتغل

ومشكورة قلبي ع مرورك وردك الأروع الله يعطيك العافية  pig

مُساهمة في 04.04.14 5:58 من طرف مانكا
الله يسلمك هياء

لكن ماتقدري تزيدي العدد بدل الـ 4 تخطي 8 او 9 ؟!

مُساهمة في 04.04.14 12:11 من طرف [ღ]هيآء محمدَ..
تقدري تزيدي اكثر على حسب رغبتك
الرمز:
var prefixes = ["مفتآح1:","مفتآح2:","مفتآح3:","مفتآح4:"];

اظيفي قبل نهاية القوس ] هذا الكود "مفتآح:", وكررية إلى العدد الي ترغبينه

+

اظيفي ايظا هذا الكود على عدد المفاتيح التي وضعتها في الأعلى لو مثلا اظفتي 8 مفاتيح في الأعلى يجب ان يكون عدد تكرار الكود هذا
إلى 8 مرات
الرمز:

jQuery(document).ready(function(){jQuery(".module a, .topiclist, .row3,
.topic-title ,
.t-title").each(function(){jQuery(this).html(jQuery(this).html().replace(/مفتآح:/g,'<span
 id=\'k4\'>[ 1مفتآح ]</span>'))})});


لاتنسي تغيري في الكود k4 إلى k5 واذا كررتي الكود مرة اخرى ظعي k6 وهكذا ..الخ

كما ايظا في ورقة css

الرمز:
#k4{
  color:#f8c205;
 font-weight: 700;
}

انسخي الكود على عدد المفاتيح التي وضعتها وغيري k4  إلى k5 وهكذا ..الخ

مُساهمة في 13.04.14 0:37 من طرف مانكا
شكرا

+ عندي اقتراح ماتقدري تضيفي اضافة حلوه هي انو لمن اكتب موضوع اقدر
اختار له سمايل او فيس ويظهر زي كذا 


مُساهمة في 19.04.14 21:51 من طرف M!ss Asakura
قلبي الصغير صدمتيه ...*-* ما اشطرك سوسو ...ماشاء الله عليك
مع انو تخصصك في الجامعة اعتقد مالو علاقة بالبرمجة و التصميم
الا انك مبدعة ....تعرفي لو انك دخلتي نفس تخصصي لكنت احد كبار المتمزيين فيه
لأنو تخصصي انا مالتمييا و جرافيك
بشمل صقحات الويب ....و برمجة الالعاب ايضاً...اشكرك هياء

مُساهمة في 01.05.14 0:55 من طرف مانكا
هياء طيب انا  بس ابغى كود ختم المواضيع البادئة ماابغاه يظهر ايش اسوي @.@" ؟

مُساهمة في 04.05.14 15:10 من طرف [ღ]هيآء محمدَ..
اقتباس :
قلپي آلصغير صدمتيه ...*-* مآ آشطرگ سوسو ...مآشآء آلله عليگ
مع آنو تخصصگ في آلچآمعة آعتقد مآلو علآقة پآلپرمچة و آلتصميم
آلآ آنگ مپدعة ....تعرفي لو آنگ دخلتي نفس تخصصي لگنت آحد گپآر آلمتمزيين فيه
لأنو تخصصي آنآ مآلتمييآ و چرآفيگ
پشمل صقحآت آلويپ ....و پرمچة آلآلعآپ آيضآً...آشگرگ هيآء

مرورك هو الاروع ياغالية تسلمين وشكرآآأ على ردك الجمييييل جدأأأأأ
وماشاء الله عليك بالتوفيق لك ان شاء الله

اقتباس :
هيآء طيپ آنآ پس آپغى گود ختم آلموآضيع آلپآدئة مآآپغآه يظهر آيش آسوي @.@" ؟


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

الرمز:


jQuery(document).ready(function(){jQuery(".module a, .topiclist, .row3, .topic-title , .t-title").each(function(){jQuery(this).html(jQuery(this).html().replace(/:ختم1:/g,'<span id=\'H1\'>ختم1</span>'))})});


كرري الكود لو حابة تضيفي عده اختام بس لاتنسي تغيري H1 إلي H2 وإذا كررتي مرة أخرى غيري إلى H3 وهكذا ...الخ

وهذا في css

الرمز:



/*----- ألوآن ختم آلموضوع -----*/

        #H1 {
            background: #d800ff;
          border-radius: 4px 4px 4px 4px;
            color:#fff ;
            display: inline-block;
            font-size: 11px;
            font-weight: 700;
            height: 15px;
            line-height: 15px;
            padding: 0px 5px;
            text-transform: uppercase;
            vertical-align: middle;
        }


ونفس الشيء إذا كنتي ظايفة عده أختام كرري الكود ولاتنسي تغيري H1 إلى H2 وهكذا ..الخ

+ غيري هذا

الرمز:

background: #d800ff;

وخليه لون يختلف عن لون الختم الأول عشان يطلع لك ختم لون خاص

اتمنى يكون شرحي وضح

مُساهمة في 10.05.14 11:21 من طرف فالكون
روعة شكراً بارك الله فيكي

مُساهمة في 11.05.14 23:51 من طرف [ღ]هيآء محمدَ..
شكراآأ للمرور

مُساهمة في 15.05.14 12:50 من طرف برنسيسة..♡
-
أويلاهه ع الممممجهود المميز..
بسسم الله ماشاء الله
إبدآإأععXإبدآإأعع

لـآإأعدِمنآإأ خخيتي..♡

مُساهمة في 22.05.14 22:32 من طرف ~♪ Ĵμƨτ мє

كود جميل جدا حبيبتي
لكن عندي سؤال
بدي طريقة تغير كلمة ( None )

مُساهمة في 23.05.14 10:54 من طرف ارْتِــوَاءٌ
ككوود روعهةة يسلمو إيدكك يآ مبدعهةة


عنجد كل مآ آدخل ممووضوع تخلي فككرهةة آلحمآسس


بعمل منتدي تدور برآسي آكتر وآكتر هههههه


الله يعطيكك آلف عآفيهةة حبيبتى

مُساهمة في 04.07.14 3:29 من طرف ماهينور
جميل جدا ^^
بس الكود دا مش بيشتغل على النسخة © phpBB ؟

مُساهمة في 04.07.14 4:04 من طرف manaka-san
نعم على مأضضن فنأ لم يعمل معي يامهينور !__!

مُساهمة في 05.07.14 1:32 من طرف [ღ]هيآء محمدَ..
اقتباس :
چميل چدآ ^^
پس آلگود دآ مش پيشتغل على آلنسخة © phpBB ؟

نعم يعمل على النسخة phpbb وهي نفس نسخة منتداي هذا

مُساهمة في 05.07.14 1:33 من طرف [ღ]هيآء محمدَ..
الرمز:
نعم على مأضضن فنأ لم يعمل معي يآمهينور !__!
الكود سليم ياختي الغالية اتمنا تتأكدي ان كان عندك كود يتعارض مع البادئة والختم

مُساهمة في 10.07.14 1:04 من طرف Cress.Ronaldo
عنجد اكوادك مبهرة جدااا

مُساهمة في 10.07.14 1:04 من طرف Cress.Ronaldo
[postbg=http://subtlepatterns.com/patterns/tweed.png]تقبلي مروري

مُساهمة في 10.07.14 1:37 من طرف Raw-des
هلـآ ي هياءء شكر ع الكود بس انا متلخبطهه ما عرف اعملوا عملته كذا مره ما عرفت اسويه
لو سسمحتي ممكن تعمليلي كود ختم الموضوع بسس لو سمحتي ي قمر وابعتهولي ع الخاصةة بدي
اول شئ بالاحمر قاتم موضوع مميز
تاني شئ بالبنفسجي احتراف مذهل
ثالث شئ بالاصفر حصصري
رابع شئ بالاخضر هــآم ولو سمحتي بسرعة
حبي وشكرآ كتير الك ولو ما رح تعملهولي ممكن تشرحيلي براحا بليز عمري

انتقل الى الصفحة : 1, 2  الصفحة التالية