أخر المقالات
تحميل...

أداة سريعة وبسيطة لقص الصور اونلاين



قص الصور عادةً مانكون بحاجة إلى برنامج خاص لإجراء هذه العملية، ولكن مع هذه الاداة اليوم سوف تساعدكم في قطع اي صورة بأي حجم كان يمكن الحصول على صورة مقصوصة بشكل سرع وبسيط جدا

أداة قطع الصور تعمل على تحديد الصورة التي نريد إقتصاصها من خلال "أخيار ملف" من الهاتف أو الكمبيوتر ثم تحديد المكان الذي نريد الحصول عليه ثم النقر على زر "حفظ" وأختيار تحميل لحفظ الصورة المقصوصة بشكل مباشر

لا يتم تخزين الصور نهائيًا على الموقع او الإحتفاظ بها ولا يمكن مشاهدتها إلا من خلال مستخدم الأداة

الولوج للأداة من هنا

موضوع آخر قد يهمك
تغيير حجم الصور بالفوتوشوب اونلاين بسهولة



تاثيرات خاصة على الروابط والنصوص في المواقع بإستخدام CSS


السلام عليكم ورحمة الله وبركاته
نقدم لكم مجموعة تأثيرات خاصة على الكلمات يمكن من خلالها جعل النصوص أو حتى الروابط أجمل في موقعك أو مدونتك
يمكن الحصول على كل كود الخاص بالتأثيرات أسفل كل معاينة

1. يتوسط خط من اليسار
a.izdadcha {
  position: relative;
  overflow: hidden;
  display: inline-block;
  text-decoration: none;
  color: #e23636;
  font-size: 40px;
  line-height: 46px;
  padding: 0 0 6px;
}

a.izdadcha:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -100%;
  width: 100%;
  height: 3px;
  background: #333;
  transition: left .8s;
}

a.izdadcha:hover:after {
  left: 0;
}
<a class="izdadcha" href="">يتوسط خط من اليسار</a>

2. يتوسط خط من اليمين
a.dchaizda {
  position: relative;
  overflow: hidden;
  display: inline-block;
  text-decoration: none;
  color: #333;
  font-size: 40px;
  line-height: 46px;
  padding: 0 0 6px;
}

a.dchaizda:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -100%;
  width: 100%;
  height: 3px;
  background: #333;
  transition: right .8s;
}

a.dchaizda:hover:after {
  right: 0;
}
<a class="dchaizda" href="">يتوسط خط من اليمين</a>

3. خط من الاعلى والاسفل
a.dobleizdadcha {
  position: relative;
  overflow: hidden;
  display: inline-block;
  text-decoration: none;
  color: #333;
  font-size: 40px;
  line-height: 46px;
  padding: 0 0 6px;
}

a.dobleizdadcha:before,
a.dobleizdadcha:after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 3px;
  background: #333;
  transition: left .8s;
}

a.dobleizdadcha:hover:before {
  left: 0;
}

a.dobleizdadcha:after {
  top: auto;
  bottom: 0;
  left: auto;
  right: -100%;
  background: #333;
  transition: right .8s;
}

a.dobleizdadcha:hover:after {
  right: 0;
}
<a class="dobleizdadcha" href="">خط من الاعلى والاسفل</a>


4. خط من الوسط
a.centro {
  display: inline-block;
  position: relative;
  color: #333;
  text-decoration: none;
  font-size: 40px;
  line-height: 46px;
  padding: 0 0 6px;
}

a.centro:after {
  content: "";
  display: block;
  margin: auto;
  height: 3px;
  width: 0px;
  transition: all .8s;
}

a.centro:hover:after {
  width: 100%;
  background: #333;
}
<a class="centro" href="">خط من الوسط</a>


5. خطين من الوسط
a.doblecentro {
  display: inline-block;
  position: relative;
  color: #333;
  text-decoration: none;
  font-size: 40px;
  line-height: 46px;
  padding: 0 0 6px;
}

