تبادل اعلاني جديد من الوليد نت مجانا

أدخل كلمات بحثك

كيفية عمل محتوى مخفي علي بلوجر
،،،،،،،،، لقد تم تغير اسم الموقع من موقع الوليد نت الي موقع الوليد نت 2 ,والرابط من alwalednet.blogspot.com الى alwalednet2.blogspot.com , , اتمنى ان ينال اعجابكم ×

كيفية عمل محتوى مخفي علي بلوجر


كيفية عمل محتوى مخفي علي بلوجر



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


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

<div id="spoiler" style="display:none">
وعند نهاية الجزء الذي تريد إخفائه ضع الكود التالي
</div>
كل ما هو موجود بين الكودين سيكون خفيا
بقي امر واحد وهو وضع زر الإظهار والإخفاء قم بإضافة الكود التالي قبل الكود الاول إن أردت الزر في الأعلى أو بعد الكود الثاني إن أردت الزر في الأسفل
</br>
<center>
<button id="cnmuhide" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">أكمل الموضوع [ إظهار ] [ إخفاء ]</button>
</center>
</br>
ويمكنك تعديل الجزء الاحمر بكتابة اى جملة تعجبك
لمن أراد تعديل الزر واعطائه مظهر خاص يضيف الكود التالي فوق الوسم

  ]]></b:skin>
#cnmuhide {
background: #f1f1f1;
border: 1px solid #bbb;
border-radius: 5px;
color: #000;
cursor: pointer;
padding: 5px;
transition: all 0.8s ease 0s;
}
#cnmuhide:hover {background: #000; color:#fff;}
هذا اللون #f1f1f1 هو لون خلفية الزر
وهذا #bbb لون الإطار
وهذا #000 لون الخط
وهذا  #000 لون الخلفية عند تمرير الماوس
وهذا #fff لون الخط 



كيفية عمل محتوى مخفي علي بلوجر كيفية عمل محتوى مخفي علي بلوجر Reviewed by نجم النجوم on 4:53:00 ص Rating: 5
اظهار التعليقات
   
تجدونا هنا

إنضم إلينا


Join on this site

للحصول على كل جديد المدونة

Mohon Aktifkan Javascript!Enable JavaScript