تغيير استايل الجوال

5 مشترك

صفحة 1 من اصل 2 1, 2  الصفحة التالية

اذهب الى الأسفل

تغيير استايل الجوال Empty تغيير استايل الجوال

مُساهمة من طرف Anas 1657 الثلاثاء 21 يونيو 2016 - 17:31

اريد تغير استايل نسخة الجوال (النسخة المتطورة)
من الاستايل العادي , الموجود بكل المنتديات


إلى هذا الشكل:
تغيير استايل الجوال 5d2aa99bf7e9030


لقد قمت انا بصنع الاستايل ولكن به بعض الاخطاء , لان (خبرتي بسيطه في التكويد)
لذلك اريد من الخبراء تكويد مثله تماما , وياليت تكون الاكواد تركب في CSS فقط

رابط المنتتدى الذي عليه الاستايل:
http://778816572.forumarabia.com/

الصور المستخدمة(الهيدر + الخلفيه):
https://i.servimg.com/u/f68/19/23/51/91/oia_o_12.png
https://i.servimg.com/u/f84/19/23/51/91/img_1410.jpg
Anas 1657
Anas 1657
 
 

ذكر
عدد المساهمات : 78
معدل النشاط : 3587
السُمعة : 0

http://www.anas16572.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تغيير استايل الجوال Empty رد: تغيير استايل الجوال

مُساهمة من طرف omarpop23 الثلاثاء 21 يونيو 2016 - 23:52

لا ارى اخطاء في المنتدي من فضلك قم بتصوير الخطأ وارسلة لنا ليسهل علينا ايجاد حل له
omarpop23
omarpop23
 
 

ذكر
عدد المساهمات : 1522
معدل النشاط : 6530
السُمعة : 218

http://www.best-devs.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تغيير استايل الجوال Empty رد: تغيير استايل الجوال

مُساهمة من طرف Anas 1657 الأربعاء 22 يونيو 2016 - 1:53

0marp0p23 كتب:لا ارى اخطاء في المنتدي من فضلك قم بتصوير الخطأ وارسلة لنا ليسهل علينا ايجاد حل له

نعم صحيح , هذا لان ورقة css لايوجد بها أي أكواد , غير الاكواد الخاصه بنسخة الجوال
لان المنتدى للتجربه

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


الان اضفت ورقة css التابعه (لمنتداي الاصلي)
www.anas16572.com


الى ورقة css  (المنتدى التجريبي)
http://778816572.forumarabia.com/
واضفت أيضا التومبلايتات

ستجد اختلاف كبير عن السابق
ومشاكل كثيرة
Anas 1657
Anas 1657
 
 

ذكر
عدد المساهمات : 78
معدل النشاط : 3587
السُمعة : 0

http://www.anas16572.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تغيير استايل الجوال Empty رد: تغيير استايل الجوال

مُساهمة من طرف Anas 1657 الثلاثاء 28 يونيو 2016 - 3:42

في انتظار تفاعلكم Sad Sad Sad
Anas 1657
Anas 1657
 
 

ذكر
عدد المساهمات : 78
معدل النشاط : 3587
السُمعة : 0

http://www.anas16572.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تغيير استايل الجوال Empty رد: تغيير استايل الجوال

مُساهمة من طرف JoryAbdallah الثلاثاء 28 يونيو 2016 - 7:03

ابحث بقالب الهيدر لنسخة الجوال عن الاتي
</header>
وضع اعلاة الاتي
<style>
هنا اكواد css لنسخة الجوال
</style>
واضيف بينهما اكواد css التابعه لنسخة الجوال وسجل وانشر
JoryAbdallah
JoryAbdallah
 
 

انثى
عدد المساهمات : 3030
معدل النشاط : 8182
السُمعة : 295

http://taqnyiat.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تغيير استايل الجوال Empty رد: تغيير استايل الجوال

مُساهمة من طرف omarpop23 الثلاثاء 28 يونيو 2016 - 8:30

