منتدى فضائى : اصلاح وصيانة الريسيفرات والاجهزه الكهربائيه وتحديد اتجاه الاقمار الصناعيه واقوى السيرفرات المجانيه والمدفوعه لفتح القنوات المشفرة واحدث البرامج الخاص بالكمبيوتر  

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




شاطر | 


 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
معلومات العضـو
محمد صبحي
المديرالعام
avatar
رقم العضوية : 1
تاريخ التسجيل : 17/05/2016
المشاركات : 449
الدولة : مصر
#1مُساهمةموضوع: شرح كيفية وضع اكثر من استايل في نفس الوقت للمنتدى   الجمعة أكتوبر 13, 2017 7:13 am

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

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

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

لفعل ذلك, المرجو اتباع الشرح التالي و المكون من 3 مراحل بدقة شديدة:

1. المرحلة الأولى: اعداد ورقة ال css الخاصة بالستايلات.

1. اول شيء تقوم به قبل بدئ عملية التنسيق هو ان تبحث في موقع مشاطرة الستايلات [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] عن كل الستايلات التي تريد ان تضعها في نفس الوقت على منتداك (ملاحظة هامة: يجب عليك اجباريا ان تختار تصاميم من نفس نسخة منتداك).

2. نحن سنختار هنا للمثال فقط لا للحصر 4 تصاميم هي:

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

3. كما يمكنك ملاحظته, كل تصميم يتميز برقم تعريفه على شكل ar.hitskin.com/search-skin/skin-xxxxxx.htm و هذا الرقم الخاص بتعريف التصميم هو الذي يهمنا في موضوعنا هذا

4. قم بنسخ ارقام تعريف كل التصاميم التي تريد ان تضعها على منتداك و اضفها في المكان المخصص لها و المحدد بعلامات xxxxxx في رابط ورقة ال css التالي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] . ثم عوض forum_url برابط منتداك بالكامل. بعدها احتفض بهذه الروابط لأننا سنحتاجها فيما بعد.