a.doblecentro:before,
a.doblecentro:after {
  content: "";
  display: block;
  margin: auto;
  height: 3px;
  width: 0px;
  background: #333;
  transition: all .8s;
}

a.doblecentro:hover:before,
a.doblecentro:hover:after {
  width: 100%;
}
<a class="doblecentro" href="">خطين من الوسط</a>


6. خط دائري
a.caja {
  display: inline-block;
  position: relative;
  color: #333;
  text-decoration: none;
  font-size: 40px;
  line-height: 46px;
  padding: 6px;
}

a.caja:before,
a.caja:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  transform: scale(0);
  transition: 0.5s;
}

.caja:before {
  border-bottom: 2px solid #333;
  border-left: 2px solid #333;
  transform-origin: 0 100%;
}

.caja:after {
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  transform-origin: 100% 0%;
}

.caja:hover:after,
.caja:hover:before {
  transform: scale(1);
}
<a class="caja" href="">خط دائري</a>


7. خط دائري 2
a.caja2 {
  display: inline-block;
  position: relative;
  color: #333;
  text-decoration: none;
  font-size: 40px;
  line-height: 46px;
  padding: 6px;
}

a.caja2:before,
a.caja2:after {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  box-sizing: border-box;
  transform: scale(0);
}

.caja2:before {
  transform: translateX(100%);
  bottom: 0;
  left: 0;
  height: 2px;
  border-bottom: 2px solid transparent;
  border-left: 2px solid transparent;
  transition: .1s transform linear, .1s height linear .1s;
}

.caja2:after {
  transform: translateX(-100%);
  top: 0;
  left: 0;
  height: 2px;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
  transition: .1s transform linear .2s, .1s height linear .3s;
}

.caja2:hover:after,
.caja2:hover:before {
  transform: translateX(0);
  height: 100%;
  border-color: #333;
}
<a class="caja2" href="">خط دائري 2</a>


8. خط بخلفية
a.centrofondo {
  position: relative;
  text-decoration: none;
  color: #333;
  z-index: 1;
  font-size: 40px;
  line-height: 46px;
  padding: 3px 0;
}

a.centrofondo:before {
  content: "";
  background: #ccc;
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  animation: .8s no-hover;
  animation-fill-mode: forwards;
  z-index: -1;
}

a.centrofondo:hover:before,
a.centrofondo:focus:before {
  animation: .4s hover linear;
  animation-fill-mode: forwards;
}

@keyframes hover {
  0% {
    transform: scaleX(0);
    height: 5px;
  }
  45% {
    transform: scaleX(1.05);
    height: 5px;
  }
  55% {
    height: 5px;
  }
  100% {
    transform: scaleX(1.05);
    height: 2.8rem;
  }
}

@keyframes no-hover {
  0% {
    transform: scaleX(1.05);
    height: 2.8rem;
  }
  45% {
    height: 5px;
  }
  55% {
    transform: scaleX(1.05);
    height: 5px;
    opacity: 1;
  }
  100% {
    transform: scaleX(0);
    height: 5px;
    opacity: .02;
  }
}
<a class="centrofondo" href="">خط بخلفية</a>


9. خط ثلاثي الأبعاد
a.tresd {
  display: inline-block;
  position: relative;
  color: #333;
  text-decoration: none;
  font-size: 40px;
  line-height: 46px;
  transition: all .5s ease;
  transform-style: preserve-3d;
}

a.tresd:after {
  content: "ثلاثي الابعاد";
  position: absolute;
  top: -100%;
  left: 0px;
  width: 100%;
  background: #ccc;
  transform-origin: left bottom;
  transform: rotateX(90deg);
}

a.tresd:hover {
  transform-origin: center bottom;
  transform: rotateX(-90deg) translateY(100%);
}
<a class="tresd" href=""> خط ثلاثي الأبعاد</a>