اين مشكلتك بالتحديد 
تغيير استايل الجوال 161ykqf
ان كانت ان وجهة المنتدي تظهر اسفل الاعلانات فهذا خطأ بسيط في كود الcss
قم بالتعديل علي كود ال css التالي الموجود في منتداك
الكود:
.banniere, #m_dcontentglobal_ad_id1 {
background: url(http://i68.servimg.com/u/f68/19/23/51/91/oia_o_12.png) no-repeat scroll center;
height:200px;
max-width: 100%
}
و استبدلة بالكود التالي
الكود:
.banniere:before {
background: url(http://i68.servimg.com/u/f68/19/23/51/91/oia_o_12.png) no-repeat scroll center;
height:200px;
max-width: 100%
}
omarpop23
omarpop23
 
 

ذكر
عدد المساهمات : 1522
معدل النشاط : 6530
السُمعة : 218

http://www.best-devs.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تغيير استايل الجوال Empty رد: تغيير استايل الجوال

مُساهمة من طرف Anas 1657 الثلاثاء 28 يونيو 2016 - 16:53

JAR7 كتب:ابحث بقالب الهيدر لنسخة الجوال عن الاتي
</header>
وضع اعلاة الاتي
<style>
هنا اكواد css لنسخة الجوال
</style>
واضيف بينهما اكواد css التابعه لنسخة الجوال وسجل وانشر





لقد بحث في قالب الهيدر الخاص بنسخة الجوال
ولم أجد :
</header>

هذا قالب (overall_header) الخاص بنسخة الجوال أخي @JAR7

الكود:
<!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,user-scalable=no,maximum-scale=1" />
   <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="{JQUERY_PATH}" type="text/javascript"></script>
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
   <!-- 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}
</head>
<body>
   <!--div class="mobile_title">
            <div class="mobile_title_content">{PAGE_TITLE}</div>
   </div-->
   <div id="mpage-body">
      <div id="top">
         <div class="mobile_title application_header">
         {NAV_CAT_DESC}
                  </div> <div class="navbar"><a href="/"> </a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/privmsg?folder=inbox"> </a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/register"> </a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/index.forum?mobile&redirect=%2F">  </a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="/login?logout"> </a>
                  </div><div class="head"></div><a class="navc" href="javascript:history.go(-1)"> </a>
      <div style="padding-top:33px;">

   <!-- BEGIN html_validation -->
      </div>
      </div>
   </div>
</body>
</html>
<!-- END html_validation -->



<center><script type="text/javascript">
    google_ad_client = "ca-pub-2118468146748282";
    google_ad_slot = "9539024858";
    google_ad_width = 320;
    google_ad_height = 50;
</script>
<!-- نسخة الجوال _ اعلى الصفحة -->
<script type="text/javascript"
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</center>
Anas 1657
Anas 1657
 
 

ذكر
عدد المساهمات : 78
معدل النشاط : 3587
السُمعة : 0

http://www.anas16572.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تغيير استايل الجوال Empty رد: تغيير استايل الجوال

مُساهمة من طرف Anas 1657 الجمعة 1 يوليو 2016 - 4:18


أين أنتم Sad Sad

هذا هو مظهر المنتدى قبل تفعيل التومبلايتات + وقبل إضافة ورقة CSS الخاصة بي
تغيير استايل الجوال 2732b169f3bf039

تغيير استايل الجوال 6bfa6fa91ab0d9f

وهذا مظهر المنتدى بعد تفعيل التومبلايتات + وبعد إضافة ورقة CSS الخاصة بي
تغيير استايل الجوال 29dd07915206457

تغيير استايل الجوال 876a009a5bf0254


Anas 1657
Anas 1657
 
 

ذكر
عدد المساهمات : 78
معدل النشاط : 3587
السُمعة : 0

http://www.anas16572.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تغيير استايل الجوال Empty رد: تغيير استايل الجوال

مُساهمة من طرف Anas 1657 الجمعة 1 يوليو 2016 - 4:24

كما تلاحظون:
هناك مشاكل عند اضافة أكواد ورقة CSS الخاصة بي
و تفعيل التومبلايتات.

عارضة المنتدى إختفت . وصورة الهيدر غير مرتبه
وعند فتح الموضوع , لا يمكنك قرائه المحتوى بوضوح , وعدة مشاكل
Anas 1657
Anas 1657
 
 

