قالب المصور الفوتوغرافي

السلام عليكم ورحمة الله وبركاته

أقدم لكم تصميم موقع إفتراضييمكن أن يستخدمه المصورون

في عرض أعمالهم بطريقة رائعة وجديدة

القالب من تصميم Mustafa Online

تحميل

إضغط هنا

اقرء المزيد

إنشاء قائمة منسدلة بواسطة الـ HTML+CSS فقط

السلام عليكم ورحمة الله وبركاته

أقدم لكم درس جميل لإنشاء قائمة منسدلة بواسطة الCSS فقط

اولا نقوم بإضافة الكود التالي في قالب الHTML

<nav>
 <ul>
  <li><a href="#">Home</a></li>
  <li><a href="#">Tutorials</a>
   <ul>
    <li><a href="#">Photoshop</a></li>
    <li><a href="#">Illustrator</a></li>
    <li><a href="#">Web Design</a>
     <ul>
      <li><a href="#">HTML</a></li>
      <li><a href="#">CSS</a></li>
     </ul>
    </li>
   </ul>
  </li>
  <li><a href="#">Articles</a>
   <ul>
    <li><a href="#">Web Design</a></li>
    <li><a href="#">User Experience</a></li>
   </ul>
  </li>
  <li><a href="#">Inspiration</a></li>
 </ul>
</nav>

ثانيا نقوم بإضافة كود الـCSS

nav ul ul {
 display: none;
}

 nav ul li:hover > ul {
  display: block;
 }
nav ul {
 background: #efefef; 
 background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
 background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
 background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
 box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
 padding: 0 20px;
 border-radius: 10px;  
 list-style: none;
 position: relative;
 display: inline-table;
}
 nav ul:after {
  content: ""; clear: both; display: block;
 }
nav ul li {
 float: left;
}
 nav ul li:hover {
  background: #4b545f;
  background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
  background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
  background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
 }
  nav ul li:hover a {
   color: #fff;
  }
 
 nav ul li a {
  display: block; padding: 25px 40px;
  color: #757575; text-decoration: none;
 }
nav ul ul {
 background: #5f6975; border-radius: 0px; padding: 0;
 position: absolute; top: 100%;
}
 nav ul ul li {
  float: none; 
  border-top: 1px solid #6b727c;
  border-bottom: 1px solid #575f6a;
  position: relative;
 }
  nav ul ul li a {
   padding: 15px 40px;
   color: #fff;
  } 
   nav ul ul li a:hover {
    background: #4b545f;
   }
nav ul ul ul {
 position: absolute; left: 100%; top:0;
}
للمعاينة
http://line25.com/wp-content/uploads/2012/css-menu/demo/index.html

اقرء المزيد

حصريا الشرح كيفية جلب 100000 زائر في أسبوع .

السلام عليكم و رحمة الله تعالى و بركاته ، كي لا أطيل عليكم لا أجيد كتابة المقدمات لذا سأدخل في الموضوع مباشرة .

أول شيئ نحن سنستعمل برنماج و موقعين لكي يعلم الكل ، الطرق غير مخالفة لأدسنس هناك من سيقول بأن البرنامج مخالف لأدسنس ، نعم كان مخالفا لأدسنس و لكن هذه النسخة الجديدة ليست مخالفة لأدسنس أبدا .
ستجدون رابط التحميل و و رابط المواقع أسفل الفيديو .

ملاحظة مهمة جدا الموقع محظور و تم كشفه من جميع برامج الحماية لذا لا تنسو إيقاف عمل برامج الحماية و جدار الحماية الخاص الويندوز كي لا يتم حذفه .

فرجة ممتعة للجميع .

رابط الموقع الأول : اضغط هنا
رابط الموقع الثاني: اضغط هنا 
رابط تحميل البرنامج : اضغط هنا

اقرء المزيد

أفضل قالب بلوجر للربح من أدسنس