اقتباس :
مثال كتب:
اذا كان رابط منتداي هو: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
و روابط التصاميم التي تهمني هي:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ثم [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
في هذه الحالة, رابط ورقتا ال css اللتان ساحصل عليهما و سأحتفض بهما هما:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ثم [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

5.  ادخل على لوحة ادارتك >> عناصر اضافية >> إدارة صفحات ال Java-script  : ثم قم بانشاء كود جديد.

6. يجب ان تتوخى الحذر ولا تعدل في الكود اعلاه عدى ما سنشير اليه اسفله لا غير:
الكود: ---------تضليل المحتوى
الكود:
$("head").append('<link rel="stylesheet" type="text/css" id="tstyle" />');

    if(my_getcookie("sstyle")) { $("#tstyle").attr("href", my_getcookie('sstyle')); }

    function addstyle(nom,lien) { $("#sstyle").append('<option value="'+lien+'">'+nom+'</option>'); }

    $(function(){

      $("#frame_chatbox").load(function(){
        $("#frame_chatbox").contents().find("head").append($("#tstyle").clone());
      });

      $("iframe[name=smilies]").load(function(){
 
     
$("iframe[name=smilies]").contents().find("head").append($("#tstyle").clone()).append('<style
 type="text/css">body{margin:0!important;}</style>');
      });

 
    $("body").prepend('<select id="sstyle"
onChange="my_setcookie(\'sstyle\',$(\'#tstyle\')[0].href=this.value,1,0);$(\'#frame_chatbox,iframe[name=smilies]\').contents().find(\'#tstyle\').attr(\'href\',this.value);this.selectedIndex=0;"><option>اختر
 ستايل</option></select>');

      addstyle("تجربة1","http://help.ahlamontada.com/138662-rtl.css");
      addstyle("تجربة2","http://help.ahlamontada.com/102265-rtl.css");
      addstyle("تجربة3","http://help.ahlamontada.com/102265-rtl.css");
      addstyle("تجربة4","http://help.ahlamontada.com/102265-rtl.css");

    });

7. لتغيير اسم التصميم, عليك ان تغير اسم التجربة 1 في هذا المثال اذا اردت مثلا ان يكون اسم التصميم "تصميم الدعم الرسمي" بدل "التجربة 1" فما عليك الا تغيير الإسم لا غير.

8. تغيير رابط ورقة ال css الذي هو على هذا الشكل [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] بالروابط الصحيحة التي اعددتها. هذه العملية سهلة جدا اذ ما عليك الا ان تنسخ الروابط التي سبق لك ان اعددتها اعلاه (المرحلة 4) و تضعها بدل الروابط المتواجدة افتراضياً.


ملاحظة هامة:

يمكنك ان تضيف او تحذف ما تريده من الستايلات و ذلك باضافة او حذف الزوجين التاليين:
الكود: ---------تضليل المحتوى
الكود:
addstyle("تجربة4","http://help.ahlamontada.com/102265-rtl.css");

9. قم بتسجيل التغييرات التي قمت بها تم اذهب الى رئيسية منتداك فستجد عليها ان شاء الله

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

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


ملحوظة هذا الكود يظهر في اعلي المنتدى ..

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


عدل سابقا من قبل محمد صبحي في السبت نوفمبر 11, 2017 7:47 am عدل 2 مرات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
محمد صبحي
المديرالعام
avatar
رقم العضوية : 1
تاريخ التسجيل : 17/05/2016
المشاركات : 449
الدولة : مصر
#2مُساهمةموضوع: رد: شرح كيفية وضع اكثر من استايل في نفس الوقت للمنتدى   السبت أكتوبر 14, 2017 6:54 am

وهذا الكود يظهر يظهر في اسفل المنتدى  .



الكود:
$("head").append('<link rel="stylesheet" type="text/css" id="tstyle" />');

        if(my_getcookie("sstyle")) { $("#tstyle").attr("href", my_getcookie('sstyle')); }

        function addstyle(nom,lien) { $("#sstyle").append('<option value="'+lien+'">'+nom+'</option>'); }

        $(function(){

          $("#frame_chatbox").load(function(){
            $("#frame_chatbox").contents().find("head").append($("#tstyle").clone());
          });

          $("iframe[name=smilies]").load(function(){
   
       
    $("iframe[name=smilies]").contents().find("head").append($("#tstyle").clone()).append('<style
    type="text/css">body{margin:0!important;}</style>');
          });

   
        $("#page-footer").prepend('<select id="sstyle"
 
  
onChange="my_setcookie(\'sstyle\',$(\'#tstyle\')[0].href=this.value,1,0);$(\'#frame_chatbox,iframe[name=smilies]\').contents().find(\'#tstyle\').attr(\'href\',this.value);this.selectedIndex=0;"><option>اختر
    ستايل</option></select>');

          addstyle("Default Style --","http://mmss.123.st.css");
          addstyle("تجربة2","http://help.ahlamontada.com/158999-rtl.css");
          addstyle("تجربة3","http://help.ahlamontada.com/209624-rtl.css");
          addstyle("تجربة4","http://help.ahlamontada.com/206679-rtl.css");

        });



الرابط     [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
* توقــــــيع العضــو = محمد صبحي*




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



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

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
المصراويه  :: منتديات الدعم والمساعدة :: اكواد وقوالب التومبيلات وتقنيات اخرى :: أكواد الجافا إسكريبت JAVA-
انتقل الى:  
* * * ( ا لــمــصـــر ا و يــــــــــه ) * * *
اخـرالمواضيــع كود جافا الوضع الليلي الأحد يناير 14, 2018 7:06 am من طرف محمد صبحي حصريا احدث ملف قنوات عربى لكيوماكس h4 العادى بتاريخ 25-11-2017 الثلاثاء يناير 02, 2018 5:30 am من طرف محمد صبحي ريسيفر رويال 777 الاسود الصينى لمبة حمراء الأربعاء نوفمبر 29, 2017 4:13 pm من طرف محمد صبحي strong hd 4992 super الازرق الثلاثاء نوفمبر 28, 2017 12:11 am من طرف محمد صبحي ملف قنوات ريسيفر سترونج-4992-سوبر-hd-mini بتاريخ 30-10-2017 الإثنين نوفمبر 27, 2017 10:12 pm من طرف محمد صبحي اليكم احدث ملف قنوات نايل سات انجليزي ستارسات 2060hd بتاريخ اليوم 2017/8/1 الإثنين نوفمبر 27, 2017 8:04 pm من طرف محمد صبحي افتراضي ملف عربي بتاريخ 25 /11/ 2017 لاجهزة برفكس (8000h1 الابيض والاسمر و A1 و V1 و 7400H الاسود و 8000H و8400H) معالج 6605 والدفعه الجديده V2 معالج 6605S الإثنين نوفمبر 27, 2017 7:46 pm من طرف محمد صبحي ملف قنوات كامكس 7700 شبيه الاسترونج ب زى الوان 3/10/2017 الإثنين نوفمبر 27, 2017 2:09 am من طرف محمد صبحي كود Css خلفيه لاعلانات التي يتم وضعها من خلال التشكيلات العامة من صنعى للنسخه phpBB2 السبت نوفمبر 25, 2017 12:05 am من طرف محمد صبحي كود وضع اطار وخلفية للعناصر المستقلة على الرئيسية مثل منتدى الدعم الجمعة نوفمبر 24, 2017 11:58 pm من طرف محمد صبحي
أختر لغة المنتدى من هنا
الساعة الآن

..........................................................................................................

Powered by vBulletin Forums ahlamontada
(Copyright ©2000 - 2018, vBulletin phpBB2 subsilver)
*جميع الحقوق محفوظة لـ منتدى المصراوية
Forums ahlamontada ® / (حقوق الطبع والنشر©2018- 2000)