تجارب

الجمعة، 1 مايو 2015

قالب Elegant الإحترافى والمطور

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

مدونة هادى ستور تقدم لكم قالب Elegant الإحترافى والجزاب والمطور من هادى ستور قالب رائع جداً وإحترافى بمعنى الكلمة به العديد من المميزات تجعله مناسب لك ولمدونتك وسريع ومتوافق مع جميع المتصفحات قالب مدفوع ولكن مقدم مجاناً من مدونة هادى ستور فقط وحصرياً.

مميزات القالب

متوافق مع جميع المتصفحات

الوانة هادئة ومريحة للعين

قالب إحترافى به أهم الإضافات

قائمة أفقية وقائمة سفلية اسفل الهيدر
مربع بحث داخل القائمة

به وحدة إعلانية داخل الهيدر خاصة بأدسنس واخرى بالسيد بار

به أيضاً وحدات إعلانية اعلى وأسفل المواضيع

إضافة إلى اعلى بشكل جزاب

فوتر مميز مزود بـ 3 أعمدة

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

Hady store

9:03 م

اقرأ المزيد

الاثنين، 27 أبريل 2015

إضافة أداة إتصل بنا بشكل جديد وإحترافى

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

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

معاينة الإضافة

مدونة هادى ستور تنصح باخذ نسخة إحتياطية تحسباً لأى أخطاء لا قدر الله
الدخول على تحرير القالب والبحث عن ]]></b:skin> وضع الكود التالى قبلة مباشرة

#mbl-contact .ContactForm {
    margin: 0px!important;
}
#mbl-contact .contact-form-button-submit {
    max-width: none;
    width: 100%;
    height: 35px;
    border: 0;
    background-color: #424242;
    cursor: pointer;
    font:13px;
    font-style: normal;
    font-weight: 400;
}
.#mbl-contact .contact-form-button-submit:hover {
    background-color: #FF9900;
    border: 0;
}
#mbl-contact #contact {
    position: fixed;
    bottom: 0;
    right: 1%;
    background-color: #EEE;
    color: #555;
    width: 300px;
    z-index: 1.0E+15;
}
#mbl-contact #contact .contact-form-widget {
    padding: 30px;
    display: none;
}
#mbl-contact #contact {
    position: fixed;
    bottom: 0;
    right: 1%;
    background-color: #EEE;
    color: #555;
    width: 300px;
    z-index: 1.0E+15;
}
#mbl-contact #contact h2.title {
    margin: 0px;
    font-weight: 400;
    background-color: #424242;
    color: #FFF;
    padding: 8px 15px;
    font-size: 16px;
    cursor: pointer;
    letter-spacing: 3px;
    text-align: center;
}
#mbl-contact #contact h2.title .fa {
    position: absolute;
    left: 10px;
    top: 12px;
}
#mbl-contact #contact .contact-form-widget {
    width: 300px;
    padding: 30px;
    display: none;
}
#mbl-contact #contact * {
    transition: all 0 ease;
    -webkit-transition: all 0 ease;
    -moz-transition: all 0 ease;
    -o-transition: all 0 ease;
}
#mbl-contact #contact .contact-form-name,#contact .contact-form-email,#contact .contact-form-email-message {
text-align: right;
    background-color: #DDD;
    color: #111;
    border: 0;
    padding: 5px 5px ;
    font: normal normal 13px ;
}
#mbl-contact .contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-widget {
    max-width: none;
    margin-bottom: 15px;
}

مجدداً نبحث عن الكود التالى <body> ونضع الكود التالى أسفلة مباشرة

<div id='mbl-contact'>
    <b:section class='contact' id='contact' maxwidgets='1' showaddelement='yes'>
      <b:widget id='ContactForm2' locked='true' title='إتصل بنا' type='ContactForm'>
        <b:includable id='main'>
      <b:if cond='data:title != ""'>
        <h2 class='title'><i class='fa fa-paper-plane'/> <data:title/></h2>
      </b:if>
      <div class='contact-form-widget'>
        <div class='form'>
          <form name='contact-form'>
            <input class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' expr:placeholder='data:contactFormNameMsg' name='name' size='30' type='text' value=''/>
            <input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' expr:placeholder='data:contactFormEmailMsg' name='email' size='30' type='text' value=''/>
            <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"' expr:placeholder='data:contactFormMessageMsg' name='email-message' rows='5'/>
            <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/>
            <div style='text-align: center; max-width: 222px; width: 100%'>
              <p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/>
              <p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/>
            </div>
          </form>
        </div>
      </div>
    </b:includable>
      </b:widget>
    </b:section>
    </div>
    <script type='text/javascript'>
     //<![CDATA[
    $( "#contact h2.title" ).click(function() {$( "#contact .contact-form-widget" ).toggle("fast");});
       //]]>
    </script>

