خبرات ايجى

السلام عليكم ورحمة الله وبركاته  أقدم لكم اليوم سلايدر جميل جدا هذا السلايدر يقوم بإظهار اخر الموضيع لمدونات بلوجر والمواقع المستضافة على بلوجر او ورد برس سلايدر خفيف وسهل التركيب  صورة السلايدر شو  معاينة من هنا كيفية اضافة السلايدر الى مدونتك اولا سجل دخول الى مدونتك لوحة التحكم  ثم اضغط على تخطيط وبعدها اضافة أداة  حدد أدوات html/javascript ثم اضف الكود التالي في المكان الذي ترغب بظهور السلايدر فيه <style scoped="" type="text/css"> .ei-slider{position:relative;width:100%;max-width:1000px;height:250px;margin:0 auto 35px;padding:0;background-color:white} .ei-slider-loading{width:100%;height:100%;z-index:997;position:absolute;top:0;left:0;background-color:white;text-indent:-9999px;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_Rne-XD_y1vU98M1RfU4vvfnEZ5LIG_pzhesEeJK5K64xIiuz2oR0CaEFoAHlws6wuYNBYgveD4EyZGLnkaFZG20W-Qm6TrmxgiIsx7ibvI4Zay4HYNTzEPiy_OH9FqTpRDfbKL_NVm8/s1600/loading.gif);bac...

في هدا الدرس من دروس بلوجر سنتعلم  اضافة سلايد شو تلقائي وخفيف لمدونة بلوجر. طريقة التركيب : ادخل مدونتك . التخطيط . اختر اداة html/javascript . ضع مكانها فوق المشاركات . انسخ والصق هذا الكود بها : <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js' type='text/javascript'></script> <style type='text/css'>   .contenedorsli { width:  650 px; margin: 0 auto; height:  250 px; } #slider { position: relative; overflow: hidden; width: 100%; height:  250 px; border: 4px solid #333; margin: 0 auto; padding: 0; } #slider > div {position: absolute;top: 0;left: 0;width: 100%;padding:0;} #slider img { width: 100% !important; height:  250 px !important; margin: 0; padding: 0; border: 0; } #slider p { position: absolute; left: 0; top: 0; height:  250 px; width: 200px; margin: 0; padding: 10px; color: #FFF; background: #333; font-size: 18px; font-weight: bold; ...

انسخ هذا الكود وضعه فى أداة  html/javascript واحفظ   <form> <select name="menu" onchange="window.open (this.options[this.selectedIndex].value,'_blank')" size="1" style="width:250px"> <option /> -اختر ما تريد من القائمة المنسدلة - <!-- change the links with your own --> <option value="http://mynewfiles.blogspot.com/search/label/%D8%A5%D8%B3%D9%84%D8%A7%D9%85%D9%8A%D9%80%D9%80%D8%A7%D8%AA" />إسلاميات <option value="http://mynewfiles.blogspot.com/search/label/%D8%A3%D8%BA%D9%80%D9%80%D9%80%D9%80%D8%A7%D9%86%D9%89" />أغانى <option value="http://mynewfiles.blogspot.com/search/label/%D8%A3%D9%84%D8%B9%D9%80%D9%80%D9%80%D9%80%D8%A7%D8%A8" />ألعاب <option value="http://mynewfiles.blogspot.com/search/label/%D8%B5%D9%80%D9%80%D9%80%D9%80%D9%80%D9%88%D8%B1" />صور <option value="http://mynewfiles.blogspot.com/search/label/%D9%83%D9%88%D9%85%...

اليوم وفى موضوع جديد وحصرى من مدونة ابداعاتى جئت لكم بقائمة علوية احترافية جدا بتقنية CSS قمت بتعريبها بنفسى لأنها نالت شديد الاعجاب منى ، فقررت تقديمها لكم فى مدونتى لافادة الجميع ان شاء الله وهذه القائمة عبارة عن تبويبات متتالية بشكل منتظم بمجرد الوقوف على أحدهم ينزلق للأسف ويظهر تبوين كامن أسفله ، ولكى لا أطيل عليكم هيا بنا للشرح والمعاينة  ♦  المعاينة الحيــة المباشرة  ♦   شرح التركيب  اذهب للوحة التحكم >> التخطيط  >>  اضافة أداة  >>  Html/javascript  ضع بها هذا الكود ثم قم بالحفظ  ♫ يمكنك الحصول على الكود  >> من هنا   <nav id="rolling-nav">     <ul>         <li><a href="#" data-clone="الرئيسية">مدونة ابداعاتى</a></li>         <li><a href="#" data-clone="قسم منفصل">مدونة ابداعاتى</a></li>         <li><a href="#" data-...

