logo

أهلا وسهلا بك زائرنا الكريم في أرشيف انكور، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .





16-06-2020 03:12 مساءً
معلومات الكاتب ▼
تاريخ الإنضمام : 15-01-2020
رقم العضوية : 1
المشاركات : 2235
الدولة : فلسطين
الجنس :
تاريخ الميلاد : 11-9-1998
الدعوات : 18
قوة السمعة : 440
موقعي : زيارة موقعي






بسم الله الرحمن الرحيم

اقدم لكم كود callout وهو عبارة عن صندوق اعلاني او تنبيهي يظهر لرواد الموقع للاعلان عن فعالية او رسالة للزائر وغيرها ويمكن ازالتها بضغطة
يمكن استعماله في جميع المواقع والمنتديات و المدونات طبعا

معاينة الكود :
3712
تركيب الكود :
ضع الاكواد التالية في المكان المخصص لاكواد الـ css
CODE
.callout {<br />
&nbsp; position: fixed;<br />
&nbsp; bottom: 35px;<br />
&nbsp; right: 20px;<br />
&nbsp; margin-left: 20px;<br />
&nbsp; max-width: 300px;<br />
}<br />
<br />
.callout-header {<br />
&nbsp; padding: 9px 15px;<br />
&nbsp; background: #005095;<br />
&nbsp; font-size: 30px;<br />
&nbsp; color: white;<br />
&nbsp; text-align: right;<br />
}<br />
<br />
.callout-container {<br />
&nbsp; padding: 5px;<br />
&nbsp; background-color: #5e9dd4;<br />
&nbsp; color: black;<br />
}<br />
<br />
.closebtn {<br />
&nbsp; position: absolute;<br />
&nbsp; top: 5px;<br />
&nbsp; right: 15px;<br />
&nbsp; color: white;<br />
&nbsp; font-size: 30px;<br />
&nbsp; cursor: pointer;<br />
margin-right: 255px;<br />
}<br />
<br />
.closebtn:hover {<br />
&nbsp; color: lightgrey;<br />
}<br />
<br />

ومن ثم ضع الكود التالي في اي مكان تريده
وفي حال اردته ان يظهر في صفحة معينه ضعه في قالب هذه الصفحة
CODE
<div dir="rtl" class="callout">
  <div class="callout-header">اعلان هام</div>
  <span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span>
  <div class="callout-container">
    <p>تم انطلاق اول فعالية للمنتدى لدينا سارع واكسب من الجوائز الرائعه <a href="">بالضغط هنا</a></p>
  </div>
</div>


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



look/images/icons/i1.gif صندوق اعلاني يظهر للزائر يمكن ازالته
  30-08-2020 01:23 صباحاً   [1]
معلومات الكاتب ▼
تاريخ الإنضمام : 23-07-2020
رقم العضوية : 249
المشاركات : 161
الجنس :
تاريخ الميلاد : 27-10-1998
الدعوات : 1
قوة السمعة : 20
جزاك الله خيرا
كود مهم للاعلان عن موضوع ضروري

سلمت يداك


look/images/icons/i1.gif صندوق اعلاني يظهر للزائر يمكن ازالته
  12-10-2021 02:10 صباحاً   [2]
معلومات الكاتب ▼
تاريخ الإنضمام : 22-04-2020
رقم العضوية : 109
المشاركات : 34
الجنس :
تاريخ الميلاد : 1-1-1980
قوة السمعة : 10
مشكور وما قصرت

اضافة رد جديد اضافة موضوع جديد




الكلمات الدلالية
صندوق ، اعلاني ، يظهر ، للزائر ، يمكن ، ازالته ،









الساعة الآن 04:15 AM