السبت، 9 أبريل 2016

مجموعة أيقونات بسيطة تحتوي علي 450 أيقونة

أكمل المقال

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

Today we have this abundant set of outline icons, cheers! This set contains more than 450 simple line icons created in vector that you can use for a lot of purposes.
Thanks to Nishanth kunder for this awesome freebie. Go check out more of his work on his portfolio for the latest updates and beautiful works!
 AI, EPS, SVG
 3.48 MB

الثلاثاء، 22 مارس 2016

الثلاثاء، 11 أغسطس 2015

رموز تعبيرية متحركة بتصميم مسطح

أكمل المقال
هؤلاء التعبيرات يضحكون 😅 يبكون 😭 يهتفون 😵 ويرقصون 😗 ! ملحق اليوم يتكون من مجموعة صغيرة من 28 رمز تعبيري متحرك بتصميم مسطح رائع
يمكن تحريرهم ببرنامج Adobe After Effects أو استعمالهم كصورة GIF

السبت، 4 مايو 2013

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

أكمل المقال

السلام عليكم ورحمة الله وبركاته ومرحبا بكم من جديد في مدونة جلال البعداني , اليوم ان شاء الله سنتعلم معا كيفية ترقيم تعليقات بلوجر بطريقه بسيط بتقنية CSS  داخل ايقونات صغيره  بجوار التعليق , , ما يميز هذه الاضافه انها تقوم بترقيم التعليقات في مدونة بلوجر بطريقه اليه  بالترتيب من الاقدم الى الاحدث , ومن مميزاتها ايضا انه يمكنك التعقيب على التعليقات بكل سلاسه ويسر حيث يمكنك من خلاله التعقيب على التعليق رقم 1 مثلا , ثم الرد عليه بسهوله تامه



كيفية اضافة صندوق الاعجاب على فيس بوك على مدوناتكم

     1- من  لوحة التحكم -> قالب -> تحرير HTML -> تابع
     2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات 
     3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)
  
]]></b:skin>
والصق الكود التالي بعده تمامآ
counter-reset: countcomments;
}
.comment-thread li:before {
content: counter(countcomments,decimal);
counter-increment: countcomments;
float: right;
font-size: 22px;
color: #555555;
padding-left: 10px;
padding-top: 3px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzSfVSWncRzDpTkPPS4vjBDOrMU9ohoJXQ9E41cBPAh75c6-KuTo1n-WCtQvXVnu8bkaYdIEa8Rw_hbP5B-pbhVhB-UEboSLqQznwCQG8rS6x8-5_8a3zItIOwbYPsuKIsvGdlNYWo5wu6/s1600/comment+bubble2.png) no-repeat;
margin-top: 7px;
margin-left: 10px;
width: 50px;
/*image-width size*/
height: 48px;
/*image-height size*/
}
.comment-thread ol ol {
counter-reset: contrebasse;
}
.comment-thread li li:before {
content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin);
counter-increment: contrebasse;
float: right;
font-size: 18px;
color: #666666;
}

 

الان قم بحفظ القالب ومبرووك عليك الاضافه

ولتغيير ايقونة ترقيم التعليقات قم بالبحث عن الرابط التالي

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzSfVSWncRzDpTkPPS4vjBDOrMU9ohoJXQ9E41cBPAh75c6-KuTo1n-WCtQvXVnu8bkaYdIEa8Rw_hbP5B-pbhVhB-UEboSLqQznwCQG8rS6x8-5_8a3zItIOwbYPsuKIsvGdlNYWo5wu6/s1600/comment+bubble2.png

واستبدله برابط الايقونه حسب رغبتيك

وفي ما يلي بعض من ايقونات التي يظهر داخلها ترقيم التعليق

لتغيير الايقونه، انقر بزر الماوس الأيمن على أي ايقونه، حدد نسخ عنوان URL للصورة واستبدله برابط الايقونه التي في الكود باللون الاحمر



how to blog    blogger blogspot    blogspot blogger, how to blog    widget blogger blogspot    blogs, how to blog     blogspot or blogger, how to blog    tutorials, how to    comments, how to, blogspot blogger    new comment, how to blog    blog design, blogger blogger.com                   bubble comment count, bubble blogger posts   blogger comments, comment count    blogger blogspot, blogger comments   blogger bubble comment count   comments in blogger titles    blogger tips, blogger tricks   blogger widgets, bubble comment count    bubble comment count    Bubble Comment Count    Bubble Comment Count, blogger blogspot