كما يمكن إجراء هذه التأثيرات على الصور كما هو أدناه بوضع أي رمز من الشكل المطلوب أعلاه للصورة
10.
<a class="caja" href="#"><img src="http://1.bp.blogspot.com/-krEeg0CciY8/Uptlcw8k-BI/AAAAAAAAJdQ/Y2QygivF7bg/s1600/c88a07e78fe.png"/></a>
<a class="caja2" href="#"><img src="http://1.bp.blogspot.com/-krEeg0CciY8/Uptlcw8k-BI/AAAAAAAAJdQ/Y2QygivF7bg/s1600/c88a07e78fe.png"/></a>
لاحظ في الكود أعلاه أضفنا فقط للصورة معرف الكود caja2 والثانية caja كما يمكن إضافة اي معرف للصور لتظهر بالشكل المطلوب

طبعا يمكن تغيير القيمة الخاصة ب CSS إلى اي قيمة أخرى على سبيل المثال تريد جعل روابط الموضوع تظهر على شكل رابط بالخلفية سوف نقوم بالتعديل على الكود "خط بخلفية" بالشكل التالي:
.post-body a {
  position: relative;
  text-decoration: none;
  color: #333;
  z-index: 1;
  font-size: 40px;
  line-height: 46px;
  padding: 3px 0;
}

.post-body a:before {
  content: "";
  background: #ccc;
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  animation: .8s no-hover;
  animation-fill-mode: forwards;
  z-index: -1;
}

.post-body a:hover:before,
.post-body a:focus:before {
  animation: .4s hover linear;
  animation-fill-mode: forwards;
}

@keyframes hover {
  0% {
    transform: scaleX(0);
    height: 5px;
  }
  45% {
    transform: scaleX(1.05);
    height: 5px;
  }
  55% {
    height: 5px;
  }
  100% {
    transform: scaleX(1.05);
    height: 2.8rem;
  }
}

@keyframes no-hover {
  0% {
    transform: scaleX(1.05);
    height: 2.8rem;
  }
  45% {
    height: 5px;
  }
  55% {
    transform: scaleX(1.05);
    height: 5px;
    opacity: 1;
  }
  100% {
    transform: scaleX(0);
    height: 5px;
    opacity: .02;
  }
}
شاهد الفرق بين الكود الذي عدلت عليه والكود الخاص بالرابط بالخلفية لقد قمت بإستبدال معرف الكود "centrofondo." بالمعرف الخاص بالنص في داخل الموضوع "post-body." بحيث سوف تعمل فقط داخل الموضوع وهكذا يمكن أختيار أي كود وتضمينه مباشر في مدونتك مثلا فوق الرمز ]]></b:skin> وإجراء التعديلات المذكورة في هذا النص لأي شيء في الموقع او في المدونة فقط غير معرف الكود الذي أخترته إلى معرف الروابط او الصور التي تريد ان تظهر بالشكل المطلوب

يمكن التعديل على الأكواد جميعها من خلال التحكم باللون مثلاً color: #333; أو حجم النص font-size: 40px;  وإذا كنت بحاجة إلى المساعدة في هذا الموضوع لا تتردد في ترك تعليق.



5 مواقع لتحميل الفيديو مجانا

اذا كنت من اليوتيوبر (منشئي المحتوى على يوتيوب) أو تريد فيديوهات مجانية لقناتك او لفيديو خاص بك لأي غرض كان سوف نقدم لك 5 مواقع لتنزيل الفيديو مجانا, يمكن إستخدام هذه الفيديوهات في العديد من المجالات ماعليك سوى استخدام مربع البحث في الموقع المختار للحصول على الفيديو المطلوب.




1. موقع mazwai
هو واحد من أفضل المواقع الإلكترونية التي تقدم محتوى فيديو مجاني او كما يقال بنك من أفضل بنوك الفيديو المجاني يمكن تصفح العديد من الفيديوهات والحصول عليها مجانا






