قوالب بلوجر - قالب Oustine معرب

السلام عليكم
قالب Oustine معرب الرائع سريع التصفح دو قائمة جانبية في اليمين به اضافة اقراء المزيد ويتميز بالسلايدشو سهلة التعديل وقائمة افقية رائعة ويتميز بالوانه الهادئة صراحتا من اروع قوالب بلوجر

للمعاينة

لتحميل

•  التعديل على السلايدشو

 من لوحة تحكم المدونة ادهب الى تصميم تم تحرير html تم توسيع القالب وابحت عن هدا الكود

<div id='myGallery'>

ملحوضة : لتسهيل عملية البحت اضغط على Ctrl+F ستضهر قائمة بالاسفل واكتب الكود في مكان البحت
ستجد تحته هدا الكود مباشرة وهدا الكود هو الدي يهمنا الان

<div class='imageElement'>
<h3>عنوان الموضوع</h3>
<p>ضع وصف الموضوع هنا متال هدا نص تجربي هدا نص تجربي هدا نص تجربي هدا نص تجربي هدا نص تجربي هدا نص تجربي هدا نص تجربي .</p>
<a class='open' href='http://ar-webdesign.blogspot.com/' title='This is featured post 1'/>
<img alt='' class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggfNI_f_tKFql9KI9nn33AX-ANpEnjpvQ9Lt7RTiBrsc1Mid0CE_82dRvpnlRa1-AXa6x3-gCbqf0IgKWTexTIBLVMaJB5pR3zWIGVTQbLg0V_MvTfCWbdbJ71OkDmXgoUGnhmaHOmQAkk/s1600/1.jpg'/>
</div>

<div class='imageElement'>
<h3>عنوان الموضوع</h3>
<p>ضع وصف الموضوع هنا متال هدا نص تجربي هدا نص تجربي هدا نص تجربي هدا نص تجربي هدا نص تجربي هدا نص تجربي هدا نص تجربي .</p>
<a class='open' href='http://ar-webdesign.blogspot.com/' title='This is featured post 1'/>
<img alt='' class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggfNI_f_tKFql9KI9nn33AX-ANpEnjpvQ9Lt7RTiBrsc1Mid0CE_82dRvpnlRa1-AXa6x3-gCbqf0IgKWTexTIBLVMaJB5pR3zWIGVTQbLg0V_MvTfCWbdbJ71OkDmXgoUGnhmaHOmQAkk/s1600/1.jpg'/>
</div>

<div class='imageElement'>
<h3>عنوان الموضوع</h3>
<p>ضع وصف الموضوع هنا متال هدا نص تجربي هدا نص تجربي هدا نص تجربي هدا نص تجربي هدا نص تجربي هدا نص تجربي هدا نص تجربي .</p>
<a class='open' href='http://ar-webdesign.blogspot.com/' title='This is featured post 1'/>
<img alt='' class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggfNI_f_tKFql9KI9nn33AX-ANpEnjpvQ9Lt7RTiBrsc1Mid0CE_82dRvpnlRa1-AXa6x3-gCbqf0IgKWTexTIBLVMaJB5pR3zWIGVTQbLg0V_MvTfCWbdbJ71OkDmXgoUGnhmaHOmQAkk/s1600/1.jpg'/>
</div>

<div class='imageElement'>
<h3>عنوان الموضوع</h3>
<p>ضع وصف الموضوع هنا متال هدا نص تجربي هدا نص تجربي هدا نص تجربي هدا نص تجربي هدا نص تجربي هدا نص تجربي هدا نص تجربي .</p>
<a class='open' href='http://ar-webdesign.blogspot.com/' title='This is featured post 1'/>
<img alt='' class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggfNI_f_tKFql9KI9nn33AX-ANpEnjpvQ9Lt7RTiBrsc1Mid0CE_82dRvpnlRa1-AXa6x3-gCbqf0IgKWTexTIBLVMaJB5pR3zWIGVTQbLg0V_MvTfCWbdbJ71OkDmXgoUGnhmaHOmQAkk/s1600/1.jpg'/>
</div> 

<div class='imageElement'>
<h3>عنوان الموضوع</h3>
<p>ضع وصف الموضوع هنا متال هدا نص تجربي هدا نص تجربي هدا نص تجربي هدا نص تجربي هدا نص تجربي هدا نص تجربي هدا نص تجربي .</p>
<a class='open' href='http://ar-webdesign.blogspot.com/' title='This is featured post 1'/>
<img alt='' class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggfNI_f_tKFql9KI9nn33AX-ANpEnjpvQ9Lt7RTiBrsc1Mid0CE_82dRvpnlRa1-AXa6x3-gCbqf0IgKWTexTIBLVMaJB5pR3zWIGVTQbLg0V_MvTfCWbdbJ71OkDmXgoUGnhmaHOmQAkk/s1600/1.jpg'/>
</div>