Videoism هو قالب إحترافي لعمل موقع فيديو على بلوجر.سهل تعامل مما من شأنه أن يساعد الجميع في قالب إنشاء موقع الفيديو بطريقة إحترافية وبسرعة.هذا قالب مستوحى من مواقع فيديو مثل يوتيوب، فيميو، ديلي موشن وغيرها. ويمكنني قول أنه من أحسن القوالب الفيديو متوفرة الان على انترنت وقد لوحظ إستعماله في مواقع فيديو عربية وغربية .هذا قالب مميز يسمح بجعل زائرك يشعر  أنه في موقع محترف وليس فقط في مدونة عادية لأنه به مميزات سوف أدعك تكتشفها بنفسك.

اسم القالب: Videoism مدون قالب
منصة يلي: Blogger / بلوغسبوت
تاريخ الإصدار: 13، يوليو 2013
الترخيص: ترخيص Creative Commons Attribution 3.0
مميزات قالب VIDEOISM :
هذا القالب يسمح لك لاستضافة مقاطع الفيديو من يوتيوب، ديلي موشن، ميتاكافيه وغيرها تحتاج فقط للصق كود emded وهو جلب الصور المصغرة تلقائيا. وهذا يعني أنك لست بحاجة لإضافة الصور يدويا الطريقة التي نؤدي بها مع قوالب بلوق العادي.
عداد زيارات للفيديو في كل صفحة ويقوم بحساب زيارات فيديو هدا ليس متوفر في أغلب قوالب
قالب يحترم قواعد السيو الجديد ويحترم كل متغيرات لأنه  استخدمت فيه بعض التقنيات الجديدة مع تحقيق كامل لتسهيل الموضوع لتصفح أمتل لمحرك البحث له يحترم قالب ميتا و هاشتاج وغيرها…
كيفية إعداد قالب :
سوف تجد ملف مرفق يوضح  أكواد اللازمة و غيرها من التعديلات كل ما عليك هو تحميل و تركيب وتعديل ومبروك عليك موقع فيديو محترف.

المعاينة : http://goo.gl/MNfwEl
التحميل : http://goo.gl/l6e4LA

دمتم في رعاية الله لا تنسوا تقييم هدا الموضوع  أفضل وأجدد قالب فيديو لبلوجر .

اقرء المزيد

أفضل 20 قالب بلوجر للتحميل مجانا

اليوم، وأود أن اختيار لكم أفضل 20 قالب بلوجر للتحميل مجانا. يمكنك ان تعطي بلوق الخاص بك المهنية عن طريق تثبيت أفضل قوالب بلوجر وكسب ثقة من الزوار اتجاه بلوق الخاص بك.
لا يمكنني الانتظار لرؤية الوالب الاحترافية , نبدا على بركة الله

افضل 20 قالب اجنبي ل BLOGGER



1. Sporty Magazine 2 Blogger Template


Live Demo Download

2. Template-dir Blogger Template


Live Demo Download

3. Johny Sompret Banget Blogger Template


Live Demo Download

4. Sensational Blogger Template


Live Demo Download

5. Lugas Blogger Template


Live Demo Download

6. Galauness Blogger Template


Live Demo Download

7. Johny Coba Dulu Blogger Template


Live Demo Download

8. Metro Blogger Template


Live Demo Download

9. Johny Simple Magazine 2 Blogger Template


Live Demo Download

10. Galleryzed BloggerTemplate


Live Demo Download

11. Responsive Templates


Live Demo Download

12. Blogsilve Blogger Template


Live Demo Download

13. Brown Gallery Press Blogger Template


Live Demo Download

14. Expand List Free Premium Blogger Template


Live Demo Download

15. Pinfinity (Pinterest Like) Blogger Template


Live Demo Download

16. Bresopnsive Blogger Template


Live Demo Download

17. Blogism Elegant Blogger Template


Live Demo Download

18. Grizzled Blogger Template


Live Demo Download

