a7lamelshabab

عزيزي الزائر مرحبا بك في منتديات احلام الشباب نتمني ان تنضم الي اعضاء المنتدي
ونتمني ان تستمتع في منتديانا
ونرجو ان تكون في صحه جيده


مع تحيات :مدير المنتدي
a7lamelshabab

منتديات احلام الشباب


    موضوع بسيط

    شاطر
    avatar
    محمد عبده
    عضو عادي
    عضو عادي

    عدد المشاركات : 29
    الدوله : السودان
    العمر : 26
    تاريخ التسجيل : 09/08/2009
    الجنس : ذكر

    موضوع بسيط

    مُساهمة من طرف محمد عبده في السبت أغسطس 15, 2009 9:23 pm

    أضف صندوق مواضيع مميزة في موقعك / مدونتك
    الكاتب : عبدالملك الثاري في 15 يوليو, 2009عدد القراء : 818عدد التعليقات : 20أصبح الكثيرين يستخدمون Google Reader ويقومون بمشاركة المواضيع مع بعضهم بعضا، أجد أحياناً مواضيع مشاركه يومياً أكثر من 30 موضوع مميز من الأصدقاء لـ 57 صديق، طبعاً ليس هذا هو موضوعنا ولكن موضوعنا عندما تكون استخدمت Google Reader لمشاهدة المواضيع الجديدة يومياً ستصادفك مواضيع مميزة تود أن تشارك بها الجميع، طبعاً بإمكانك مشاركتها الجميع بالضغط على Share فستكون في المواضيع المميزة التي شاركت بها الجميع فهذه القائمة بالمواضيع المميزة يمكنك نشرها في أي مكان في (تويتر، فيس بوك، في صفحة المواضيع المشاركة الخاصة بك والمزيد..). حسناً تريد أن تظهر المواضيع المميزة في مدونتك؟ ستكون هذه نقلة جميلة وأنت تتصفح المواضيع ستقوم بمشاركة المواضيع التي تتصفحها لزوار موقعك، سنتطرق في هذا الموضوع بطريقة إضافتها بسهولة وطريقة تصميمها بشكل أنيق بأي شكل تريده.



    أنا جربت إضافات كثيره للوردبريس للأسف أغلبها لا تدعم اللغة العربية، لكن وجدت طريقه أفضل وأسهل من دون استخدام أي إضافة، حيث تمكنك باستخدامها في أي مكان وبالتصميم الذي يعجبك بشكل كامل من الكود الذي يطرحه لك Google Reader.

    هنا مثال على ذلك في مدونتي:



    لنبدأ بسم الله


    قم بالتوجه إلى Google Reader ثم اتجه إلى Your Stuff واختر Shared items، هنا حيث تجد مواضيعك المشاركة ثم اضغط على Add a Clip to your web site or blog.



    بعدها ستظهر لك هذه الصفحة



    قم بجعل Title فارغاً لكي يتم إزالته تماماً واختر من Color scheme بالخيار None، ثم اختر عدد المواضيع المميزة التي تريد أن تعرض بدل الرقم 5 أو اجعلها 5 كما تريد، ثم قم بنسخ الكود الذي في الصندوق الأسفل من الصفحة.



    ستجد أنه تقريباً قد تم تفرغت جميع الألوان والحدود التي على القائمة وأصبحت فارغة من التصميم وهذا ما نحتاج إليه لكي نقوم بوضع اللمسات التي نريدها بشكل خاص لنا في مدونتنا أو يتم أخذ استخدام التصميم الافتراضي في الموقع أو المدونة كتصميم القوائم بشكل عام، فبعد نسخ الكود يمكنك لصقه في أي مكان في موقعك أو مدونتك، سنقوم بلصقه في إحدى القوائم الجانبية التي لدينا في المدونة في Wordperss، ننسخ الكود ونلصقه في قائمة من نوع (نص) كالتالي:



    بعدها سنجد أنه تم وضعها بشكل شبه عادي في المدونة على الأقل بشكل عادي وليس بتصميم وشكل مختلف عن المدونة ومن اليسار إلى اليمين، فسنقوم بتصميمها بشكل جميل باستخدام الـ CSS، أيضاً وسنخفي Read more.. ليمكننا إضافتها بشكل أفضل لو أردنا في أسفل القائمة بأي شكل نريده.



    سنقوم الآن بشرح الـ HTML الموجودة لهذه القامة بشكل مبسط بالصورة التالية:



    يمكنك الآن استخدام الـ CSS لعمل أي شيء تقريباً، أنا شخصياً أخفيت Read more باستخدام الكود التالي:

    .f {
    display: none;
    }
    وكذلك قمت بتنسيق <li> وهي القائمة بحيث جعلت في كل قائمة حد في أسفل بلون رصاصي خفيف ووضعت صورة نجمة على اليمين، وكذلك أضفت مسافات بين كل قائمة ليكون شكلها جميلاً وذلك بالكود التالي:

    #readerpublishermodule0 li {
    border-bottom: 1px solid #A5A5A5;
    padding: 5px 20px 5px 0;
    background: url(http://althari.ws/wp-content/uploads/shared-star.gif) no-repeat right;
    }
    لتكون النتيجة كالتالي:



    يمكنك معرفة اكواد الـ CSS وتعلمها باستخدام احد هذه الروابط

    •دروس W3Schools CSS
    •موقع CSS Basics
    •بالعربي من موقع HTML.net CSS
    آخر موقع استخدمت هذه الطريقة له هو موقع المهندسة وعد الشدي، قمت بتصميم المدونة وأضفت بشكل بسيط الآلوان وجعلت القائمة تظهر أنيقه بألوان القالب وتظهر من اليمين إلى اليسار.

    أعجبني حيث يمكنني تحرير التصميم بأي شكل وأحببت أن أفيدكم بها وإن شاء الله أكون أفدتكم، أطيب تحياتي.
    avatar
    jassmen
    مشرفه
    مشرفه

    عدد المشاركات : 1021
    الدوله : مصر
    العمر : 20
    تاريخ التسجيل : 20/03/2009
    الجنس : انثى

    رد: موضوع بسيط

    مُساهمة من طرف jassmen في السبت أكتوبر 24, 2009 11:24 am

    avatar
    hassan
    مشرف
    مشرف

    عدد المشاركات : 1029
    الدوله : مصر
    العمر : 20
    تاريخ التسجيل : 19/03/2009
    الجنس : ذكر

    رد: موضوع بسيط

    مُساهمة من طرف hassan في الخميس ديسمبر 10, 2009 2:11 pm

    مشكور


    _________________ التوقيع ________________
    avatar
    عاشق الرومانسيه
    Admin
    Admin

    عدد المشاركات : 712
    الدوله : مصر
    العمر : 27
    تاريخ التسجيل : 14/03/2009
    الجنس : ذكر

    رد: موضوع بسيط

    مُساهمة من طرف عاشق الرومانسيه في الجمعة ديسمبر 11, 2009 1:58 pm

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


    _________________ التوقيع ________________
    حماقي واحد بس

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

      الوقت/التاريخ الآن هو الإثنين أغسطس 21, 2017 1:06 am