إحفظ القالب فى رعاية الله

Hady store

7:14 م

اقرأ المزيد

الأحد، 26 أبريل 2015

الشرح الكامل لخاصية position فى css

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

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

أولاً Static / هذة القيمة تعنى أن العنصر سيكون ثابت مكانة لا يتحرك حتى بإستخدام الخواص التالية : right - left - top - bottom .

ثانياً Relative / وهذة القيمة تعنى بأن العنصر يتغير بالنسبة لموقعه دون إستخدام خاصية position يتغير بالنسبة للعناصر الاخرى حولة .

ثالثاً Absolute / وتعنى ان العنصر يتغير فقط بالنسبة لقياس الصفحة مع التصغير والتكبير ويتأثر أيضاَ إذا كان هناك عنصر آخر يحمل قيمة Relative

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

إنتهينا من قيم الخاصية مع شرح كل قيمة والآن بعض الأمثلة لكل قيمة

المثال الأول

المثال الثانى

المثال الثالث

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

Hady store

7:59 م

اقرأ المزيد

أكشن blue-evening الجذاب

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

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

تحميل الأكشن

Hady store

7:09 ص

اقرأ المزيد

السبت، 25 أبريل 2015

جميع أعلام دول الشرق الأوسط png

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

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

تحميل الأيقونات

Hady store

5:50 م

اقرأ المزيد

تحميل أفضل 10 تطبيقات للأندوريد لا غنى عنها

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

تحميل أفضل 10 تطبيقات مختارة بعناية لا غنى عنها لأنظمة الأندرويد 10 تطبيقات منوعة ومختلفة دعنا نعرض لك التطبيقات وبعض المعلومات عن كل تطبيق.

التطبيق الأول / Al-Quran_v2.1.4

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

التطبيق الثانى / Salatuk_v2.2.5

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

التطبيق الثالث / UC-Browser-Mini_v10.1.1

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

التطبيق الرابع / wi fi fast_v1.0

برنامج لتسريع الإتصال بشبكات الواى فاى لتليفونك المحمول .

التطبيق الخامس / Facebook_v31.0.0.20.13

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

التطبيق السادس / shaed_v2.0.0.1

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

التطبيق السابع / Viber Apps_v5.3.0

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

التطبيق الثامن / Messenger _v25.0.0.17.14

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

التطبيق التاسع / Tango-Video-Call_v3.16

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

التطبيق العاشر / Whats Messenger_v2.12

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

هذة التطبيقات تم إختيارها من قبل هادى ستور والآن مع التحميل

تحميل التطبيقات

Hady store

2:15 م

اقرأ المزيد

الاثنين، 13 أبريل 2015

أفضل تطبيقات الأيفون وآيباد لهذا الأسبوع

لقي عدد من التطبيقات على آيفون وآيباد استحسانا كبيرا هذا الأسبوع، ومنها:

تطبيق مشاهدة الأفلام مجانا – Popcorn Time

منذ فترة طويلة توفر برنامجا Popcorn Time للحواسب التي تعمل بأنظمة ويندوز وماك، لكن مؤخرا بدأ التطبيق في الوصول إلى الأجهزة الذكية. ويمكن لمستخدمي آيفون وآيباد الآن مشاهدة الأفلام والمسلسلات مجانا على أجهزتهم الذكية من خلال تثبيت تطبيق Popcorn Time المجاني.

مسح المستندات ضوئيا – Office Lens

لا تعد تطبيقات مسح المستندات ضوئيا Scan جديدة، لكن مايكروسوفت عملت مؤخرا على توفير تطبيق Office Lens مجانا لأجهزة آيفون وآيباد، الذي من خلاله يمكن وضع أي مستند أو لوح أمام الكاميرا ومسح محتوياتها ضوئيا لتحويلها إلى مستند رقمي بلاحقة PDF.

تبادل الملفات مع الحاسب – Infinit

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

عروض تقديمية – Adobe Slate

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

إنشاء فيديو بشكل تشاركي – Riff

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

Hady store

12:51 م

اقرأ المزيد