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

الاستايل الافتراضى غير منسق على الموبايل

موضوع مغلق

الصفحة 2 من 4
2

look/images/icons/i1.gif الاستايل الافتراضى غير منسق على الموبايل
  14-07-2016 12:04 صباحاً   [13]
khaabas
معلومات الكاتب
اتمنى اولا ان معلومات الكاتب ترجع عمودية كما كانت فى النسخ الاقدم فهى اجمل

واتمنى ايضا تعديل مؤقت يخلى تعديلى لوضع القالب الخاص بمعلومات الكاتب العمودى متناسق مع الاستايل وميبقاش الاسم خارج لبره زى الصورة اللى رفعتها



وشكرا على صبرك وزوقك

look/images/icons/i1.gif الاستايل الافتراضى غير منسق على الموبايل
  14-07-2016 04:08 صباحاً   [14]
Soliman
معلومات الكاتب
الاستايل الافتراضى غير منسق على الموبايل | الصفحة  2



اخي لا تستنفذ صبري

عندك طريقة تعديل معينة تريد تنفيذها على معلومات الكاتب الرأسية اذكر تفاصيل التعديلات التي تريدها

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



look/images/icons/i1.gif الاستايل الافتراضى غير منسق على الموبايل
  14-07-2016 05:02 صباحاً   [15]
khaabas
معلومات الكاتب
هههه كل اللى انا عاوزة حاجة واحدة بس ان لما ادخل من على الموبايل تبقي الصورة مظبوطة موش كده

الاستايل الافتراضى غير منسق على الموبايل | الصفحة  2

look/images/icons/i1.gif الاستايل الافتراضى غير منسق على الموبايل
  14-07-2016 05:17 صباحاً   [16]
Soliman
معلومات الكاتب
اكرر للمرة الثالثة كيف تريد ان افعلها هات الطريقة وانا انفذها لك

يعني ما المطلوب بالضبط نصغر الخط او ماذا نفعل افدنا مما افادك الله

look/images/icons/i1.gif الاستايل الافتراضى غير منسق على الموبايل
  15-07-2016 02:49 صباحاً   [17]
khaabas
معلومات الكاتب
المشاركة الأصلية كتبت بواسطة: Soliman اكرر للمرة الثالثة كيف تريد ان افعلها هات الطريقة وانا انفذها لك

يعني ما المطلوب بالضبط نصغر الخط او ماذا نفعل افدنا مما افادك الله



المطلوب بالظبط واكررها لك ايضا التعديل على القالب بجعل محتواه متناسب مع الشاشة



انظر ماذا يقول جوجل حول قابلية استخدام الاستايل مع الجوال



الاستايل الافتراضى غير منسق على الموبايل | الصفحة  2



الاستايل الافتراضى غير منسق على الموبايل | الصفحة  2

الاستايل الافتراضى غير منسق على الموبايل | الصفحة  2





ودى المشكلات من ضمن تحليل جوجل



الاستايل الافتراضى غير منسق على الموبايل | الصفحة  2



ودى من لوجة مشرفى المواقع بتوضح ان المحتوى اوسع من الشاشة وان الازرار متقاربة والاستايل غير متناسب اوضح ايه اكتر من كده





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





الاستايل الافتراضى غير منسق على الموبايل | الصفحة  2



وسؤال هل من الممكن تركيب استايل الموبايل الافتراضى الخاص بالنسخ الاقدم اللى كانت معلومات الكاتب فيها عمودية بردوا وبدون مشاكل ولا مينفعش الاستايل الافتراضى غير منسق على الموبايل | الصفحة  2

تم تحرير المشاركة بواسطة :khaabas بتاريخ:15-07-2016 03:03 صباحاً


look/images/icons/i1.gif الاستايل الافتراضى غير منسق على الموبايل
  15-07-2016 04:25 صباحاً   [18]
Soliman
معلومات الكاتب
تم تحويل الموضوع للزميل Mr king

سيتابع معك حين يتواجد

look/images/icons/i1.gif الاستايل الافتراضى غير منسق على الموبايل
  15-07-2016 05:01 صباحاً   [19]
khaabas
معلومات الكاتب
المشاركة الأصلية كتبت بواسطة: Soliman تم تحويل الموضوع للزميل Mr king

سيتابع معك حين يتواجد

يعنى اقتنعت بطلبى اخيرا الاستايل الافتراضى غير منسق على الموبايل | الصفحة  2 الاستايل الافتراضى غير منسق على الموبايل | الصفحة  2

look/images/icons/i1.gif الاستايل الافتراضى غير منسق على الموبايل
  17-07-2016 04:04 مساءً   [20]
Mr King
معلومات الكاتب
مرحبا بك،



لاتوجد أي مشكلة تخصّ خروج الصفحة عن الشاشة سواء في الوضع الأفقي أو العمودي



عموما لجعل معلومات الكاتب تتحول من الوضع العمودي للوضع الأفقي حسب عرض الشاشة :

1- اتبع الشرح التالي شرح تغير معلومات الكاتب من افقى الى عمودى للنسخة 3.0.2 مع عدم استبدال محتوى القالبين show_subject وshow_reply



