استفسار عن توافق اضافة Notification msg interface benaceur مع الجوال , حيث اريد أن اعرف كيفية توافقها مع الجوال فمن خلال تركيب الكود باسفل الهيدر , اجد انها لا تتوافق مع الجوال خصوصا بموضوع التمدد والتموضع اضافة الى ان وضع الكود , يجعل روابط المقال غير فعالة وهذا رابط موقعي http://hanialezzo.com/
ملاحظة : الكود المستخدم اسفل الهيدر هو
<div class="wp_after_header_benaceur_header">
<?php if (has_action('wp_after_header_benaceur')) wp_after_header_benaceur_(); ?>
</div>
وضمن ملف الاستايل وضعت الكود التالي :
.wp_after_header_benaceur_header {
position:absolute;
right: 130px;
bottom:0px;
top: 227px;
width:850px;
margin: 0px;
z-index:999;
}
رابط الموضوع للنسخ
الإضافة متوافقة مع الجوال فقط اجعل العرض بالنسبة المئوية وذلك من خلال لوحة التحكم اجعل بجانب (العرض بإضافة px أو % ) 100% أو 70% مثلا أو ما تريد
المشكل في absolute التي وضعتها أنت لأن absolute تعمل مع relative ولا تكون على الإطلاق هكذا, انظر إلى هذا المثال: http://www.w3schools.com/css/tryit.asp?filename=trycss_position_absolute
أنت الآن تريد أن تجعلها أسفل الهيدر إذن ضع الكود في الأسفل في المكان المناسب وقم بحذف الذي وضعته:
ثم قم بالتحكم بالكود من خلال لوحة الإدارة واجعل (العرض بإضافة px أو % ) بالنسبة المئوية
أما إذا أردت استعمال absolute فيجب أن تكون ضمن div محدد في الهيدر حتى لا تغطي على الهيدر ومن ثَمّ الروابط
وأي استفسار ضعه في رد هنا
بالتوفيق
بوركت اخي حذفت الكود الذي وضعته انا , ووضعت الكود الاصلي والذي هو
اسفل الهيدر , فانتزع الشكل كله يمكنك مشاهدته
اذا ممكن تزويدي بالكود المناسب
حاول تغيير مكان الكود أي لا تجعله مباشرة في الأسفل ربما هو موجود في وسط div أو كلاس يؤثر عليه, أنا لا يمكن أن أعرف بالضبط لأني لست مطلعا على الهيدر التابع لقالبك
هذا الهيدر اخي العزيز والكود بداخله
جرب الآن أن تضعه في الهيدر ضمن كلاس outer هكذا:
ثم ضع التالي في ملف الستايل style.css :
مشكور الله يجزيك الخير يارب , تم بنجاح بمساعدتكم