كثير من المدونين يجدون بعض من الحيرة فى قائمة احترافية لمدوناتهم تمكنهم من عرض أقسام مدوناتهم بأسلوب جذاب حضارى لا يؤثر على رونق وجمال المدونة بأن تشغل جزء كبير من المدونة و يكون شكلها غير متناسق فلذلك عندما وجدت هذه القائمـــة فى أحد المدونات الأجنبية قمت بتعريبها وتنسيقها وقررت عمل موضوع بها فى مدونة ابداعاتى لكى تصل للعرب ويستفيد بها كل مدون عربى ولكى لا أطيل عليكم فى الوصف هيا بنا للمعاينة والشرح ♫ بعض اقتراحاتى لاستخدام  القائمة  ♫ (1) عرض أقسام مدونتك الرئيسية والفرعية  (2) عرض صفحات مدونتك وتصنيفها بشكل منظم  (3) عمل تبادل اعلانى نصى مع مدونتك وعرض المدونات به  مع تصنيفها فى كل قسم رئيسى و فرعى من القائمة  معاينة الاضافه و الآن اتركك لكى ترى المعاينة وتحكم أين ستستخدمها ؟! معاينــة القائمــة طبعا و بلا أدنى شك نالت على اعجابك  فتابع معى للحصول على شكل مماثل لمدونتك  شرح التركيب اذهب للوحة تحكم مدونتك >> التخطيط >> اضافة أداة >> Html/javascript  انسخ الكود التالى وضعه بها...

السلام عليكم ورحمة الله وبركاته اقدم لكم اليوم قائمة افقيه رائعه تدعم انسدال بسيط , القائمه بلغة jquery و css3 , ستلاحظون ان القائمه تشبه تماما قائمة مدونة "البعدانى" لذلك اردت التنويه بذلك للحفاظ على حقوق اخى الغالى جلال البعدانى . معاينة القائمه للمعاينة الحيه للقائمه إضغط هنا  شرح التركيب اولا : ان كنت تريد وضع القائمه فى اداة HTML/JAVASCRIPT اذهب الى لوحة التحكم >> اختر التخطيط >> اختر اضافة اداة >> ثم اختر اداة HTML/JS   ان واجهتك مشكله فى فهم احد الخطوات يمكنك الاستعانه بالشرح المصور من هنا بعد فتح الاداه , ضع بها هذا الكود. <ul id="menu"> <li><a href=" # ">الرئيسيه</a></li> <li>   <a href="#">انسدال</a>   <ul> <li><a href=" # ">فرعى</a></li> <li><a href=" # ">فرعى</a></li> <li><a href=" # ">فرعى</a></li> <li>...

السلام عليكم في موضوع جديد وحصري لــمدونة إبــداعاتي   السلام عليكم ورحمة اللـه متابعى مدونة ابداعاتى الكرام أقدم لكم اليوم موضوع جديد و حصرى كالعادة من مدونة ابداعاتى وهو بعنوان جعل قائمة المدونات تتحرك مع النزول إلى أسفل المدونة أى جعلها معلقة عند التمرير لأسفل المدونة و ربما يسألنى البعض عن أهمية تلك الخدعة البسيطة >> فهى تسهل على الزائر التنقل السريع بين الأقسام فى القائمة فى أى مكان فى المدونة ولكى لا أطيل عليكم تابعوا معى الشرح طريقة جعل قائمة المدونات تتحرك مع النزول إلي أسفل المدونة  ( أى جعل القائمة معلقة عند التمرير لأسفل المدونة ) كان الأخ محمود سعيد ( مدير عام مدونة ابداعاتى ) قد تخدث فى موضوع سابق عن جعل أى اضافة فى المدونة معلقة عند التمرير للأسفل و هذا الموضوع مبنى على تلك الفكرة >> الموضوع من هنا إاذا أعجبك عنوان الموضوع تابع الشرح ♫ طريقة التركيب ♫ نذهب الى لوحة التحكم >> ثم القالب  >> ثم تحرير HTML ونبحث عن وسم الـ   <body/> بالضغط على CTRL + F  نضع فوقه ( قبله ) مب...

قائمة منسدلة احترافيه مع امكانية تغيير لونها بتقنية CSS جرب الان استعمال قائمه جميله جدا بخصائص عديده ومميزه , مع خاصية تغيير لون القائمه وتوافر الانسدال ذو الشكل الأنيق  وغيرها من الأشكال المجميلة التى تناسب جميع الأذواق ، هذه القائمة لن تجدها سوى فى مدونة ابداعاتى ، ولكى لا أطيل عليك فى المقدمة فهيا بنا للمعاينة وشرح التركيب لهذه القائمة يمكنك معاينة القائمة معاينة مباشرة قبل الشروع فى تركيبها  من هنا شرح تركيب الأضافة اذهب للوحة التحكم  >>  التخطيط  >>  اضافة أداة  >>  Html/javascript ضع الكود التالى بها  ثم قم بالحفظ   ♦   للحصول على الكود  اضغط هنا ♦  بعد الذهاب لصفحة الكود اضغط على  Ctrl + A   لتحديد الكود بأكمله ثم قم بنسخه  ♦ سيتم طلب  كلمة سر للحصول على الكود وهى myebd3at.blogspot.com تحذيـــــر هام  لن تعمل هذه الاضافة عند الجميع وجاى العمل على جعلها متوافقة مع الجميع