تسجيل الدخول

وضع مﻻحظة مميزة لترغيب الزوار بالتسجيل بموقعك

الموضوع في 'ركن تعديلات القوالب' بواسطة Turkialawlqy, بتاريخ ‏23-03-2012.

  1. Turkialawlqy

    Turkialawlqy xDeveloper

    إنضم إلينا في:
    ‏01-02-2012
    المشاركات:
    1,839
    الإعجابات المتلقاة:
    1,335
    الجنس:
    ذكر
    الإقامة:
    شبوة
    اسعد الله اوقاتكم بكل خير
    أحبتي اليوم ساشرح لكم وضع مﻻحظة بشكل مميز لترغيب زوار موقعك بالتسجيل
    اذهب للوحة التحكم > المﻻحظات > انشاء مﻻحظة جديدة
    ضع اﻻعدادات مثل التي في الصورة
    Screenshot at 2012-03-23 15:06:19.png

    محتوى الرسالة ضع فيه :

    كود:
       <img src="styles/AP-Background.png" style="display:block; width:100%;height:250px;" title="أهﻻً وسهﻻً بزوارنا الكرام" />   <div class="csgoIntro" style="position:absolute; top:0; right:0; height:100%; width:230px;"> <div style="padding: 10px;"> <h4>مرحبا بكم في اسم الموقع الخاص بك!</h4> <p>بعض النصوص العشوائية التي تصف موقعك.<a href="http://YOUR-DOMAIN.com/login/">تسجيل</a>ضع الميزات التي يتمتع بها اﻻعضاء عن الزوار .</p>   <div class="noticeButtonContainer"> <label for="LoginControl" id="SignupButton"><a href="http://YOUR-DOMAIN.com/login" class="inner"><b>سجل الآن!</b></a></label> </div> <div class="csgoMember">هل انت عضو بالفعل؟ <a href="http://YOUR-DOMAIN.com/login/">سجل دخولك اﻻن!</a></div> </div> </div> 
    في الكود
    << AP-Background.png >> صورة الخلفية يتم رفع الصورة في مجلد styles مباشرة
    << YOUR-DOMAIN.com >> رابط موقعك

    تاكد من وضع مايناسب موقعك
    انتقل للتبويب معايير العضو
    واختر منه الخيار اذا كان زائراً

    Screenshot at 2012-03-23 15:13:04.png

    ثم اذهب الى اللغات واﻻستايﻻت >> القوالب >> EXTRA.css

    قم بوضع الكود التالي فية

    كود:
     <!-- xenForo-arabic --> .noticeButtonContainer
    
    
    
    { width: 190px; padding: 10px; }   .csgoIntro { background: rgba(0,0,0, 0.6); color: #ffffff; font-size: 13px; text-align: center; }   .csgoIntro a { color: @secondaryMedium; font-weight: bold; }   .csgoIntro h4 { color: @secondaryMedium; font-size: 14px; font-weight: bold; }   .csgoMember { font-size: 9px; font-weight: bold; }   .csgoMember a { color: @secondaryLight; } <!-- xenForo-arabic --> 
    احفظ عملك

    وهذه نتيجة عملنا

    Screenshot at 2012-03-23 15:17:34.png


    مودتي ,,
    ,qu lﻻp/m lld.m gjvydf hg.,hv fhgjs[dg fl,ru;
     
  2. hammadi

    hammadi :: عضو جديد ::

    إنضم إلينا في:
    ‏20-07-2012
    المشاركات:
    23
    الإعجابات المتلقاة:
    4
    الجنس:
    ذكر
    شرح راااااائع استاذي
    في ميزان حسناتك​

     
  3. ray6

    ray6 :: عضو ::
    rank

    إنضم إلينا في:
    ‏02-01-2013
    المشاركات:
    79
    الإعجابات المتلقاة:
    11
    الجنس:
    ذكر
    الإقامة:
    الجزائر
    شرح رائع جدا​
    مشكووور أخي الكريم​

     
  4. ahmedkorashy

    ahmedkorashy :: عضو جديد ::

    إنضم إلينا في:
    ‏11-09-2015
    المشاركات:
    34
    الإعجابات المتلقاة:
    6
    الجنس:
    ذكر
    الإقامة:
    egypt
    دائما مبدع في شروحات
     
  5. الرسمي

    الرسمي :: عضو جديد ::

    إنضم إلينا في:
    ‏30-08-2015
    المشاركات:
    44
    الإعجابات المتلقاة:
    11
    الجنس:
    ذكر
    الإقامة:
    جده
    رائع جدا

    شكرا لك
     
  6. Montaer

    Montaer :: عضو جديد ::

    إنضم إلينا في:
    ‏25-06-2016
    المشاركات:
    2
    الإعجابات المتلقاة:
    0
    الجنس:
    ذكر
    الإقامة:
    Taif
    عافاك
     
  7. Montaer

    Montaer :: عضو جديد ::

    إنضم إلينا في:
    ‏25-06-2016
    المشاركات:
    2
    الإعجابات المتلقاة:
    0
    الجنس:
    ذكر
    الإقامة:
    Taif
    يا ليت تحط لنا الكود المستخدم في الملاحظة كتابة بدل استخدام الصورة لفائدة الجميع

    وشكرا لك
     
جاري تحميل الصفحة...