ذكر
عدد المساهمات : 78
معدل النشاط : 3587
السُمعة : 0

http://www.anas16572.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تغيير استايل الجوال Empty رد: تغيير استايل الجوال

مُساهمة من طرف assemDz الجمعة 1 يوليو 2016 - 22:22

السلام عليكم 
جرب هذا القالب ورد علي :


overall_header


+ احذف اكواد الخاصة التي وضعتها ( اكواد استايل الجوال )

الكود:
<!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}
  <style>
    #wrap {
    background: url("http://i84.servimg.com/u/f84/19/23/51/91/img_1410.jpg");
    background-size: cover;
}
    #assemDz img {
    min-width: 100px;
}
  </style>
   <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 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}
</head>
<body>
   <div id="wrap">
      <div id="header" class="mobile_title">
         {NAV_CAT_DESC}
      </div>
          <section id="assemDz">
  <img src="http://i68.servimg.com/u/f68/19/23/51/91/oia_o_12.png">
  </section>
      <main>
   <!-- BEGIN html_validation -->
      </main>
   </div>
</body>
</html>
<!-- END html_validation -->

assemDz
assemDz
 
 

ذكر
عدد المساهمات : 159
معدل النشاط : 5528
السُمعة : 15

http://focus-dev.ahlamountada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تغيير استايل الجوال Empty رد: تغيير استايل الجوال

مُساهمة من طرف Anas 1657 الجمعة 1 يوليو 2016 - 23:36

assemDz كتب:
السلام عليكم 
جرب هذا القالب ورد علي :


overall_header


+ احذف اكواد الخاصة التي وضعتها ( اكواد استايل الجوال )

الكود:
<!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}
  <style>
    #wrap {
    background: url("http://i84.servimg.com/u/f84/19/23/51/91/img_1410.jpg");
    background-size: cover;
}
    #assemDz img {
    min-width: 100px;
}
  </style>
 <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 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}
</head>
<body>
 <div id="wrap">
 <div id="header" class="mobile_title">
 {NAV_CAT_DESC}
 </div>
          <section id="assemDz">
  <img src="http://i68.servimg.com/u/f68/19/23/51/91/oia_o_12.png">
  </section>
 <main>
 <!-- BEGIN html_validation -->
 </main>
 </div>
</body>
</html>
<!-- END html_validation -->



وعليكم السلام ورحمة الله وبركاته
هذه هي النتيجة:
تغيير استايل الجوال 724dea74ae1490b

تغيير استايل الجوال 06b6543db1abb8b

Sad Sad Sad Sad Sad
Anas 1657
Anas 1657
 
 

ذكر
عدد المساهمات : 78
معدل النشاط : 3587
السُمعة : 0

http://www.anas16572.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تغيير استايل الجوال Empty رد: تغيير استايل الجوال

مُساهمة من طرف assemDz السبت 2 يوليو 2016 - 0:07

ممكن رابط المنتدى اللي ركبت عليه الاستايل ..
assemDz
assemDz
 
 

ذكر
عدد المساهمات : 159
معدل النشاط : 5528
السُمعة : 15

http://focus-dev.ahlamountada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تغيير استايل الجوال Empty رد: تغيير استايل الجوال

مُساهمة من طرف Anas 1657 السبت 2 يوليو 2016 - 2:44

assemDz كتب:ممكن رابط المنتدى اللي ركبت عليه الاستايل ..
الرابط:
http://778816572.forumarabia.com/
ملاحظة: لقد أرجعت الاكواد السابقة كما كانت
اذا اردت أن اضيف قالب overall_header مرة أخرى ف أخبرني
Anas 1657
Anas 1657
 
 

ذكر
عدد المساهمات : 78
معدل النشاط : 3587
السُمعة : 0

http://www.anas16572.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تغيير استايل الجوال Empty رد: تغيير استايل الجوال

مُساهمة من طرف omarpop23 السبت 2 يوليو 2016 - 8:55

