غير متصل
اخوانى الكرام اسرة منتديات زيزووم .. تحيه طيبه وبعد
اقدم لكم
شرح كيفية عمل شريط متحرك يمكن استخدامه لعرض المواضيع المميزه عن طريق الملاحظات
♦♦♦♦
الوصف
شريط رسائل متحركه وعند المرور عليها بالماوس تتوقف الحركه ويمكن ادراج روابط بالرساله ليتم استخدامها لعرض المواضيع المميزه بالموقع.
التوافق
2.0 & 2.1
الطريقه كالتالى
ندخل لوحة التحكم ... ثم من تواصل نختار > الملاحظات
ثم تضع الكود فى الرساله كالتالى ، والعنوان تختار ماتريد
هذا الكود المستخدم
PHP:
<div class="container">
<div class="headertext">المواضيع المميزه</div>
<div>
<marquee style="width: 100%;
height: 100%;
font-size: 25px;
color:tomato;"
onmouseover="this.stop();"
onmouseout="this.start();"
direction="right"
behavior="3"
scrollamount="10">
بسم الله الرحمن الرحيم
الحمد لله رب العالمين
لا اله الا الله
سبحان الله العظيم
لا حول ولا قوة الا بالله
</marquee></div>
</div>
<style type="text/css">
.container
{
position: relative;
width:auto;
}
.container,
.container .headertext {
padding: 3px;
background-color: #fff;
color: #626060;
font-weight: bold;
background: -webkit-linear-gradient(90deg, #087F8F 5%, #05EFF7 100%);
background: -moz-linear-gradient(90deg, #087F8F 5%, #05EFF7 100%);
background: -ms-linear-gradient(90deg, #087F8F 5%, #05EFF7 100%);
overflow:hidden;
}
.container .headertext {
position: absolute;
top:8px;
left: 55;
z-index: 20;
color:Violet;
font-weight: bold;
font-size:120%;
background:#41f4f4;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.container marquee {
line-height: 1.5;
animation:scroll 10s linear infinite;
padding:3px;
}
.container marquee p {
margin: 0;
position:inline_block
}
</style>النتيجه
مع مراعاة ضبط اعدادات الملاحظه كما بالصوره
وختاما نتمنى لكم الفائده ... ونسألكم الدعاء
التعديل الأخير بواسطة المشرف:
