اضافة نصائح راقية جدا لموقعك او مدونتك - الاحتراف الجزائري

اضافة نصائح راقية جدا لموقعك او مدونتك

اضافة نصائح راقية جدا لموقعك او مدونتك اغلب اصحاب المواقع يريدون ان كتابة ملاحظات لزوارهم مثل نصيحة او فكرة معينة ، ولكن لتاتي اكلها هذه الملاحظة او النصيحة يجب ان تكون جميلة وذات تصميم راقي للنظر كي ينتبه الزائر لهذه الملاحظة ، لذالك احضرت لكم اليوم اضافة نصائح راقية جدا لموقعك او مدونتك بعدة الوان مع تاثير جميل جدا وهو الطي ,تصميم راقي,اصحاب المواقع,notes with folding effect blogger,Design,
شارك :
 اضافة نصائح راقية جدا لموقعك او مدونتك ,تصميم راقي,اصحاب المواقع,notes with folding effect blogger

اضافة نصائح راقية جدا لموقعك او مدونتك 


اغلب اصحاب المواقع يريدون ان كتابة ملاحظات لزوارهم مثل نصيحة او فكرة معينة ، ولكن لتاتي اكلها هذه الملاحظة او النصيحة يجب ان تكون جميلة وذات تصميم راقي للنظر كي ينتبه الزائر لهذه الملاحظة ، لذالك احضرت لكم اليوم اضافة نصائح راقية جدا لموقعك او مدونتك بعدة الوان مع تاثير جميل جدا وهو الطي .

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

1- قم بالدخول الى تحرير قالب مدونتك وابحث عن هذه الوسم </head> او head/

واضف الكود التالي فوقة / قبله


/* CSS Note by algeriapedia */
.algeriapedia{position:relative;width:30%;padding:1.2em 1.5em;margin:2em auto;color:#fff;background:#2ecc71;overflow:hidden}
.algeriapedia.orange{background:#f39c12}
.algeriapedia.crusta{background:#F2784B}
.algeriapedia.river{background:#3498db}
.algeriapedia:before{content:"";position:absolute;top:0;right:0;border-width:0 16px 16px 0;border-style:solid;border-color:#fff #fff #27ae60 #27ae60;background:#27ae60;box-shadow:0 1px 1px rgba(0,0,0,0.3),-1px 1px 1px rgba(0,0,0,0.2);display:block;width:0}
.algeriapedia.orange:before{border-color:#fff #fff #e67e22 #e67e22;background:#e67e22}
.algeriapedia.crusta:before{border-color:#fff #fff #de6e45 #de6e45;background:#de6e45}
.algeriapedia.river:before{border-color:#fff #fff #2980b9 #2980b9;background:#2980b9}


2- الان قم بحفظ القالب

لأضافة الملاحظة داخل المشاركة او الموضوع حيث ان  الملاحظة متوفرة باربع الوان يمكنك ببساطة اضافة احداها باضافة كود HTML الخاص بها .

<div class='algeriapedia'>هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة...</div>
<div class='algeriapedia orange'>هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة...</div>
<div class='algeriapedia river'>هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة...</div>
<div class='algeriapedia crusta'>هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة...</div>

طبعا يمكنك التعديل على اكواد css لتتناسب مع ذوقك الخاص .



شارك :

Design

ما رأيك بالموضوع !

0 تعليق:

ان مدونة الاحتراف الجزائري تحتفظ بحقها في نشر او عدم نشر اي تعليق لا يستوفي شروط النشر ونشير الى ان كل ما يندرج ضمن تعليقات القرّاء لا يعبّر بأي شكل من الأشكال عن آراء الموقع وهي تلزم بمضمون كاتبها حصرياً.
يمنع نشر التعليقات ذات الروابط الدعائية أو تعليقات بإسلوب غير لائق أو التى تحتوى على معلومات شخصية كالبريد الإلكترونى

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

صفحة >>> سياسة الخصوصية Privacy Policy

اي مشكلة >>> contact اتصل بنا
خريطة الموقع >>> site map
جميع الكورسات >>> all course

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