1- قم بأضافة اكواد ال CSS الاصلية للمنتدى
2- يبدو ان القوالب التي قمت بتركيبها جميعها توجد بها اخطاء من فضلك قم بحذفها واخبرنا بالتعديلات التي تريدها في نسخة الجوال
و سوف نقوم بالتعديل علي القوالب الأصلية لنسخة المنتدي لتظهر بالشكل الذي تريده.
omarpop23
omarpop23
 
 

ذكر
عدد المساهمات : 1522
معدل النشاط : 6530
السُمعة : 218

http://www.best-devs.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تغيير استايل الجوال Empty رد: تغيير استايل الجوال

مُساهمة من طرف Anas 1657 السبت 2 يوليو 2016 - 15:16

0marp0p23 كتب:1- قم بأضافة اكواد ال CSS الاصلية للمنتدى
2- يبدو ان القوالب التي قمت بتركيبها جميعها توجد بها اخطاء من فضلك قم بحذفها واخبرنا بالتعديلات التي تريدها في نسخة الجوال
و سوف نقوم بالتعديل علي القوالب الأصلية لنسخة المنتدي لتظهر بالشكل الذي تريده.

أخي العزيز @0marp0p23
1- هذا هو الشكل الذي أرغب أن يكون عليه:
تغيير استايل الجوال 2732b169f3bf039

تغيير استايل الجوال 6bfa6fa91ab0d9f

2- هذه ورقة CSS الخاصة بالمنتدى :
https://drive.google.com/open?id=0B7xCbZ7xVvp8cTF1TlEzS3FIWXM

3- هذا قالب viewtopic_body (نسخة الجوال)
لقد تم تعديله سابقا (لنسخة الجوال الكلاسيكيه) , لاجل إضافة ازرار ( التالي)  + ( السابق ) في أسفل الموضوع
الكود:
<script type="text/javascript">
//<![CDATA[
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
        
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
 {
 if( $(this).is(":visible") )
 {
 $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
 }
 else
 {
 $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
 }
 });
        }
    }
    catch(e) { }
    
 return false;
};

//]]>
</script>

<!-- BEGIN topicpagination -->
{PAGINATION}
<!-- END topicpagination -->
{POLL_DISPLAY}