هو منصة شهيرة للصور المجانية والفيديو ايضًا يمكنك الحصول على الفيديو بشكل مباشر مع تحميل مجاني بدون تسجيل الدخول وخاصية التصفية والبحث بين الفيديوهات موقع من افضل المواقع التي تقدم محتوى مرئي مجاني لأعمالك وهو متاح للإستخدام الشخصي والتجاري




 موقع تحميل فيديو تحميل من اليوتيوب بدون برنامج تنزيل يوتيوب للجوال تحميل من اليوتيوب mp3 برنامج تحميل فيديو من اي موقع برنامج تحميل الفيديو من اليوتيوب برنامج تحميل من اليوتيوب للكمبيوتر موقع تحميل فيديو من اليوتيوب

الحصول على اي فيديو بنقرة زر يمكنك تحميل والحصول على اي فيديو فقط باستخدام محرك البحث والنقر على الفيديو للمعاينة التحميل بشكل مباشر بدون علامة مائية كما يوفر خيارات عديدة لتضمين الفيديو في موقعك عبر إستخدام  (HTML، CSS و JavaScript)




 موقع تحميل فيديو من اليوتيوب برنامج تحميل فيديو من اي موقع مجاني موقع تحميل فيديو من اي موقع موقع تحميل فيديو من اليوتيوب بدون برامج برنامج تحميل فيديو سريع موقع تحميل فيديو كليب برنامج تنزيل فيديو مجاني من جميع مواقع الانترنت برنامج تحميل فيديو من النت

يقدم ايضا هذا الموقع العديد من الفيديوهات المنتنوعة والتي سوف تفيدك كثيرا في أعمالك يقدم العديد من الفيديوهات المجانية عالية الدقة بتحميل مجاني ومباشر لأي فيديو





واخيرًأ موقع videvo أخير إذا كنت تريد مقدمة رائعة لقناتك فهو خيار جيد للحصول على مقدمة ممتازة والكثير من الأشكال المتفردة التي تساعدك على بناء فيديو إحترافي, الموقع يدعم التحميل المباشر وبدون تسجيل وبدقة عالية.




تحميل متصفح فيفالدي الرائع لأجهزة الكمبيوتر


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

نحن نعلم ان هناك متصفحات طاغية وأفضل من متصفح Vivaldi ولكنه قوي ويمكن إستخدامه كمتصفح إضافي لجهاز الكمبيوتر لديه العديد من المميزات من أبرزها سرعة تحميل صفحات الويب وعرضها بشكل فريد الوصول السريع إلى مواقع الويب وسهولة التحكم في الإشارات المرجعية وتاريخ التصفح وعرض الصفحات للخلف بشكل اسرع مع ذاكرة التخزين المؤقت

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

للحصول على المتصفح من هنا


أداة كاندي PDF لتحويل الملفات إلى جميع الصيغ والتحكم بها

 تحويل pdf الى ppt تحويل ملف pdf الى ppt اون لاين برنامج تحويل من pdf الى powerpoint يدعم اللغة العربية تحويل ملف pdf الى بوربوينت بدون برامج تحويل pptx الى pdf كيف احول ملف pdf الى بوربوينت تحويل ملف pdf الى word تحويل pdf الى word يدعم العربية
 تحويل pdf الى ppt تحويل ملف pdf الى ppt اون لاين برنامج تحويل من pdf الى powerpoint يدعم اللغة العربية تحويل ملف pdf الى بوربوينت بدون برامج تحويل pptx الى pdf كيف احول ملف pdf الى بوربوينت تحويل ملف pdf الى word تحويل pdf الى word يدعم العربية

تحدثنا مؤخرا عن أداة قوية لتحويل والتحكم في ملفات PDF واليوم سوف نتحدث عن أداة جديدة ذات قوة وفعالية في تحويل ودمج وحماية وإقتصاص ملفات PDF إلخ ...

أداة كاندي PDF تجمع الكل في واحد فهي أداة سلسة الإستخدام ومجانية تماما لديها العديد من الأدوات التي قد لا تجدها إلا في الموقع الخاص بها، كما هي متوفر على جميع الأجهزة وذات تحميل سريع وقوي لتحويل الملفات

