عن الموقع في القائمة الجانبية

حلولي | مدونة تقنية

مدونة تقنية تهدف لنشر كل ما يفيد الزائر والمدون.

Blogger facebook youtube twitter instagram

قوالب بلوجر

  • قوالب بلوجر

إضافات بلوجر

  • إضافات بلوجر108

صفحات على الموقع

  • الأرشيف
  • إتفاقية الإستخدام
  • لديك مشكلة ؟
حلولي | مدونة تقنية
bannner1

شريط الأخبار [ticker]

  • إسلاميات
  • إضافات بلوجر
  • الانستقرام
  • القرآن كريم
  • ايقونات
  • برامج الأندرويد
  • برامج الأيفون
  • برامج كمبيوتر
  • برودكاست
  • تواقيع اسلامية
  • تويتر
  • حصرى
  • خط اجنبي
  • خط عربي
  • رمزيات
  • شروحات
  • شروحات بلوجر
  • صور
  • فديو
  • فيس بوك
  • قوالب بلوجر
  • قوقل
  • قوقل ادسنس
  • قوقل بلس
  • قوقل كروم
  • كتب
  • مسابقات
  • مميز
  • مواضيع عامة
  • مواقع مفيدة
  • نصائح
  • يوتيوب
0
img

طرق عديدة لتحميل مقاطع اليوتيوب فديو او صوت

01 يناير 2016
0
img

اسهل طريقة لحل مشكلة الاسماء المكرره للأندرويد

06 أغسطس 2016
6
img

خلفيات يوتيوب اسلامية 2015

22 مارس 2015
0
img

حل مشكلة تعطل لوحة الأرقام فى الكيبورد

09 أكتوبر 2024
  • حلولي | مدونة تقنية
  • إضافات بلوجر

اضافة اداة تعريف الكاتب بشكل متحرك إحترافي

  • الحصول على الرابط
  • Facebook
  • X
  • Pinterest
  • بريد إلكتروني
  • التطبيقات الأخرى
17 سبتمبر 2016
حلولي

مدونة تقنية أنشر كل مايفيد الزائر والمدون .

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

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

طريقة الاضافة
اذهب للتخطيط - اضافة اداة- HTML/Javascript 
 وألصق الكود التالي مع تغيير مايلزم

