Admin
المدير العام
وطني : الكويت
تاريخ التسجيل : 20/07/2022
عدد المشاركات : 446
السٌّمعَة : 0
الجنس : 
نقاط : 1105
العمر : 94
المزاج : طبيعي
العمل/الترفيه : كل شي
 | موضوع: مشكلة الصور في نسخة الجوال  الأحد أغسطس 21, 2022 2:20 am | |
| افتح قالب الهيدر لنسخة الجوال overall_header وقبل كلمة </head> ضيف هالكود <style> .postbody img {height:500px; width:500px;} </style> او تم حل المشكلة باضافة هذا الكود الى ورقة 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ربما لان الصور مدرجة في جدول ؟؟ او أخي @" 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="https://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(https://i.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="https://i.servimg.com/u/f97/15/18/10/29/746b1711.png"/></a>
<main>
<!-- BEGIN html_validation -->
</main>
</div>
</body>
</html>
<!-- END html_validation -->
| |
|