2- استبدل محتوى القالبين show_subject و show_reply بمحتوى الملفين المرفقين (ستجدهما داخل المجلد new_templates)



3- ابحث في ملف css عن السطر التالي

CODE
<br />
@media (max-width:650px) {<br />
<br />


وأضف الكلاسات التالية أسفل منه مباشرة

CODE
<br />
.address_bar a {<br />
line-height: 35px !important;<br />
}<br />
.w_photo, .w_name_rate, .w_infos{<br />
margin: 5px;<br />
display: inline-block !important;<br />
vertical-align:top;<br />
}<br />
.subcontent dd{<br />
display: inline-block !important;<br />
width: 100% !important;<br />
margin-right: 0px !important;<br />
margin-left: 0px !important;<br />
padding-left: 0px !important;<br />
padding-right: 0px !important;<br />
}<br />
dd.subbr, dd.subtr{<br />
display: none !important;<br />
}<br />
<br />




هكذا ستتحول طريقة العرض من الوضع العمودي للوضع الأفقي في الشاشات التي يقلّ عرضها عن 650 بيكسل

تم تحرير المشاركة بواسطة :Mr King بتاريخ:17-07-2016 04:33 مساءً

 
  new_templates.zip   تحميل zip مرات التحميل :(11)
الحجم :(5.754) KB

look/images/icons/i1.gif الاستايل الافتراضى غير منسق على الموبايل
  17-07-2016 04:39 مساءً   [21]
khaabas
معلومات الكاتب
اهلا بك اخى الكريم

لم تنجح تلك الطريقة اخى الكريم ومازال اسم الكاتب خارج الاطار كما فى الصورة عند الدخول من الموبايل

الاستايل الافتراضى غير منسق على الموبايل | الصفحة  2

تم تحرير المشاركة بواسطة :khaabas بتاريخ:17-07-2016 05:10 مساءً


look/images/icons/i1.gif الاستايل الافتراضى غير منسق على الموبايل
  17-07-2016 04:52 مساءً   [22]
Mr King
معلومات الكاتب
تمّ إضافة كلاسات جديدة في تلك القوالب وبالتالي يجب استبدال محتوياتها بمحتوى الملفات المرفقة في ردّي السابق

تم تحرير المشاركة بواسطة :Mr King بتاريخ:17-07-2016 04:53 مساءً


look/images/icons/i1.gif الاستايل الافتراضى غير منسق على الموبايل
  17-07-2016 05:12 مساءً   [23]
khaabas
معلومات الكاتب
لم تنجح اخى الكريم وما زالت المشكلة موجودة كما فى ردى السابق

look/images/icons/i1.gif الاستايل الافتراضى غير منسق على الموبايل
  17-07-2016 05:33 مساءً   [24]
Mr King
معلومات الكاتب
لم تضف كلاسات css لاستايل شييت الاستايل الافتراضى غير منسق على الموبايل | الصفحة  2



راجع ردّي الأول https://pbboard.info/forums/t19316&count=18#90851



المشاركة الأصلية كتبت بواسطة: Mr King 3- ابحث في ملف css عن السطر التالي

CODE
<br />
@media (max-width:650px) {<br />
<br />


وأضف الكلاسات التالية أسفل منه مباشرة

CODE
<br />
.address_bar a {<br />
line-height: 35px !important;<br />
}<br />
.w_photo, .w_name_rate, .w_infos{<br />
margin: 5px;<br />
display: inline-block !important;<br />
vertical-align:top;<br />
}<br />
.subcontent dd{<br />
display: inline-block !important;<br />
width: 100% !important;<br />
margin-right: 0px !important;<br />
margin-left: 0px !important;<br />
padding-left: 0px !important;<br />
padding-right: 0px !important;<br />
}<br />
dd.subbr, dd.subtr{<br />
display: none !important;<br />
}<br />
<br />




هكذا ستتحول طريقة العرض من الوضع العمودي للوضع الأفقي في الشاشات التي يقلّ عرضها عن 650 بيكسل



ولحذف حالة الموضوع حرّر القالب show_subject_information

واحذف ابتداءاً من السطرين التاليين (احذفهما كذلك)

CODE

<li class="r-right">
{if {$Info['stick']} or {$Info['close']} or {$Info['delete_topic']}}



إلى غاية

CODE

<!-- Code subject_tools Menu start -->



تم تحرير المشاركة بواسطة :Mr King بتاريخ:17-07-2016 05:45 مساءً


الصفحة 2 من 4
2

المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
طلب التعديل على لاستايل الافتراضى للموبايلات khaabas
2 1036 Soliman
مطلوب استايل للموبايلات غير الافتراضى بعد إذنكم khaabas
0 740 khaabas
[مجابه] ب xml للاستايل الافتراضى badweno
6 1290 Soliman
اريد استايل VB الاصدار الرابع الافتراضى ali.alfoly
5 1453 ali.alfoly
طلب التعديل على الاستايل الافتراضى ali.alfoly
8 1857 ali.alfoly

الكلمات الدلالية






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