1. اللون الاحمر : غيره بعنوان الموضوع
2. اللون الازرق : غيره بوصف لموضوعك او مقتطف صغير من موضوعك
3. اللون البنفسجي : غير رابط مدونتي برابط الموضوع
4. اللون الوردي : غيره بعنوان رابط صورة الموضوع

لاحضتم سهولت تعديل السلايدشو, لا تحرمونا من ردودكم

الى هنا السلام   

قوالب بلوجر معربة - قالب Dnotebook معرب

السلام عليكم 

قالب Dnotebook رائع غني عن التعريف

Dnotebook

المميزات

  

دو عمود ايمن
تلات اعمدة بالاسفل
دو الوان رائعة مريحة للعين

 

للمعاينة 

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

طريقك لتعلم لغة css2

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

css2

مصادر

• اقوى موقع لتعلم لغة css وبطريقة سهلة وهو www.w3schools.com به ميزات رائعة
• وهدا كتاب بالعربية رائع لتعلم css اضغط هنا لتحميل الكتاب
• وهناك موقع عربي  لتعلم وبطريقة رائعة  ar.html.net
• وطبعا مننساش جوجل  في محرك البحت اكتب اساسيات css يطلعلك كتير من النتائج واختر انت ما تريد

وفي الاخير اتمنى التوفيق للجميع

عزيزي زائر لاتقرا وترحل شاركنا بارائك   

مقدمة للغة CSS3

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

1 - ماهي CSS3 

 CSS3 هي لغة تكمل لغة CSS2 ودالك باضافات جديدة رائعة متل الضلال والحواف الدئرية التي بدورها  تمكننا من استغناء عن الفتوشوب و الصور الخ....  والعديد من الخصائص التي تم تنفيدها على اغلبية المتصفحات ومن اهمها :

Internet Explorer 9  - Firefox -  Safari -  Opera

و مازالت CSS3 قيد التطوير من طرف w3c ان شاء الله .
2 - اهم خصائص CSS3 

• Border-raduis
• text-shadow 
• @font-face Rule
• CSS3 2D Transforms
• CSS3 3D Transforms 

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

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

 

قوالب بلوجر - قالب Hybrid gallery معرب

السلام عليكم
قالب Hybrid gallery من اروع قوالب بلوجر للميديا او الالعاب معرب

مميزاته

• قالب دو عمود ايسر
• يمتاز باللون الرمادي والوان منسقة في الهيدر والفوتر
• القالب يمتاز بتلات اعمدة في الفوتر

للمعاينة

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

هل تود تعلم لغة html حقا

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

لتحميل الكتاب

قالب Newplus الانيق معرب

قالب رائع وانيق سريع التصفح دو عمود ايمن وبلونه الازرق الفاتح والابيض منسق تنسيق جيد

 للمعاينة

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

تحريك الادوات عن طريق اكواد html

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

-         الطريقة

ندهب إلى لوحة تحكم مدونتك،إختر "تصميم" ،ثم "تحريرhtml, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي

 <b:section class='sidebar' id='sidebar' preferred='yes'>

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

متال

 <b:section class='sidebar' id='sidebar' preferred='yes'>

<b:widget id='BlogArchive1' locked='false' title='Archives du blog' type='BlogArchive'/>

<b:widget id='Profile1' locked='false' title='Qui êtes-vous ?' type='Profile'/>

<b:widget id='Followers1' locked='false' title='Membres' type='Followers'/>

</b:section>

</div>

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

<b:widget id='BlogArchive1' locked='false' title='Archives du blog' type='BlogArchive'/>

واقوم بعمل cut   واسفل الكود مباشرة 

<b:widget id='Profile1' locked='false' title='Qui êtes-vous ?' type='Profile'/>

سنقوم ب    paste  وهكدا سنعمل مع المتابعون

<b:widget id='Followers1' locked='false' title='Membres' type='Followers'/>

 سنضع الكود هده المرة فوق

<b:widget id='Profile1' locked='false' title='Qui êtes-vous ?' type='Profile'/>

سيصبح الكود هكدا 

<b:section class='sidebar' id='sidebar' preferred='yes'>

<b:widget id='Followers1' locked='false' title='Membres' type='Followers'/>

<b:widget id='Profile1' locked='false' title='Qui êtes-vous ?' type='Profile'/>

<b:widget id='BlogArchive1' locked='false' title='Archives du blog' type='BlogArchive'/>

</b:section>

</div>

 المصدر مدونة فرنسية

السلام عليكم.   

عزيزي الزائر ادا اعجبك الموضوع فضع بريدك ليصلك الجديد وتسرني زيارتك لمدونتي ممكن تشاركني ادا كان هناك ما تضيفه او ادا كان اي غموض في الموضوع  انا رهن الاشارة.