19. Facebook Blogger Template


Live Demo Download

20. Max Mag Blogger template


Live Demo Download
اه، أنا حقا متعب . XD
في النهاية آمل أن تستمتعوا و تدوين سعيد. ؛)
و لا تحرمونا من تعليقاتكم !
الكاتب TeKo TeKo
المصدر : مدونة  التقنية

اقرء المزيد

عناصر واجهة مستخدم عربية مجانا للجميع Ui Araby V 1.0

السلام عليكم ورحمة الله وبركاته

أقدم لكم مجموعة من عناصر واجهة مستخدم باللغة العربية

مقدمة من الأخ صلاح الإمام بصيغة PSD لمصممي المواقع ومطوير تطبيقات الويب

هذا العمل هو بداية سلسلة مستمرة من ملفات مصدرية مفتوحة المصدر لعناصر واجهة المستخدم

لمواقع الويب وتطبيقات الموبايل وتطبيقات سطح المكتب بالعربي....

للتحميل

http://d.pr/f/i5YM

اقرء المزيد

قالب إستضافة من تصميم mostafa alwin بتقنية html5,css3

السلام عليكم شباب ,

اقدم لكم ثاني عمل من تصميم mostafa alwin قالب استضافة من

لا اريد ان اطيل عليكم 

صور القالب : 

مميزات القالب : - بدون صور بأمكان التعديل على الستايل بسهولة- مصمم بأعلى التقنيات - سهل التركيب- سلايدشو بتقنية الجيكوري والمزيد ...



معاينة القالب 

تحميل القالب في المرفقات ملاحضة : لم اضع حقوق التصميم لانني اعرف انه سوف يحذف بأمكانك وضعة اختياري  كود الحقوق : رمز PHP:
ضعة في اخر القالب قبل وسم </body>

<div dir="rtl" style="text-align: right;" trbidi="on"><div style="text-align: center;">تصميم : <a href="https://www.facebook.com/mustafa.alwan">مصطفى علوان</a>&nbsp;</div></div>  

الملفات المرفقة

cloud.zip (2.23 ميقابايت)

اقرء المزيد

جعل الاقسام تدور مثل الكره الارضيه فى مدونتك

السلام عليكم ورحمه الله وبركاته

كيف حالكم؟ اتمنى ان تكونوا بخير.

اليوم اريد ان اشارككم اداه رائعه وجميله جدااا وفريده من نوعها وهى تصنع اقسام المدونه على هيئه كره ارضيه وهذه الاداه تستخدم كثير فى مدونات وورد بريس لقد رأيتها كثيراا فى هذه المدونات فقررت ان افعلها فى مدونات بلوجر ولكن بعد تعب كثيرا فى صنعها توصلت اليها اخيراا وهذه الاداه بصيغه  swf.

وهذه الاداة مقدمه حصريا من مدونه وسيله الى مدونه محترفى الأنترنت.

• نأتى الى خطوات التركيب

نأخذ هذا الكود ونضعه فى اداة (HTML/JAVASCRIPT) بعد تعديل ما هو باللون الاحمر.

 <div id="NBTFlashContent"><p style="display:none;">Flash Labels by <a href="http://www.WASEEELA.BLOGSPOT.com/">NBT</a></p></div>  <script type="text/javascript">  /*<![CDATA[*/  var NBTFlashLabelSettings = {      blogurl        : "http://www.TA3PRO.NET",      color          : "000000",      hoverColor     : "333333",      backgroundColor: "FFFFFF",      size             : 12,      speed         : 100,      width          : 250,      height         : 300,      transparency   :true  };  /*]]>*/  </script>  <script type="text/javascript" src="https://dl.dropbox.com/s/wv1jiwr7xay5vyu/NBTflash_lable_cloud.js"></script> 

استبدل رابط مدونتي  برابط مدونتك .

ملحوظه هذه الاداه باللغة الانجليزيه فقط للعلم.

اقرء المزيد