| مشكلة الصور في "نسخة الجوال" | |
|
|
|
كاتب الموضوع | رسالة |
---|
Anas 1657
عدد المساهمات : 78 معدل النشاط : 3818 السُمعة : 0
| موضوع: مشكلة الصور في "نسخة الجوال" الإثنين 3 أكتوبر 2016 - 17:45 | |
| السلام عليكم ورحمة الله وبركاته لدي مشكلة حجم الصور في "نسخة الجوال" , (تظهر بحجم كبير جدا) واعتقد ان هذه المشكلة في جميع المنتديات بعد التحديث الذي طرأ على "نسخة الجوال" صورة للتوضيح: | |
|
| |
{عذب}
عدد المساهمات : 3028 معدل النشاط : 9976 السُمعة : 294
| موضوع: رد: مشكلة الصور في "نسخة الجوال" الإثنين 3 أكتوبر 2016 - 20:16 | |
| وعليكم السلام ورحمة الله وبركاته ممكن رابط موضوع من منتداك به صورة؟ وهل المشكلة قديمة او جديدة الظهور؟ | |
|
| |
JoryAbdallah
عدد المساهمات : 3029 معدل النشاط : 8413 السُمعة : 295
| موضوع: رد: مشكلة الصور في "نسخة الجوال" الإثنين 3 أكتوبر 2016 - 20:57 | |
| وعليكم السلام ورحمة الله وبركاته افتح قالب الهيدر لنسخة الجوال overall_header وقبل كلمة </head> ضيف هالكود - الكود:
-
<style> .postbody img {height:500px; width:500px;} </style>
| |
|
| |
Anas 1657
عدد المساهمات : 78 معدل النشاط : 3818 السُمعة : 0
| موضوع: رد: مشكلة الصور في "نسخة الجوال" الإثنين 3 أكتوبر 2016 - 21:46 | |
| | |
|
| |
Anas 1657
عدد المساهمات : 78 معدل النشاط : 3818 السُمعة : 0
| موضوع: رد: مشكلة الصور في "نسخة الجوال" الإثنين 3 أكتوبر 2016 - 21:47 | |
| - JAR7 كتب:
- وعليكم السلام ورحمة الله وبركاته
افتح قالب الهيدر لنسخة الجوال overall_header وقبل كلمة </head> ضيف هالكود
- الكود:
-
<style> .postbody img {height:500px; width:500px;} </style>
تم تجربة الكود ولا يوجد فرق بالنتيجة اخي | |
|
| |
{عذب}
عدد المساهمات : 3028 معدل النشاط : 9976 السُمعة : 294
| موضوع: رد: مشكلة الصور في "نسخة الجوال" الإثنين 3 أكتوبر 2016 - 23:25 | |
| | |
|
| |
Anas 1657
عدد المساهمات : 78 معدل النشاط : 3818 السُمعة : 0
| موضوع: رد: مشكلة الصور في "نسخة الجوال" الثلاثاء 4 أكتوبر 2016 - 17:10 | |
| | |
|
| |
Anas 1657
عدد المساهمات : 78 معدل النشاط : 3818 السُمعة : 0
| موضوع: رد: مشكلة الصور في "نسخة الجوال" الثلاثاء 4 أكتوبر 2016 - 17:11 | |
| الا يوجد حل (اكواد) تقوم بتحديد حجم الصورة بشكل يناسب الصفحه | |
|
| |
Ahd allah
عدد المساهمات : 1635 معدل النشاط : 7807 السُمعة : 209
| موضوع: رد: مشكلة الصور في "نسخة الجوال" الثلاثاء 4 أكتوبر 2016 - 18:13 | |
| | |
|
| |
JoryAbdallah
عدد المساهمات : 3029 معدل النشاط : 8413 السُمعة : 295
| موضوع: رد: مشكلة الصور في "نسخة الجوال" الثلاثاء 4 أكتوبر 2016 - 18:29 | |
| - Anas 1657 كتب:
- JAR7 كتب:
- وعليكم السلام ورحمة الله وبركاته
افتح قالب الهيدر لنسخة الجوال overall_header وقبل كلمة </head> ضيف هالكود
- الكود:
-
<style> .postbody img {height:500px; width:500px;} </style>
تم تجربة الكود ولا يوجد فرق بالنتيجة اخي غير الحجم الى 300 او 200 وﻻ تنسى تعمل نشر للقالب | |
|
| |
Anas 1657
عدد المساهمات : 78 معدل النشاط : 3818 السُمعة : 0
| موضوع: رد: مشكلة الصور في "نسخة الجوال" الثلاثاء 4 أكتوبر 2016 - 22:05 | |
| اخي @ahd allah الرابط الذي احضرته ليس له صلة بالموضوع الذي اتحدث عنه دمت بخير | |
|
| |
Anas 1657
عدد المساهمات : 78 معدل النشاط : 3818 السُمعة : 0
| موضوع: رد: مشكلة الصور في "نسخة الجوال" الثلاثاء 4 أكتوبر 2016 - 22:07 | |
| أخي @JAR7تم تجربة الكود مرة أخرى وتم تعديله الى 50px ولم تختلف النتيجة هل انت متاكد انه في قالب overall_header وقبل الوسم </head> ؟؟؟؟؟ | |
|
| |
Anas 1657
عدد المساهمات : 78 معدل النشاط : 3818 السُمعة : 0
| موضوع: رد: مشكلة الصور في "نسخة الجوال" الثلاثاء 4 أكتوبر 2016 - 22:18 | |
| | |
|
| |
Anas 1657
عدد المساهمات : 78 معدل النشاط : 3818 السُمعة : 0
| موضوع: رد: مشكلة الصور في "نسخة الجوال" الثلاثاء 4 أكتوبر 2016 - 22:52 | |
| تم حل المشكلة باضافة هذا الكود الى ورقة css - الكود:
-
/* css respoonsive mobile img forumotion hotrofm.net */ .post-content img{max-width:800px} @media (max-width:1200px){.post-content img{max-width:700px}} @media (max-width:1024px){.post-content img{max-width:600px}} @media (max-width:800px){.post-content img{max-width:500px}} @media (max-width:600px){.post-content img{max-width:400px}} @media (max-width:480px){.post-content img{max-width:300px}} @media (max-width:320px){.post-content img{max-width:280px}}
ولكن تبقى لدي موضوع واحد فقط يحتوي على صور ولم تتغير حجم الصور مثل بقية المواضيع بعد اضافة الكود هذا هو: http://www.anas16572.com/t706-topicربما لان الصور مدرجة في جدول ؟؟ | |
|
| |
{عذب}
عدد المساهمات : 3028 معدل النشاط : 9976 السُمعة : 294
| موضوع: رد: مشكلة الصور في "نسخة الجوال" الثلاثاء 11 أكتوبر 2016 - 18:00 | |
| يرفع الموضوع للزعيم | |
|
| |
JoryAbdallah
عدد المساهمات : 3029 معدل النشاط : 8413 السُمعة : 295
| موضوع: رد: مشكلة الصور في "نسخة الجوال" الثلاثاء 11 أكتوبر 2016 - 20:01 | |
| - Anas 1657 كتب:
- أخي @JAR7
تم تجربة الكود مرة أخرى وتم تعديله الى 50px ولم تختلف النتيجة هل انت متاكد انه في قالب overall_header وقبل الوسم </head>
؟؟؟؟؟ الامر اجربة دائما معي بالقوالب لنسخة الجوال فاضع اكواد css قبل وسم </head> اي اعلاه كما وضحت .. بشرح بنسخة الجوال من تومبيلات والقوالب . نسخة الجوال وتختار قالب overall_header | |
|
| |
زناتى
عدد المساهمات : 7 معدل النشاط : 2966 السُمعة : 0
| موضوع: رد: مشكلة الصور في "نسخة الجوال" الثلاثاء 11 أكتوبر 2016 - 20:33 | |
| بارك الله فيكم منتدي مميز | |
|
| |
JoryAbdallah
عدد المساهمات : 3029 معدل النشاط : 8413 السُمعة : 295
| موضوع: رد: مشكلة الصور في "نسخة الجوال" الأربعاء 12 أكتوبر 2016 - 11:28 | |
| - زناتى كتب:
- بارك الله فيكم منتدي مميز
تنبيهه ممنوع الردود العشوائية في المواضيع | |
|
| |
Anas 1657
عدد المساهمات : 78 معدل النشاط : 3818 السُمعة : 0
| موضوع: رد: مشكلة الصور في "نسخة الجوال" الأربعاء 12 أكتوبر 2016 - 20:54 | |
| أخي @" JAR7" لقد جربت الكود بالفعل والنتجيه ثابته وتم تعديله الى 5px وهذا هو القالب بعد التعديل: - الكود:
-
<!DOCTYPE HTML> <html lang="{L_LANG_HTML}"> <head> <title>{SITENAME_TITLE}{PAGE_TITLE}</title> <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" /> <!-- BEGIN switch_canonical_url --> <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" /> <!-- END switch_canonical_url --> {META} {META_FAVICO} {T_HEAD_STYLESHEET} <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="theme-color" content="{GG_THEME_COLOR}" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,400italic,500,700,700italic,900&subset=greek,greek-ext,latin,vietnamese,cyrillic-ext,latin-ext,cyrillic" /> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" /> <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" /> <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" /> <script src="//code.jquery.com/jquery-2.2.3.min.js" type="text/javascript"></script> <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script> <!-- BEGIN switch_fb_login --> <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script> <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script> <!-- END switch_fb_login --> <!-- BEGIN google_analytics_code --> <script type="text/javascript"> //<![CDATA[ var _gaq = _gaq || []; _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']); _gaq.push(['_trackPageview']);
<!-- BEGIN google_analytics_code_bis --> _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']); _gaq.push(['b._trackPageview']); <!-- END google_analytics_code_bis -->
(function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); //]]> </script> <!-- END google_analytics_code --> {HOSTING_JS} <style> #wrap { min-width: 0px; !important } #wrap { background:#444a5f url(http://i35.servimg.com/u/f35/19/23/51/91/free-l12.jpg); background-repeat: repeat; }
main, #header { opacity: 0.9; z-index: 9999; } #new-topic { float: left; } #prv-btns { padding-bottom: 30px; } .box-login-btns-main .btn { background-color: #29a718; border: 2px solid #75cc73; color: #FFF; } .box-login-btns-main .btn-subtle { background-color: #342a37; color: #fff; border: 2px solid #7d7082; font-size: 14px !important; font-weight: 400 !important; height: 36px !important; line-height: 36px !important; margin-top: 0px !important; margin-bottom: 8px !important; padding: 0 16px !important; } a[href="/profile?mode=sendpassword"] { background-color: #9a1c1c; color: #c7c6c6; border: 2px solid #a74d4f; }
.checkbox { background-color: white; border: 1px solid white !important; } label span { color: white !important; } .fb_login { background: #4c69ba; background: linear-gradient(#4c69ba, #3b55a0); border-color: #4c69ba; border-radius: 2px; color: #fff; font-family: "Helvetica neue"; -webkit-font-smoothing: antialiased; text-shadow: 0 -1px 0 #354c8c; } body { direction: rtl; font-family: "Roboto"; font-size: 16px; }
.postbody img {height:5px; width:5px;} </style>
</head> <body> <div id="wrap"> <div id="header" class="mobile_title"> {NAV_CAT_DESC} </div> <style type="text/css"> img.logo { width: 45%; height: 50%; margin-left: auto; margin-right: auto; display: block; } </style> <a href="/"><img class="logo" src="http://i97.servimg.com/u/f97/15/18/10/29/746b1711.png"/></a> <main> <!-- BEGIN html_validation --> </main> </div> </body> </html> <!-- END html_validation --> | |
|
| |
Anas 1657
عدد المساهمات : 78 معدل النشاط : 3818 السُمعة : 0
| موضوع: رد: مشكلة الصور في "نسخة الجوال" الأربعاء 12 أكتوبر 2016 - 20:56 | |
| | |
|
| |
الزعيم احلى إدارة
عدد المساهمات : 18904 معدل النشاط : 15103 السُمعة : 296
| موضوع: رد: مشكلة الصور في "نسخة الجوال" الخميس 13 أكتوبر 2016 - 13:27 | |
| - Anas 1657 كتب:
- السلام عليكم ورحمة الله وبركاته
لدي مشكلة حجم الصور في "نسخة الجوال" , (تظهر بحجم كبير جدا) واعتقد ان هذه المشكلة في جميع المنتديات بعد التحديث الذي طرأ على "نسخة الجوال"
صورة للتوضيح:
السلام عليكم الامر ليس بمشكلة تقنية عزيزي فلا تدعم نسخة الجوال بعد تغيير حجم الصور المرفوعة على خدمات خارجية لتنطبق مع مقاسات الجوال. وحدها الصور المرفوعة على servimg تتم اعادة صياغة حجمها بشكل افتراضي ليتناسب و صفحة الجوال اما الصور المرفوعة على مواقع اخرى فلا. لكن خدمتنا في تطور مستمر و ان شاء الله يتم تحسين هذا الامر مستقبلاً شكرا على تفهمك | |
|
| |
Anas 1657
عدد المساهمات : 78 معدل النشاط : 3818 السُمعة : 0
| موضوع: رد: مشكلة الصور في "نسخة الجوال" الجمعة 14 أكتوبر 2016 - 11:30 | |
| شكرا أخي @الزعيم على ردك ولكن يوجد لدي موضوع قمت برفع جميع الصور فيه على servimg ولم يتم اعادة صياغة حجمها بشكل افتراضي ليتناسب مع صفحة الجوال هذا هو: http://www.anas16572.com/t706-topicربما لأن الصور مدرجة في جدول؟؟؟ إذا ما الحل | |
|
| |
الزعيم احلى إدارة
عدد المساهمات : 18904 معدل النشاط : 15103 السُمعة : 296
| موضوع: رد: مشكلة الصور في "نسخة الجوال" الأربعاء 19 أكتوبر 2016 - 11:42 | |
| - Anas 1657 كتب:
- شكرا أخي @الزعيم على ردك
ولكن يوجد لدي موضوع قمت برفع جميع الصور فيه على servimg ولم يتم اعادة صياغة حجمها بشكل افتراضي ليتناسب مع صفحة الجوال
هذا هو: http://www.anas16572.com/t706-topic
ربما لأن الصور مدرجة في جدول؟؟؟ إذا ما الحل في مثالك انت, ليست الصور التي تشوه عرض المنتدى لكنه الجدول كما قلت. فهو من يجبر الصفحة على البقاء عريضة لأنه عريض و لا يتناسب مع الظهور في الجوال و لو حذفت الجاول لظهرت الصفحة بشكل طبيعي ان شاء الله | |
|
| |
JoryAbdallah
عدد المساهمات : 3029 معدل النشاط : 8413 السُمعة : 295
| موضوع: رد: مشكلة الصور في "نسخة الجوال" الأربعاء 19 أكتوبر 2016 - 12:49 | |
| اهلا وسهلا بك طبعا لقد وضعت لك كود سابقا .. بسبب تغيير للنسخة مطورة فالوسم اختلف بتحكم بالصور لذا اذهب لوحة الادارة . مظهر المنتدى. قوالب التومبلايت . نسخة الجوال viewtopic_body وضيف هالكود ببداية القالب وسجل وانشر - الكود:
-
<style> .post-content img {max-height:100px; max-width:100px;} </style>
دمت بخير وبانتظار ردك ^_^ | |
|
| |
Anas 1657
عدد المساهمات : 78 معدل النشاط : 3818 السُمعة : 0
| موضوع: رد: مشكلة الصور في "نسخة الجوال" الأربعاء 19 أكتوبر 2016 - 15:13 | |
| شكرا أختي @JAR7 الان يعمل الكود بشكل ممتاز ماشاء الله عليك سلمت يداك | |
|
| |
| مشكلة الصور في "نسخة الجوال" | |
|