مشكلة الصور في "نسخة الجوال"

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

صورة للتوضيح:

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

وعليكم السلام ورحمة الله وبركاته
افتح قالب الهيدر لنسخة الجوال
overall_header
وقبل كلمة
</head>
ضيف هالكود

الكود:


<style>
.postbody img {height:500px; width:500px;}
 </style>



{عذآب} كتب:وعليكم السلام ورحمة الله وبركاته
ممكن رابط موضوع من منتداك به صورة؟
وهل المشكلة قديمة او جديدة الظهور؟

هذه عدة مواضيع تحمل نفس المشكلة
http://www.anas16572.com/t126-topic
http://www.anas16572.com/t706-topic
http://www.anas16572.com/t475-topic
والمشكلة ظهرت بعد تحديث نسخة الجوال من "النسحة الكلاسيكية" الى "النسخة المتطورة"

ولكن الغريب ان هذا الموضوع يوجد به صور ولكن لاتوجد به مشكلة
http://www.anas16572.com/t478-topic

JAR7 كتب:وعليكم السلام ورحمة الله وبركاته
افتح قالب الهيدر لنسخة الجوال
overall_header
وقبل كلمة
</head>
ضيف هالكود

الكود:


<style>
.postbody img {height:500px; width:500px;}
 </style>



تم تجربة الكود ولا يوجد فرق بالنتيجة اخي

Anas 1657 كتب:

{عذآب} كتب:وعليكم السلام ورحمة الله وبركاته
ممكن رابط موضوع من منتداك به صورة؟
وهل المشكلة قديمة او جديدة الظهور؟

هذه عدة مواضيع تحمل نفس المشكلة
http://www.anas16572.com/t126-topic
http://www.anas16572.com/t706-topic
http://www.anas16572.com/t475-topic
والمشكلة ظهرت بعد تحديث نسخة الجوال من "النسحة الكلاسيكية" الى "النسخة المتطورة"

ولكن الغريب ان هذا الموضوع يوجد به صور ولكن لاتوجد به مشكلة
http://www.anas16572.com/t478-topic

اعتقد ان سبب ظهور الصور صغيرة في آخر موضوع هو لرفعك الصور من مركز : servimg.com
وكذلك الحال مع الموضوع t706-topic لذلك جرب انشاء موضوع ورفع الصورة من مركز servimg وصورة اخرى من مركز رفع آخر ,, ايضاً لا تنسى تفعيل الخاصية التحكم الأوتوماتيكي في حجم الصور في المساهمات 

اهلا اخي (عذاب)
هذه المشكله تظهر في جميع المنتديات في "نسخة الجوال"
اقرب مثل هذا الموضوع ، قم بفتحه من الجوال وستجد نفس المشكله
https://help.ahlamontada.com/t1085697-topic#4922534

الا يوجد حل (اكواد) تقوم بتحديد حجم الصورة بشكل يناسب الصفحه

Anas 1657 كتب:

JAR7 كتب:وعليكم السلام ورحمة الله وبركاته
افتح قالب الهيدر لنسخة الجوال
overall_header
وقبل كلمة
</head>
ضيف هالكود

الكود:


<style>
.postbody img {height:500px; width:500px;}
 </style>



تم تجربة الكود ولا يوجد فرق بالنتيجة اخي

غير الحجم الى 300 او 200
وﻻ تنسى تعمل نشر للقالب

اخي @ahd allah الرابط الذي احضرته ليس له صلة بالموضوع الذي اتحدث عنه
دمت بخير

أخي @JAR7
تم تجربة الكود مرة أخرى وتم تعديله الى 50px ولم تختلف النتيجة
هل انت متاكد انه في قالب overall_header
وقبل الوسم </head>

؟؟؟؟؟

هذه المشكلة موجودة في جميع المنتديات ولكن "نسخة الجوال"
https://help.ahlamontada.com/t1085697-topic?nid=16#4922566
http://lama-july-7.4umer.net/t179-topic
http://www.anas16572.com/t706-topic

تم حل المشكلة باضافة هذا الكود الى ورقة 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

ربما لان الصور مدرجة في جدول ؟؟

يرفع الموضوع للزعيم

Anas 1657 كتب:أخي @JAR7
تم تجربة الكود مرة أخرى وتم تعديله الى 50px ولم تختلف النتيجة
هل انت متاكد انه في قالب overall_header
وقبل الوسم </head>

؟؟؟؟؟

الامر اجربة دائما معي بالقوالب لنسخة الجوال
فاضع اكواد css قبل وسم
</head>
اي اعلاه كما وضحت .. بشرح بنسخة الجوال
من تومبيلات والقوالب . نسخة الجوال
وتختار قالب overall_header

بارك الله فيكم منتدي مميز

زناتى كتب:بارك الله فيكم منتدي مميز

تنبيهه ممنوع الردود العشوائية في المواضيع

أخي @" 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 كتب:السلام عليكم ورحمة الله وبركاته
لدي مشكلة حجم الصور في "نسخة الجوال" , (تظهر بحجم كبير جدا)
واعتقد ان هذه المشكلة في جميع المنتديات بعد التحديث الذي طرأ على "نسخة الجوال"

صورة للتوضيح:

السلام عليكم

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

لكن خدمتنا في تطور مستمر و ان شاء الله يتم تحسين هذا الامر مستقبلاً

شكرا على تفهمك

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

هذا هو:
http://www.anas16572.com/t706-topic

ربما لأن الصور مدرجة في جدول؟؟؟
إذا ما الحل

Anas 1657 كتب:شكرا أخي @الزعيم على ردك
ولكن يوجد لدي موضوع قمت برفع جميع الصور فيه على servimg
ولم يتم اعادة صياغة حجمها بشكل افتراضي ليتناسب مع صفحة الجوال

هذا هو:
http://www.anas16572.com/t706-topic

ربما لأن الصور مدرجة في جدول؟؟؟
إذا ما الحل

في مثالك انت, ليست الصور التي تشوه عرض المنتدى لكنه الجدول كما قلت. فهو من يجبر الصفحة على البقاء عريضة لأنه عريض و لا يتناسب مع الظهور في الجوال و لو حذفت الجاول لظهرت الصفحة بشكل طبيعي ان شاء الله 

اهلا وسهلا بك
طبعا لقد وضعت لك كود سابقا ..
بسبب تغيير للنسخة مطورة فالوسم اختلف بتحكم بالصور
لذا اذهب لوحة الادارة . مظهر المنتدى. قوالب التومبلايت . نسخة الجوال
viewtopic_body
وضيف هالكود ببداية القالب وسجل وانشر

الكود:


<style>
.post-content img {max-height:100px; max-width:100px;}
</style>
 


دمت بخير وبانتظار ردك ^_^

شكرا أختي @JAR7 الان يعمل الكود بشكل ممتاز ماشاء الله عليك
سلمت يداك