<!-- BEGIN postrow -->
<div id="{postrow.U_POST_ID}">
 <!-- BEGIN hidden -->
 <div class="post {postrow.hidden.ROW_CLASS}" style="{postrow.displayed.DISPLAYABLE_STATE}">
 <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
 </div>
 <!-- END hidden -->
 <!-- BEGIN displayed -->
 <div id="p{postrow.displayed.U_POST_ID}" class="style2 post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
 <div class="postbody">
 <div class="post_header">{L_TOPIC_BY}&nbsp;{postrow.displayed.POSTER_NAME} {postrow.displayed.POST_DATE_NEW}</div>
 <div class="content">
 <div>{postrow.displayed.MESSAGE}</div>
 <!-- BEGIN switch_attachments -->
 <div class="attachbox">
 <p class="title">{postrow.displayed.switch_attachments.L_ATTACHMENTS}</p>
 <dl class="attachments">
 <!-- BEGIN switch_post_attachments -->
 <dt>
 <!-- BEGIN switch_dl_att -->
 <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
 <!-- END switch_dl_att -->
 <!-- BEGIN switch_no_dl_att -->
 {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
 <!-- END switch_no_dl_att -->
 </dt>
 <dd>
 <!-- BEGIN switch_no_comment -->
 <p>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</p>
 <!-- END switch_no_comment -->
 <!-- BEGIN switch_no_dl_att -->
 <p><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></p>
 <!-- END switch_no_dl_att -->
 <p>(<span class="ltr">{postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}</span>) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</p>
 </dd>
 <!-- END switch_post_attachments -->
 </dl>
 </div>
 <!-- END switch_attachments -->
 </div>
 {postrow.displayed.EDITED_MESSAGE}
 </div>
 </div>
 <!-- BEGIN first_post_br -->
 <hr id="first-post-br" />
 <!-- END first_post_br -->
 <!-- END displayed -->
</div>
<!-- END postrow -->
<!-- BEGIN topicpagination -->
{PAGINATION}
<!-- END topicpagination -->
{INLINE_MESSAGE}
{QUICK_REPLY_FORM}
<!-- BEGIN switch_user_authreply -->
<div id="mobileActionBar">
    <a href="{U_POST_REPLY_TOPIC}" rel="nofollow" class="navbar">
        <div class="mobileActionLabel">{L_POST_REPLY_TOPIC}</div>
    </a>
</div>
<!-- END switch_user_authreply -->



<div class="smallfont" align="center">
     <a href="{U_VIEW_NEWER_TOPIC}" rel="nofollow"><img alt="الموضوع السابق" src="http://i68.servimg.com/u/f68/19/23/51/91/oi11.png" style="float: right;" border="0" /></a> <a href="{U_VIEW_OLDER_TOPIC}" rel="nofollow"><img alt="الموضوع التالي" src="http://i68.servimg.com/u/f68/19/23/51/91/ooa10.png" style="float: left;" border="0" /></a>
</div>
    
<p>
</p>


<br>
  <br>
    <br>
      <br>

ويظهر بهذا الشكل:
تغيير استايل الجوال 23bcd395e18e444




باختصار:

المطلوب نسخة جوال متطورة بهذا الشكل ^__^ , مع إضافة ( التالي + السابق ) في أسفل الموضوع:
وهذه هي الصور المستخدمة : ( الهيدر + الخلفيه)
https://i.servimg.com/u/f68/19/23/51/91/oia_o_12.png
https://i.servimg.com/u/f84/19/23/51/91/img_1410.jpg
(الموضوع التالي + الموضوع السابق)
https://i.servimg.com/u/f68/19/23/51/91/ooa10.png
https://i.servimg.com/u/f68/19/23/51/91/oi11.png


عدل سابقا من قبل Anas 1657 في السبت 2 يوليو 2016 - 15:30 عدل 1 مرات
Anas 1657
Anas 1657
 
 

ذكر
عدد المساهمات : 78
معدل النشاط : 3587
السُمعة : 0

http://www.anas16572.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تغيير استايل الجوال Empty رد: تغيير استايل الجوال

مُساهمة من طرف Anas 1657 السبت 2 يوليو 2016 - 15:23

أعتقد أن كل ماتحتاجونه متوفر بمساهمتي الأخيرة:
Sad Sad
@JAR7
@0marp0p23


Anas 1657
Anas 1657
 
 

ذكر
عدد المساهمات : 78
معدل النشاط : 3587
السُمعة : 0

http://www.anas16572.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تغيير استايل الجوال Empty رد: تغيير استايل الجوال

مُساهمة من طرف {عذب} السبت 2 يوليو 2016 - 16:30

اخي اولاً بعد اذن زملائي المساعدين
ركز جيداً ابحث في اكواد الـcss عن الكود التالي: الذي وضعه لك عمر
الكود:
.banniere, #m_dcontentglobal_ad_id1 {
background: url(http://i68.servimg.com/u/f68/19/23/51/91/oia_o_12.png) no-repeat scroll center;
height:200px;
max-width: 100%
}
وان لم تجده يكفيك ان تبحث عن رابط الصورة : https://i.servimg.com/u/f68/19/23/51/91/oia_o_12.png وحذف الكود حقه بالكامل

ثانياً عوضه بهذا الكود :
الكود:
#mpage-body {
background: url(http://i68.servimg.com/u/f68/19/23/51/91/oia_o_12.png) no-repeat scroll top center;
padding-top: 140px;
}
وللعلم ان وصف المنتدى راح يكون فوق الصورة وهذا يعطي جمالية ان لم تستحب هذا فيمكننا عمله لك بشكل افضل Cool

ثانياً اتمنى منك فصل اكواد CSS الخاصة بالجوال عن اكواد CSS حقت المنتدى وهذا بوضعه في قالب الهيدر فيما بعد

لكن الآن قم بفصلها بهذه الطريقة السهلة فصل الاكواد كالتالي :
استبدل ضع هنا الخ ... بجميع اكواد الـCSS حقت الجوال
ويمكنك وضع اكواد الجوال بالداخل :
 
الكود:
/*----- بداية اكواد الجوال -----*/ 
ضع هنا جميع اكواد الجوال 
 /*----- نهاية اكواد الجوال -----*/ 
 
ملاحظة*: نهاية هذا العمل كله يجب ان تنقل جميع الاكواد الى قالب الهيدر الخاص بالجوال وفيما بعد سنشرح لك هذا لكن الآن قم بالتعديلات التي قلت لك عليها وان شاء الله يصير خير
{عذب}
{عذب}
 
 

ذكر
عدد المساهمات : 3029
معدل النشاط : 9745
السُمعة : 294

https://3thab.rigala.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تغيير استايل الجوال Empty رد: تغيير استايل الجوال

مُساهمة من طرف Anas 1657 السبت 2 يوليو 2016 - 17:30

{عذآب} كتب:اخي اولاً بعد اذن زملائي المساعدين
ركز جيداً ابحث في اكواد الـcss عن الكود التالي: الذي وضعه لك عمر
الكود:
.banniere, #m_dcontentglobal_ad_id1 {
background: url(http://i68.servimg.com/u/f68/19/23/51/91/oia_o_12.png) no-repeat scroll center;
height:200px;
max-width: 100%
}
وان لم تجده يكفيك ان تبحث عن رابط الصورة : https://i.servimg.com/u/f68/19/23/51/91/oia_o_12.png وحذف الكود حقه بالكامل

ثانياً عوضه بهذا الكود :
الكود:
#mpage-body {
background: url(http://i68.servimg.com/u/f68/19/23/51/91/oia_o_12.png) no-repeat scroll top center;
padding-top: 140px;
}
وللعلم ان وصف المنتدى راح يكون فوق الصورة وهذا يعطي جمالية ان لم تستحب هذا فيمكننا عمله لك بشكل افضل Cool

ثانياً اتمنى منك فصل اكواد CSS الخاصة بالجوال عن اكواد CSS حقت المنتدى وهذا بوضعه في قالب الهيدر فيما بعد

لكن الآن قم بفصلها بهذه الطريقة السهلة فصل الاكواد كالتالي :
استبدل ضع هنا الخ ... بجميع اكواد الـCSS حقت الجوال
ويمكنك وضع اكواد الجوال بالداخل :
 
الكود:
/*----- بداية اكواد الجوال -----*/ 
ضع هنا جميع اكواد الجوال 
 /*----- نهاية اكواد الجوال -----*/ 
 
ملاحظة*: نهاية هذا العمل كله يجب ان تنقل جميع الاكواد الى قالب الهيدر الخاص بالجوال وفيما بعد سنشرح لك هذا لكن الآن قم بالتعديلات التي قلت لك عليها وان شاء الله يصير خير


تم تنفيذ جميع الخطوات @{عذآب}
وهذه ورقة CSS الخاصة بي :
https://drive.google.com/open?id=0B7xCbZ7xVvp8VGFHSXZvb25wcEU

رابط المنتدى:
http://778816572.forumarabia.com/
Anas 1657
Anas 1657
 
 

ذكر
عدد المساهمات : 78
معدل النشاط : 3587
السُمعة : 0

http://www.anas16572.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تغيير استايل الجوال Empty رد: تغيير استايل الجوال

مُساهمة من طرف {عذب} السبت 2 يوليو 2016 - 17:33

جيد اخي قل لي ما رأيك في النتيجة؟
{عذب}
{عذب}
 
 

ذكر
عدد المساهمات : 3029
معدل النشاط : 9745
السُمعة : 294

https://3thab.rigala.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تغيير استايل الجوال Empty رد: تغيير استايل الجوال

مُساهمة من طرف Anas 1657 السبت 2 يوليو 2016 - 17:45

{عذآب} كتب:جيد اخي قل لي ما رأيك في النتيجة؟
هذه هي النتيجة @{عذآب}

هذا مظهر المنتدى والمواضيع , عند تفعيل التومبيلاتات
تغيير استايل الجوال 2688d143ebbb2bf

تغيير استايل الجوال 5c666212de71371

هذا مظهر المنتدى والمواضيع , الغاء تفعيل التومبيلاتيات:
تغيير استايل الجوال 54c34e01680adeb

تغيير استايل الجوال 3c9d62b71b9f398
Anas 1657
Anas 1657
 
 

ذكر
عدد المساهمات : 78
معدل النشاط : 3587
السُمعة : 0

http://www.anas16572.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تغيير استايل الجوال Empty رد: تغيير استايل الجوال

مُساهمة من طرف Anas 1657 السبت 2 يوليو 2016 - 17:53

مازالت هناك بعض الاخطاء اخي @{عذآب}
Anas 1657
Anas 1657
 
 

ذكر
عدد المساهمات : 78
معدل النشاط : 3587
السُمعة : 0

http://www.anas16572.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تغيير استايل الجوال Empty رد: تغيير استايل الجوال

مُساهمة من طرف {عذب} السبت 2 يوليو 2016 - 18:35

اخي هذا بسبب تغير بعض الوسوم فمثلا : وسم class="row1" في نسخة الجوال اصبح :
الكود:
class="content"
في التومبيلات .
فيجب عليك الانتباه الى هذه الخطوة فهي مهمة جداً واغلب مشاكلك بسبب هذا الشيء اريدك حالياً تعطل التومبيلات وانا احتفظ بنسخة من الصفحات التي مفعل فيها التومبيلات واريدك ان تقوم بتعطيل التومبيلات لاقوم بنسخ اكواد النسخة العادية واضافتها لنسخة التومبيلات

لكن اعذرني حالياً سأخرج ويمكن ارجع لمكتبي الساعة  9:00 Cool
{عذب}
{عذب}
 
 

ذكر
عدد المساهمات : 3029
معدل النشاط : 9745
السُمعة : 294

https://3thab.rigala.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تغيير استايل الجوال Empty رد: تغيير استايل الجوال

مُساهمة من طرف Anas 1657 السبت 2 يوليو 2016 - 20:23

{عذآب} كتب:اخي هذا بسبب تغير بعض الوسوم فمثلا : وسم class="row1" في نسخة الجوال اصبح :
الكود:
class="content"
في التومبيلات .
فيجب عليك الانتباه الى هذه الخطوة فهي مهمة جداً واغلب مشاكلك بسبب هذا الشيء اريدك حالياً تعطل التومبيلات وانا احتفظ بنسخة من الصفحات التي مفعل فيها التومبيلات واريدك ان تقوم بتعطيل التومبيلات لاقوم بنسخ اكواد النسخة العادية واضافتها لنسخة التومبيلات

لكن اعذرني حالياً سأخرج ويمكن ارجع لمكتبي الساعة  9:00 Cool
أخي @{عذآب}
إن كان يسهل عليك تعديل كل شي , إذا امتلكت عضويه المدير
فلامانع أن أرسل لك اسم العضويه وكلمة المرور.

فالمنتدى هو تجريبي , ويحتوي على جميع الاكواد , والتمبلايتات الموجودة بالمنتدى الأصلي.

Anas 1657
Anas 1657
 
 

ذكر
عدد المساهمات : 78
معدل النشاط : 3587
السُمعة : 0

http://www.anas16572.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تغيير استايل الجوال Empty رد: تغيير استايل الجوال

مُساهمة من طرف omarpop23 السبت 2 يوليو 2016 - 20:42

لحظات و اكون وضعت لك الحل النهائي لهذه المشكلة
omarpop23
omarpop23
 
 

ذكر
عدد المساهمات : 1522
معدل النشاط : 6530
السُمعة : 218

http://www.best-devs.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تغيير استايل الجوال Empty رد: تغيير استايل الجوال

مُساهمة من طرف Anas 1657 الأحد 3 يوليو 2016 - 1:51

@{عذآب}
@0marp0p23

في انتظار مساعدتكم
Anas 1657
Anas 1657
 
 

ذكر
عدد المساهمات : 78
معدل النشاط : 3587
السُمعة : 0

http://www.anas16572.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

صفحة 1 من اصل 2 1, 2  الصفحة التالية

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى