More

إضافة محتوى مخفي في موضوع

What do you think of this post?
  • Bad ()
  • Boring ()
  • Useful ()
  • Interesting ()
  • Awesome ()
بسم الله الرحمن الرحيم ، بداية أسبوع موفقة للجميع .. عدت لكم مع إضافة جد مفيدة ورائعة لأصحاب قوالب بلوجر أيضا لمن لديهم مواضيع بكلمات تفوق الصفحة ومع إضافة إستكشف المزيد ستغنيك عن العديد من الوضائف التي بالموضوع ويمكنك إخفائها ويمكن لزائر أن يستكشف ما تحتويه من تتمة للموضوع أو كملاحظة على حسب ذوقكم في العرض ولتوضيح أكثر سنعاين الإضافة
و كيفية تطبيق

شرح طريقة التركيب

1 . توجه لقالب >> تحرير 
2. ابحث بإستعمال CTRL+F عن  <b:skin/><[[
3. ضع الكود التالي قبله [ فوقه ]
#flippy {
text-align: center;
}
#flippy button {
background:#FD4B4B;
color: #fff;
text-align: center;
margin: 0 auto;
border: none;
border-radius: 3px;
padding: 8px 16px;
margin: 10px auto;
font-size: 13px;
font-family: droid arabic kufi;
font-weight: bold;
vertical-align: middle;
cursor: pointer;
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
transition: background 0.1s ease-in-out;
}
#flippy button:hover, #flippy button:focus {
background: #EA2B2B;
outline: none;
}
#flippanel {
padding: 1px;
text-align: right;
background: #f5f5f5;
border: 0px;
}
#flippanel {
padding: 24px;
display: none;
}



4. ابحث عن </body> ضع الكود التالي فوقه
<script>
$(document).ready(function() {
$(&quot;#flippy&quot;).click(function() {
$(&quot;#flippanel&quot;).slideToggle(&quot;normal&quot;);
});
});
</script>

5. احفظ النموذج وتوجه للمشاركات 
6. الكود الأتي يوضع داخل موضوع في تبويب HTML
<div id="flippy"><button>المزيد لتستكشفه</button></div>
<div id="flippanel">
ضع هنا محتوى الموضوع الذي تريد إخفائه
</div>

انتهى الموضوع ، اتمنى أن تكون الإضافة في متناول الجميع تحياتي .

What do you think of this post?
  • Bad ()
  • Boring ()
  • Useful ()
  • Interesting ()
  • Awesome ()

You may also like  النجوم شيرين والرباعي وكاظم وعاصي في الموسم الثاني من برنامج اكتشافالمواهب الغنائية The Voice


Show More

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Adblock Detected

Please consider supporting us by disabling your ad blocker