مميزاتها


  • تحويل ملف PDF إلى Word
  • تستطيع الوصول غلى ملفاتك مباشرةً من جوجل دريف ودروبوكس
  • تحويل ملف Word إلى PDF
  • تحويل ملف PDF إلى JPG والعكس
  • إمكانية دمج ملفات PDF
  • قص ملفات PDF
  • ضغط ملفات PDF
  • فتح ملفات PDF وقفلها
  • تدوير ملف PDF
  • أضف علامة مائية إلى ملفاتك PDF
  • حذف صفحات من ملف PDF
  • تحويل ملف PPTإلى PDF والعكس


موقع بتشفير آمن للدخول للموقع من الرابط: https://pdfcandy.com/




أفضل أداة لتحميل فيديو فيسبوك للكمبيوتر


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

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

مميزات أداة تحميل فيديو فيسبوك


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

شرح البرنامج

لتحميل أي فيديو فيسبوك فقط انسخ رابط الفيديو كما بالصورة التالية:


 برنامج تحميل الفيديو من الفيس بوك للكمبيوتر تنزيل فيديو من الفيس بوك بدون برنامج 2018 برنامج تحميل الفيديو من الفيس بوك للجوال برنامج تحميل الفيديو من الفيس بوك للايفون كيف انزل فيديو من الفيس برنامج تحميل الفيديو من الفيس بوك للاندرويد موقع تحميل فيديو من الفيس بوك برنامج تحميل الفيديو من الفيس بوك للاندرويد 2017

  1. لإضافة رابط فيديو جديد للتحميل
  2. لتحميل الفيديوهات المضافة
  3. لأختيار صيغة الفيديو
  4. لأختيار دقة الفيديو
  5. الفيديو المضاف
  6. إزالة الفيديوهات المحددة
  7. فتح موقع تحميل الفيديوهات
  8. لتحديد مجلد لتحميل الفيديوهات إليه.



تحميل البرنامج من مركز تحميل الملفات أو من الموقع الرسمي

فريندس , قالب احترافي بتصميم عربي خالص

بسم الله الرحمن الرحيم 


السلام عليكم , الكثير منا يحاول البحث جاهدا عن قالب احترافي و متجاوب لمدونته ليكون عنوانا للاناقة و الجمال وليدل على تنسيق المدونة و جودة محتواها ومدى اهتمام صاحبها بها , ولكن في هذا الوقت اغلبية القوالب الاحترافية تكون مدفوعة ولاتتوفر بصورة مجانية حتى وان وجدت نسخة مجانية من القالب لاتكون باحترافية النسخة المدفوعة , لذلك من الصعب ان يحصل المرء على مايريد .

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

اما التصميم الداخلي للقالب فقد قمت بتنظيف هيكل القالب كاملا بحذف الاكواد التي لايوجد فائدة منها في القالب وتم تعديل وسوم العناوين H1 , H2 , H3 ليصبح القالب اكثر توافقا مع السيو و معاييره , كما تم تعديل اكواد الميتا تاج الخاصة حيث قمت باستبدالها باكواد ميتا تاج مدفوعة , لتعطي نتائج افضل في محركات البحث .

اما بالنسسبة لتجاوب القالب مع شاشات الاجهزة اللوحية فهو متجاوب بنسبة 87% مع جميع شاشات الهواتف المحمول و اجهزة التاب و الايباد , والتجاوب امر مهم يجب ان يتوفر في كل قالب نظرا لاهميته ودوره الكبير في استهداف زوار الهواتف المحموله , وللتأكد من تجاوب القالب " responsinator " .

صورة كاملة من القالب


خصائص ومميزات القالب


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

المعاينة و التحميل

📺 معاينة القالب " قالب فريندس

📥 التحميل " mediafire "

📍 لمزيد من المعلومات حول القالب 👈 " توجه الى الموضوع الاصلي "
___________________________________________________________