<style>.card {  width: 300px;  height: 400px;  margin: 25px auto;  border-radius: 10px;  position: relative;  transform-style: preserve-3d;  transition: all 3s ease-in-out;  box-shadow: 0px 0px 0px #7F7970;}.card:hover {    transform: rotatey(180deg);}.card > div {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background-color: #34495e;    border-radius: 0px;    border: 0px solid #CCC;    text-align: center;    background-image: url('https://s10.postimg.io/jbhjp29qh/3_min.png');}.card .front {    z-index: 2;    backface-visibility: hidden;}.card .front header {    width: 100%;    height: 80px;    background-color: #397282;    border-radius: 0px 0px 0 0;}.card .front img {    width: 130px;    border-radius: 50%;    position: relative;    top: 10px;}.card .front h3{  margin-top: 70px;  color: #0AC;  font-size: 17px;}.card .front .mid {  list-style: none;  margin: 30px 0 -20px 0;  text-align: center;  color: #a2a2a2;  line-height: 1.6;}.card .front .mid li {  font-size: 20px;color: #ffffff;}.card .front span {    display: inline-block;    margin-top: 42px;    font-size: 20px;    color: #ffffff;    font-style: italic;    border: 1px solid #ffffff;    padding: 5px 80px;    border-radius: 0px 0px;} .card .back {    z-index: 1;    transform: rotatey(180deg);    background-color: #CCC;}.card .back header {  width: 100%;  height: 40px;  margin-top: 0px;  border-radius: 0px 0px 0 0;  background-color: #DF0069;  margin-right: 0px;  color: #fff;}.card .back p {  font-size: 25px;  position: absolute;  top: -35px;  left: 0;  width: 100%;}.card .back ul {    list-style: none;}.card .back span {    width: 90%;    display: inline-block;    text-align: center;    margin-top: 40px;color: #434343;    line-height: 1.2;    font-size: 20px;}.card .back .left {  margin: 5px;  text-align: center;}.card .back .left li {  font-size: 20px;  border: 1px solid #777777;color: #d03f42;  margin-bottom: 5px;  padding: 10px;  text-align: center;}.card .back img {    width: 97%;    height: 120px;    margin-top: 20px;} 
/* Another Symple Card-Back Style *//* .card .back {  background-color: #3D465F;}.card .back img {  width: 90%;  margin-top: 60px;  opacity: .5;} */</style>

<div class="card">  <div class="front">          <header>             <img src="https://cdn3.iconfinder.com/data/icons/avatar-set/512/Avatar02-512.png" /> </header>     <h3>حلولي</h3>     <section>        <ul class="mid">          <li>تطوير قوالب بلوجر</li>          <li>تعديل قوالب بلوجر</li>          <li>تصميم قوالب بلوجر</li>        </ul>     </section>     <span>تعرف علينا</span>  </div>                  <div class="back">     <header>        <p>تعرف علينا</p>     </header>     <section>         <span>هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق</span>         <ul class="left">            <li>facebook: @hlo1y</li>            <li>twitter: @hlo1y</li>            <li>instagram: @hlo1y</li>         </ul>       </section>  </div>  <!-- Another Symple Card-Back Style -->            <!--    <div class="back">                  <img src="https://cdn2.iconfinder.com/data/icons/website-icons/512/Website_Code-512.png">  </div>  </div>   --></div>
تعليقات

إرسال تعليق

إرسال تعليق

قد يهمك ايضا [related]

  • إسلاميات
  • إضافات بلوجر
  • الانستقرام
  • القرآن كريم
  • ايقونات
  • برامج الأندرويد
  • برامج الأيفون
  • برامج كمبيوتر
  • برودكاست
  • تواقيع اسلامية
  • تويتر
  • حصرى
  • خط اجنبي
  • خط عربي
  • رمزيات
  • شروحات
  • شروحات بلوجر
  • صور
  • فديو
  • فيس بوك
  • قوالب بلوجر
  • قوقل
  • قوقل ادسنس
  • قوقل بلس
  • قوقل كروم
  • كتب
  • مسابقات
  • مميز
  • مواضيع عامة
  • مواقع مفيدة
  • نصائح
  • يوتيوب
  • facebook
  • youtube
  • twitter
  • khamsat

l

أقسام الموقع

  • إسلاميات67
  • إضافات بلوجر108
  • الانستقرام13
  • القرآن كريم7
  • ايقونات18
  • برامج الأندرويد45
  • برامج الأيفون23
  • برامج كمبيوتر18
  • برودكاست2
  • تواقيع اسلامية18
  • تويتر22
  • حصرى14
  • خط اجنبي35
  • خط عربي24
  • رمزيات20
  • شروحات158
  • شروحات بلوجر44
  • صور47
  • فديو8
  • فيس بوك19
  • قوالب بلوجر49
  • قوقل1
  • قوقل ادسنس1
  • قوقل بلس11
  • قوقل كروم21
  • كتب3
  • مسابقات2
  • مميز3
  • مواضيع عامة11
  • مواقع مفيدة86
  • نصائح2
  • يوتيوب45

روابط مفيدة

  • لديك مشكلة ؟
  • الأرشيف

مختارات [above]

  • حصرى

مواضيع عشوائية

img

طرق عديدة لتحميل مقاطع اليوتيوب فديو او صوت

01 يناير 2016
img

اسهل طريقة لحل مشكلة الاسماء المكرره للأندرويد

06 أغسطس 2016
img

خلفيات يوتيوب اسلامية 2015

22 مارس 2015
img

حل مشكلة تعطل لوحة الأرقام فى الكيبورد

09 أكتوبر 2024

آخر التعليقات

يمكنك إخفاء هذه الأداة بالضغط على الترس الأخظر

أقسام الموقع

إسلاميات67 إضافات بلوجر108 الانستقرام13 القرآن كريم7 ايقونات18 برامج الأندرويد45 برامج الأيفون23 برامج كمبيوتر18 برودكاست2 تواقيع اسلامية18 تويتر22 حصرى14 خط اجنبي35 خط عربي24 رمزيات20 شروحات158 شروحات بلوجر44 صور47 فديو8 فيس بوك19 قوالب بلوجر49 قوقل1 قوقل ادسنس1 قوقل بلس11 قوقل كروم21 كتب3 مسابقات2 مميز3 مواضيع عامة11 مواقع مفيدة86 نصائح2 يوتيوب45

شروحات [video]

  • شروحات بلوجر
  • facebook
  • youtube
  • twitter
  • pinterest
  • الأرشيف
  • إتفاقية الإستخدام
  • facebook
  • youtube
  • twitter
  • pinterest
عن الموقع حلولي | مدونة تقنية

مدونة تقنية تهدف لنشر كل ما يفيد الزائر والمدون.

  1. facebook
  2. youtube
  3. twitter
  4. pinterest

أقسام الموقع

إسلاميات67 إضافات بلوجر108 الانستقرام13 القرآن كريم7 ايقونات18 برامج الأندرويد45 برامج الأيفون23 برامج كمبيوتر18 برودكاست2 تواقيع اسلامية18 تويتر22 حصرى14 خط اجنبي35 خط عربي24 رمزيات20 شروحات158 شروحات بلوجر44 صور47 فديو8 فيس بوك19 قوالب بلوجر49 قوقل1 قوقل ادسنس1 قوقل بلس11 قوقل كروم21 كتب3 مسابقات2 مميز3 مواضيع عامة11 مواقع مفيدة86 نصائح2 يوتيوب45

روابط مهمة

  • سياسة الخصوصية
  • شروط الإستخدام
  • إتصل بنا
  • الأرشيف

© 2025 جميع الحقوق محفوظة - حلولي | مدونة تقنية