هذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداك • الرجوع الى صفحة بيانات التصميم
مشكلة الصور في "نسخة الجوال"
+2
{عذب}
Anas 1657
6 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 2
صفحة 1 من اصل 2 • 1, 2
رد: مشكلة الصور في "نسخة الجوال"
وعليكم السلام ورحمة الله وبركاته
ممكن رابط موضوع من منتداك به صورة؟
وهل المشكلة قديمة او جديدة الظهور؟
ممكن رابط موضوع من منتداك به صورة؟
وهل المشكلة قديمة او جديدة الظهور؟
رد: مشكلة الصور في "نسخة الجوال"
وعليكم السلام ورحمة الله وبركاته
افتح قالب الهيدر لنسخة الجوال
overall_header
وقبل كلمة
</head>
ضيف هالكود
افتح قالب الهيدر لنسخة الجوال
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>
تم تجربة الكود ولا يوجد فرق بالنتيجة اخي
رد: مشكلة الصور في "نسخة الجوال"
اعتقد ان سبب ظهور الصور صغيرة في آخر موضوع هو لرفعك الصور من مركز : servimg.comAnas 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
وكذلك الحال مع الموضوع t706-topic لذلك جرب انشاء موضوع ورفع الصورة من مركز servimg وصورة اخرى من مركز رفع آخر ,, ايضاً لا تنسى تفعيل الخاصية التحكم الأوتوماتيكي في حجم الصور في المساهمات
رد: مشكلة الصور في "نسخة الجوال"
اهلا اخي (عذاب)
هذه المشكله تظهر في جميع المنتديات في "نسخة الجوال"
اقرب مثل هذا الموضوع ، قم بفتحه من الجوال وستجد نفس المشكله
https://help.ahlamontada.com/t1085697-topic#4922534
هذه المشكله تظهر في جميع المنتديات في "نسخة الجوال"
اقرب مثل هذا الموضوع ، قم بفتحه من الجوال وستجد نفس المشكله
https://help.ahlamontada.com/t1085697-topic#4922534
رد: مشكلة الصور في "نسخة الجوال"
غير الحجم الى 300 او 200Anas 1657 كتب:JAR7 كتب:وعليكم السلام ورحمة الله وبركاته
افتح قالب الهيدر لنسخة الجوال
overall_header
وقبل كلمة
</head>
ضيف هالكود
- الكود:
<style>
.postbody img {height:500px; width:500px;}
</style>
تم تجربة الكود ولا يوجد فرق بالنتيجة اخي
وﻻ تنسى تعمل نشر للقالب
رد: مشكلة الصور في "نسخة الجوال"
اخي @ahd allah الرابط الذي احضرته ليس له صلة بالموضوع الذي اتحدث عنه
دمت بخير
دمت بخير
رد: مشكلة الصور في "نسخة الجوال"
أخي @JAR7
تم تجربة الكود مرة أخرى وتم تعديله الى 50px ولم تختلف النتيجة
هل انت متاكد انه في قالب overall_header
وقبل الوسم </head>
؟؟؟؟؟
تم تجربة الكود مرة أخرى وتم تعديله الى 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
https://help.ahlamontada.com/t1085697-topic?nid=16#4922566
http://lama-july-7.4umer.net/t179-topic
http://www.anas16572.com/t706-topic
رد: مشكلة الصور في "نسخة الجوال"
تم حل المشكلة باضافة هذا الكود الى ورقة css
ولكن تبقى لدي موضوع واحد فقط يحتوي على صور ولم تتغير حجم الصور مثل بقية المواضيع بعد اضافة الكود هذا هو:
http://www.anas16572.com/t706-topic
ربما لان الصور مدرجة في جدول ؟؟
- الكود:
/* 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
وهذا هو القالب بعد التعديل:
لقد جربت الكود بالفعل والنتجيه ثابته
وتم تعديله الى 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 -->
رد: مشكلة الصور في "نسخة الجوال"
السلام عليكم
الامر ليس بمشكلة تقنية عزيزي فلا تدعم نسخة الجوال بعد تغيير حجم الصور المرفوعة على خدمات خارجية لتنطبق مع مقاسات الجوال. وحدها الصور المرفوعة على servimg تتم اعادة صياغة حجمها بشكل افتراضي ليتناسب و صفحة الجوال اما الصور المرفوعة على مواقع اخرى فلا.
لكن خدمتنا في تطور مستمر و ان شاء الله يتم تحسين هذا الامر مستقبلاً
شكرا على تفهمك
رد: مشكلة الصور في "نسخة الجوال"
شكرا أخي @الزعيم على ردك
ولكن يوجد لدي موضوع قمت برفع جميع الصور فيه على servimg
ولم يتم اعادة صياغة حجمها بشكل افتراضي ليتناسب مع صفحة الجوال
هذا هو:
http://www.anas16572.com/t706-topic
ربما لأن الصور مدرجة في جدول؟؟؟
إذا ما الحل
ولكن يوجد لدي موضوع قمت برفع جميع الصور فيه على servimg
ولم يتم اعادة صياغة حجمها بشكل افتراضي ليتناسب مع صفحة الجوال
هذا هو:
http://www.anas16572.com/t706-topic
ربما لأن الصور مدرجة في جدول؟؟؟
إذا ما الحل
رد: مشكلة الصور في "نسخة الجوال"
Anas 1657 كتب:شكرا أخي @الزعيم على ردك
ولكن يوجد لدي موضوع قمت برفع جميع الصور فيه على servimg
ولم يتم اعادة صياغة حجمها بشكل افتراضي ليتناسب مع صفحة الجوال
هذا هو:
http://www.anas16572.com/t706-topic
ربما لأن الصور مدرجة في جدول؟؟؟
إذا ما الحل
في مثالك انت, ليست الصور التي تشوه عرض المنتدى لكنه الجدول كما قلت. فهو من يجبر الصفحة على البقاء عريضة لأنه عريض و لا يتناسب مع الظهور في الجوال و لو حذفت الجاول لظهرت الصفحة بشكل طبيعي ان شاء الله
رد: مشكلة الصور في "نسخة الجوال"
اهلا وسهلا بك
طبعا لقد وضعت لك كود سابقا ..
بسبب تغيير للنسخة مطورة فالوسم اختلف بتحكم بالصور
لذا اذهب لوحة الادارة . مظهر المنتدى. قوالب التومبلايت . نسخة الجوال
viewtopic_body
وضيف هالكود ببداية القالب وسجل وانشر
طبعا لقد وضعت لك كود سابقا ..
بسبب تغيير للنسخة مطورة فالوسم اختلف بتحكم بالصور
لذا اذهب لوحة الادارة . مظهر المنتدى. قوالب التومبلايت . نسخة الجوال
viewtopic_body
وضيف هالكود ببداية القالب وسجل وانشر
- الكود:
<style>
.post-content img {max-height:100px; max-width:100px;}
</style>
رد: مشكلة الصور في "نسخة الجوال"
شكرا أختي @JAR7 الان يعمل الكود بشكل ممتاز ماشاء الله عليك
سلمت يداك
سلمت يداك
صفحة 1 من اصل 2 • 1, 2
مواضيع مماثلة
» مشكلة نسخة الجوال
» الصور غير ظاهرة على نسخة الجوال
» لدي مشكلة في نسخة الجوال
» المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال
» المطلوب حل مشكله عرض مظهر الصور أعلى المواضيع على نسخة الجوال
» الصور غير ظاهرة على نسخة الجوال
» لدي مشكلة في نسخة الجوال
» المطلوب حل مشكله عرض مظهر الصور أخر المواضيع على نسخة الجوال
» المطلوب حل مشكله عرض مظهر الصور أعلى المواضيع على نسخة الجوال
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 2
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى