طلب تكويد استايل لنسخة جوال

  افضل مساهمة1
طلب تكويد استايل لنسخة جوال

لهذا الموضوع
https://www.t3qnyiat.com/t1169-topic


https://i.servimg.com/u/f97/16/46/77/76/uo_ouo19.png


  افضل مساهمة2
يرجى اضافة له هذه الاضافات كما في الصورة



http://i65.tinypic.com/2qdu4qe.png
  افضل مساهمة3
سيتم اخي العزيز
جاري


m13
  افضل مساهمة4
هل تم دراسة طلبي
  افضل مساهمة5
اهلا اخي سيتم ونعتذر عن تاخير بسبب ظروف خاصه


m13
  افضل مساهمة6
@walid dz كتب:هل تم دراسة طلبي

سيتم الانتهاء قريبا


m13
  افضل مساهمة7
اهلا من خلال
لوحة الادارة - مظهر المنتدى - التومبلايتات و القوالب
نسخة الجوال
نسخة المطورة
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}
    <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>
      body
{
    margin: 0;
    padding: 0px;
    background-color: #E5E5E5;}
    #header {
    background-color: rgba(0, 0, 0, 0);}
    #header #mToggleArrow {
    color: #fff;
}
    #header #mNotificationBtn {
    background-color: #77A700;
        margin-left: 2px;

    #header #mToggleArrow:hover {
    background-color: #77A700;
}
      #header #mToggleArrow {
    background-color: #77A700;
}
    #header #mNavbar {
    background-color: #77A700;}
    h1 {
    font-size: 0px}
    #header .mobile_prev_button, #header #mToggleContainer {
    background-color: #77A700;
}
    .post-content {
        text-align: center;
    }
.post-content img {
    max-width: 300px;
    max-height: 300px;
}
    .forum h2 {
        font-size: 22px;
    background-color: #77A700;
    margin: 0;
    padding: 0;
}
    .btn {
    background-color: #77A700;}
  #top--bar {
    background-color: #77A700;
    padding: 0px;
    border-bottom: solid 7px #5E8204;
    position: relative;

    .rightlnks- {
    list-style-type: none;
    float: right;
}
    .rightlnks- li {
    float: right;
    border-left: solid 1px #205653;
    line-height: 45px;
}
    .rightlnks- li a {
    display: block;
    float: right;
    padding: 0px 10px;
    color: #fff;
}
  .clr {
    display: block;
    height: 0px;
    clear: both;
}
    .socila- {
    list-style-type: none;
    float: left;
    margin: 5px 0px 0px 5px;
}
    .socila- li {
    float: right;
    margin-right: 3px;
}
    .socila- li a {
    display: block;
    background-image: url('https://i97.servimg.com/u/f97/16/46/77/76/img_0210.png');
    background-repeat: no-repeat;
    width: 32px;
    height: 34px;
    background-position: -35px top
}
.socila- li:last-child a {
    background-position: right top
}
.socila- li:first-child a {
    background-position: left top;
}
.socila- li:last-child {
    margin-left: 0px
}
    .login-box{padding: 12px;background-color: #77A700;border-radius: 6px; margin: 0px 0px 12px;line-height: 30px;}
.login-box input[type="text"],.login-box input[type="password"]{
  background-image: none;
    box-shadow: 0px 0px 0px #fff;
    border-radius: 4px;border: 0px;
    background-color: #fff;
    padding: 5px;
}
.nav_box{padding: 11px 0px 0px}
.login-box input[type=submit]{border-radius: 4px; float: left;width:120px; height: 36px}
.rmmbr- {
    color: #beedeb;
    float: right;
    margin-top: 12px;
    font-size: 16px;
}


#bgr_ {
    padding: 0px 6px;
}
.hd-logo {
    display: block;
    background-image: url(https://i97.servimg.com/u/f97/16/46/77/76/2214.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 300px;
    height: 60px;
    float: right;
}
#mob-hd {
    margin: -75px -8px 0 -8px;
    padding: 20px 0;
    background-color: #F3F3F3;
    height: 100px;
}
    .usr-inpt {
    margin: 0px 0px 10px;
    background-position: right 3px;
    background-repeat: no-repeat;
    background-image: url(https://i97.servimg.com/u/f97/16/46/77/76/img_1810.png);
    padding: 0px 44px 0px 0px;
}
    div.pass-icon {
    background-position: right -48px;
}

  </style>
</head>
<body id="mpage-body-modern">
  <div id="top--bar">
    <ul class="rightlnks-">
        <li></li>
        <li>
          <a href="/">الرئيسية</a>
        </li>
        <li>
            <a href="#">رابط نصي</a>
        </li>

    </ul>
  <ul class="socila-">
<li><a href="#" title="تابعنا على انستقرام"></a></li>
<li><a href="#" title="تابعنا على تويتر"></a></li>
<li><a href="#" title="تابعنا على فيس بوك"></a></li>
</ul>
<span class="clr"><!--  --></span>
</div> 
    <div id="wrap">
        <div id="header" class="mobile_title">
            {NAV_CAT_DESC}
          <div id="bgr_">
<div id="mob-hd">
  <a href="/" class="hd-logo" title="الصفحة الرئيسية"></a>


<span class="clr"><!--  --></span>
</div>
 
 <div class="page-margin">

<!-- content table -->
<div class="page">
<div>



    <!-- BEGIN switch_user_logged_in -->
  <div class="nav_box">


<div class="login-box">
      <div align="center" class="smallfont">
    <div>
  <strong><span>{LOGGED_AS}</span></strong>
 

        </div>
       
            <div>{LAST_VISIT_DATE}</div>
   
   
<a href="http://feeds.feedburner.com/sunnset/qPNj"><font color="#000080">جديد: آخر الاخبار</font></a><font color="#000080"> <span lang="ar-sa">|</span>&nbsp; </font>
<a href="/search?search_id=egosearch"> <font color="#000080">مشاركاتي</font></a><span lang="ar-sa"><font color="#000080">&nbsp; |&nbsp; </font></span>       
<a href="/privmsg?folder=inbox"> <span style="text-decoration: none"><font color="#000080">الرسائل الخاصة</font></span></a>   
  <span class="clr"><!--  --></span>   
      </div>
  </div>
    </div>
    <!-- END switch_user_logged_in --> 
    <!-- BEGIN switch_user_logged_out -->
<div class="nav_box">
<div class="login-box">
   
<!-- login form -->
<form action="login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 0)">
        <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=387"></script>
        <div class="usr-inpt">        <input type="text" class="bginput" name="username" id="navbar_username" accesskey="u" tabindex="101" value="اسم العضو" onfocus="if (this.value == 'اسم العضو') this.value = '';" ></div>
<div class="usr-inpt pass-icon"><input type="password" class="bginput" name="password" id="navbar_password" tabindex="102" ></div>

       
        <label for="cb_cookieuser_navbar" class="rmmbr-"><input type="checkbox" name="autologin" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />حفظ البيانات؟</label>
        <input type="submit" name="login" class="button" value="دخول" tabindex="104" title="ادخل اسم العضو وكلمة المرور الخاصة بك في الحقول المجاورة لتسجيل الدخول, أو اضغط على رابط 'التسجيل' لإنشاء حساب خاص بك." accesskey="s" >
        <input type="hidden" name="s" value="" >
        <input type="hidden" name="securitytoken" value="guest" >
        <input type="hidden" name="do" value="login" >
        <input type="hidden" name="vb_login_md5password" >
        <input type="hidden" name="vb_login_md5password_utf" >
        </form>   
                  <!-- END switch_user_logged_out -->
                  <!-- / login form -->

<span class="clr"><!--  --></span>
</div>


<span class="clr"><!--  --></span>
</div>
        </div>
        <main>
    <!-- BEGIN html_validation -->
        </main>
    </div>
</body>
</html>
<!-- END html_validation -->


m13
  افضل مساهمة8
overall_footer
الكود:

<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
    <div>
        <main>
<!-- END html_validation -->
        {PROTECT_FOOTER}
        <a id="to-top" href="#wrap"><i class="material-icons"></i></a>
        <div class="application_footer_spacer"></div>
        </main>
    </div>
  <style>
    #foot- {
    background-color: #77A700;
    border-bottom: 7px solid #3D2912;
    padding: 20px 0;
}
#foot- ul {
    margin: 0;
    padding: 0;
    text-align: center;
}
#foot- ul li {
    color: rgb(255, 255, 255);
    display: inline;
    text-align: center;
}
#foot- ul li a {
    color: rgb(255, 255, 255);
    font-size: 12px;
    padding: 0 10px;
}
  </style>
  <div class="clear"></div>
</div>
    <div class="clear"></div>
</div>
  <br>
  <div id="foot-">
<ul class="f-lnk">
<li><a href="L">الرئيسية</a>|</li>
<li><a href="#">من نحن</a>|</li>
<li><a href="#">سياسه الموقع</a>|</li>
<li><a href="http://www.t3qnyiat.com/">برمجة JAR7</a></li>
</ul>
<span class="clr"><!--  --></span>
</div>
<script type="text/javascript">
//<![CDATA[
    fa_endpage();
//]]>
</script>
<script src="http://illiweb.com/rs4/29/frm/jquery/touch-swipe/jquery.touchSwipe.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
    $(document).ready(function() {
        $(".forum-section").each(function() {
            var forumName = $(this).find("h3");
            var statsWidth = $(this).find(".forum-statistics").outerWidth();
            var forumNamePadding = statsWidth + 8;

            if ($("body").css("direction").toLowerCase() == "rtl") {
                $(forumName).css("padding-left", forumNamePadding);
            } else {
                $(forumName).css("padding-right", forumNamePadding);
            }
        });

        $(".forum-icon, .post-icon").each(function() {
            var image = $(this).find("img");

            image.error(function() {
                $(this).parent('a').remove();
                $(this).remove();
            });
        });

        setTimeout(floatingButtonPosition, 2000);
        alterMenuIcons();
    });

    $(function() {
        var backLink = $('.mobile_prev_button.block').attr('href');
        var nextLink = $('.mobile_next_button.block').attr('href');

        if (backLink || nextLink) {

            if (backLink) {
                var swipeBackArrow = $('<div>', {
                    id: 'swipe_back_arrow',
                    css: {
                        opacity: 0
                    },
                    text: ''
                });
                $('body').append(swipeBackArrow);
                var swipeBackArrow = $('#swipe_back_arrow');
            }

            if (nextLink) {
                var swipeNextArrow = $('<div>', {
                    id: 'swipe_next_arrow',
                    css: {
                        opacity: 0
                    },
                    text: ''
                });
                $('body').append(swipeNextArrow);
                var swipeNextArrow = $('#swipe_next_arrow');
            }

            $(window).swipe( {
                swipeStatus:function(event, phase, direction, distance)
                {
                    var arrowPos = 0;
                    var arrowOpacity = 0;

                    if (backLink) {
                        swipeBackArrow.removeAttr('style');
                    }

                    if (nextLink) {
                        swipeNextArrow.removeAttr('style');
                    }

                    if ($("body").css("direction").toLowerCase() == "rtl") {
                        if ((phase=="move") && (direction=="right") && nextLink) {
                            var arrowPos = (distance / 200) * 40;
                            var arrowOpacity = distance / 200;
                            swipeNextArrow.css('left', arrowPos);
                            swipeNextArrow.css('opacity', arrowOpacity);
                            destLink = nextLink;
                        } else if ((phase=="move") && (direction=="left") && backLink) {
                            var arrowPos = (distance / 200) * 40;
                            var arrowOpacity = distance / 200;
                            swipeBackArrow.css('right', arrowPos);
                            swipeBackArrow.css('opacity', arrowOpacity);
                            destLink = backLink;
                        } else if ((phase=="end") && (direction=="right") && nextLink) {
                            swipeNextArrow.css('left', arrowPos);
                            swipeNextArrow.css('opacity', 0);
                            window.location.href = destLink;
                        } else if ((phase=="end") && (direction=="left") && backLink) {
                            swipeBackArrow.css('right', arrowPos);
                            swipeBackArrow.css('opacity', 0);
                            window.location.href = destLink;
                        }
                    } else {
                        if ((phase=="move") && (direction=="left") && nextLink) {
                            var arrowPos = (distance / 200) * 40;
                            var arrowOpacity = distance / 200;
                            swipeNextArrow.css('right', arrowPos);
                            swipeNextArrow.css('opacity', arrowOpacity);
                            destLink = nextLink;
                        } else if ((phase=="move") && (direction=="right") && backLink) {
                            var arrowPos = (distance / 200) * 40;
                            var arrowOpacity = distance / 200;
                            swipeBackArrow.css('left', arrowPos);
                            swipeBackArrow.css('opacity', arrowOpacity);
                            destLink = backLink;
                        } else if ((phase=="end") && (direction=="left") && nextLink) {
                            swipeNextArrow.css('right', arrowPos);
                            swipeNextArrow.css('opacity', 0);
                            window.location.href = destLink;
                        } else if ((phase=="end") && (direction=="right") && backLink) {
                            swipeBackArrow.css('left', arrowPos);
                            swipeBackArrow.css('opacity', 0);
                            window.location.href = destLink;
                        }
                    }
                },
                triggerOnTouchEnd: true,
                triggerOnTouchLeave: false,
                threshold: 200,
                allowPageScroll: "vertical"
            });
        }
    });

    function floatingButtonPosition() {
        if ($("#at-share-dock").length) {
            $(".btn-floating, #to-top").css("marginBottom", "50px");
        };
    };

    function alterMenuIcons() {
        $('#mNavbar').find('.navBtnIcon').each(function() {
            switch ($(this).css('backgroundPosition')) {
                case '-32px 0px':
                    $(this).html('<i class="material-icons"></i>');
                    break;
                case '-64px 0px':
                    $(this).html('<i class="material-icons"></i>');
                    break;
                case '0px 0px':
                    $(this).html('<i class="material-icons"></i>');
                    break;
                case '-96px 0px':
                    $(this).html('<i class="material-icons"></i>');
                    break;
                case '-128px 0px':
                    $(this).html('<i class="material-icons"></i>');
                    break;
                case '-160px 0px':
                    $(this).html('<i class="material-icons"></i>');
                    $(this).addClass('BtnNotif');
                    break;
            }
        });
    };
 
    $('#to-top').click(function(e) {
        e.preventDefault();
        $('html, body').animate({
            scrollTop: 0
        }, 400);
    });

    $(document).scroll(function() {
        var y = $(this).scrollTop();
        if (y > 164) {
            $('#to-top').addClass('visible');
        } else {
            $('#to-top').removeClass('visible');
        }
    });
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
    $(document).ready(function() {
        if(_userdata['activate_toolbar'] && _userdata['session_logged_in']) {
            Toolbar.init;
            var timeout = setInterval(reloadNotif, 1000);
            $("#header").prepend('<a id="mNotificationBtn" href="./profile?mode=editprofile&page_profil=notifications"></a>');
            $("#mNotificationBtn").prepend('<span id="unread_notif">' + _toolbar.notifications.unread + '</span>');
            $('.BtnNotif').prepend('<span id="unread_notif_menu">' + _toolbar.notifications.unread + '</span>');
        };

        function reloadNotif() {
            if (_toolbar.notifications.unread > 0) {
                $("#unread_notif").html(_toolbar.notifications.unread);
                $("#unread_notif_menu").html(_toolbar.notifications.unread);
                if(!$("#unread_notif").hasClass("notification-new")) {
                    $("#unread_notif").addClass('notification-new');
                    $("#unread_notif_menu").addClass('notification-new');
                    $("#mNotificationBtn").addClass('notification-new');
                }
            }
        };
    });
//]]>
</script>
</body>
</html>


m13
  افضل مساهمة9
لا يوجد ايقونة تسجيل الاعضاء الجدد

وكذلك لا استطيع قراءة المواضيع

الرجاء الدخول للموقع بالهاتف وملاحظة الاخطاء فيه

بدون نسيان شكرك على التعديل الرائع جداااااا
  افضل مساهمة10
اهلا فيك
الصفحة الرئيسية يوجد بها كود يؤثر على ظهور ازرار الجانبية
شوف الغي اكواد الجافا سكربت


m13
  افضل مساهمة11
تم الغاء اكواد الجافا ومازالت المشمكلة قائمة
  افضل مساهمة12
سيتم رؤية مشكله من استايلك الان
جاري


m13
  افضل مساهمة13
تم حل الاشكالية موفق هل من مشكله اخرى
كان السبب باحد اكواد جافا وتم الغائة


m13
  افضل مساهمة14
المنتدى يذهب لليمين ممكن جعله ثابت في الوسط لنسخة الجوال
  افضل مساهمة15
ممكن صورة للامر
ﻻني ﻻ اشاهد هالشي بمنتداك
بمتصفح موبايلي


m13
  افضل مساهمة16
حسنا سيتم اعادة تكويد الاستايل مرة اخرى احذف القوالب حاليا


m13
  افضل مساهمة17
لا استطيع قراءة المواضيع تظهر فارغة ارجوا دخولك ومحاولة مشاهدة اي موضوع الكلام محذوف
  افضل مساهمة18
لا استطيع قراءة المواضيع تظهر فارغة ارجوا دخولك ومحاولة مشاهدة اي موضوع الكلام محذوف
  افضل مساهمة19
اهلا اخي العزيز
الاستايل تشوة بسبب اكواد جافا سكربت الكثيرة
والتي توضع بجميع صفحات دون تركيز على مكان وضعها
الاستايل قمت باعطائك معاينه له وهو يشتغل بشكل ممتاز لدي
فلا اعرف لما يخرب لديك :/


m13
  افضل مساهمة20
ساعديني ارجوك
  افضل مساهمة21
حسنا اخي العزيز سيتم واتمنى تحلي بالصبر


m13
  افضل مساهمة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}
    <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>
      body
{
    margin: 0;
    padding: 0px;
    background-color: #E5E5E5;}
    #header {
    background-color: rgba(0, 0, 0, 0);}
    #header #mToggleArrow {
    color: #fff;
}
    #header #mNotificationBtn {
    background-color: #77A700;
        margin-left: 2px;

    #header #mToggleArrow:hover {
    background-color: #77A700;
}
      #header #mToggleArrow {
    background-color: #77A700;
}
    #header #mNavbar {
    background-color: #77A700;}
    h1 {
    font-size: 0px}
    #header .mobile_prev_button, #header #mToggleContainer {
    background-color: #77A700;
}
    .post-content {
        text-align: center;
    }
.post-content img {
    max-width: 300px;
    max-height: 300px;
}
    .forum h2 {
        font-size: 22px;
    background-color: #77A700;
    margin: 0;
    padding: 0;
}
    .btn {
    background-color: #77A700;}
  #top--bar {
    background-color: #77A700;
    padding: 0px;
    border-bottom: solid 7px #5E8204;
    position: relative;

    .rightlnks- {
    list-style-type: none;
    float: right;
}
    .rightlnks- li {
    float: right;
    border-left: solid 1px #205653;
    line-height: 45px;
}
    .rightlnks- li a {
    display: block;
    float: right;
    padding: 0px 10px;
    color: #fff;
}
  .clr {
    display: block;
    height: 0px;
    clear: both;
}
    .socila- {
    list-style-type: none;
    float: left;
    margin: 5px 0px 0px 5px;
}
    .socila- li {
    float: right;
    margin-right: 3px;
}
    .socila- li a {
    display: block;
    background-image: url('https://i97.servimg.com/u/f97/16/46/77/76/img_0210.png');
    background-repeat: no-repeat;
    width: 32px;
    height: 34px;
    background-position: -35px top
}
.socila- li:last-child a {
    background-position: right top
}
.socila- li:first-child a {
    background-position: left top;
}
.socila- li:last-child {
    margin-left: 0px
}
    .login-box{padding: 12px;background-color: #77A700;border-radius: 6px; margin: 0px 0px 12px;line-height: 30px;}
.login-box input[type="text"],.login-box input[type="password"]{
  background-image: none;
    box-shadow: 0px 0px 0px #fff;
    border-radius: 4px;border: 0px;
    background-color: #fff;
    padding: 5px;
}
.nav_box{padding: 11px 0px 0px}
.login-box input[type=submit]{border-radius: 4px; float: left;width:120px; height: 36px}
.rmmbr- {

    font-size: 16px;
}

.login-box input[type=submit] {
    border-radius: 4px;
    float: left;
    width: 120px;
    height: 36px;
    background: #767555;
    color: #fff;
}
#bgr_ {
    padding: 0px 6px;
}
.hd-logo {
    display: block;
    background-image: url(https://i97.servimg.com/u/f97/16/46/77/76/2214.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 300px;
    height: 60px;
    float: right;
}
#mob-hd {
    margin: -75px -8px 0 -8px;
    padding: 20px 0;
    background-color: #F3F3F3;
    height: 100px;
}
    .usr-inpt {
    margin: 0px 0px 10px;
    background-position: right 3px;
    background-repeat: no-repeat;
    background-image: url(https://i97.servimg.com/u/f97/16/46/77/76/img_1810.png);
    padding: 0px 44px 0px 0px;
}
    div.pass-icon {
    background-position: right -48px;
}

  </style>
</head>
<body id="mpage-body-modern">
  <div id="top--bar">
    <ul class="rightlnks-">
        <li></li>
        <li>
          <a href="/">الرئيسية</a>
        </li>
        <li>
            <a href="#">رابط نصي</a>
        </li>

    </ul>
  <ul class="socila-">
<li><a href="#" title="تابعنا على انستقرام"></a></li>
<li><a href="#" title="تابعنا على تويتر"></a></li>
<li><a href="#" title="تابعنا على فيس بوك"></a></li>
</ul>
<span class="clr"><!--  --></span>
</div> 
    <div id="wrap">
        <div id="header" class="mobile_title">
            {NAV_CAT_DESC}
          <div id="bgr_">
<div id="mob-hd">
  <a href="/" class="hd-logo" title="الصفحة الرئيسية"></a>

</div>
<span class="clr"><!--  --></span>

<div>



    <!-- BEGIN switch_user_logged_in -->
  <div class="nav_box">
<div class="login-box">
      <div align="center" class="smallfont">
  <strong><span>{LOGGED_AS}</span></strong>
      <div>  {LAST_VISIT_DATE}  </div> 
<a href="/search?search_id=newposts"><font color="#000080">جديد: آخر الاخبار</font></a><font color="#000080"> <span lang="ar-sa">|</span>&nbsp; </font>
<a href="/search?search_id=egosearch"> <font color="#000080">مشاركاتي</font></a><span lang="ar-sa"><font color="#000080">&nbsp; |&nbsp; </font></span>       
<a href="/privmsg?folder=inbox"> <span style="text-decoration: none"><font color="#000080">الرسائل الخاصة</font></span></a>   
  <span class="clr"><!--  --></span>   
      </div> </div> </div>
    <!-- END switch_user_logged_in --> 
    <!-- BEGIN switch_user_logged_out -->
<div class="nav_box">
<div class="login-box">
   
<form action="login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 0)">
        <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=387"></script>
        <div class="usr-inpt">        <input type="text" class="bginput" name="username" id="navbar_username" accesskey="u" tabindex="101" value="اسم العضو" onfocus="if (this.value == 'اسم العضو') this.value = '';" ></div>
<div class="usr-inpt pass-icon"><input type="password" class="bginput" name="password" id="navbar_password" tabindex="102" ></div>

       
        <label for="cb_cookieuser_navbar" class="rmmbr-"><input type="checkbox" name="autologin" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />حفظ البيانات؟</label>
        <input type="submit" name="login" class="button" value="دخول" tabindex="104" title="ادخل اسم العضو وكلمة المرور الخاصة بك في الحقول المجاورة لتسجيل الدخول, أو اضغط على رابط 'التسجيل' لإنشاء حساب خاص بك." accesskey="s" >
        <input type="hidden" name="s" value="" >
        <input type="hidden" name="securitytoken" value="guest" >
        <input type="hidden" name="do" value="login" >
        <input type="hidden" name="vb_login_md5password" >
        <input type="hidden" name="vb_login_md5password_utf" >
        </form>   
               


</div>

<span class="clr"><!--  --></span>
        </div>
          <!-- END switch_user_logged_out -->
        <main>
    <!-- BEGIN html_validation -->
        </main>
    </div>
</body>
</html>
<!-- END html_validation -->


m13
  افضل مساهمة23
مازالت المشكلة قائمة
  افضل مساهمة24
اهلا اخي العزيز
الاستايل كامل هنا يعمل بشكل ممتاز
http://jar711.logu2.com/
المشكله بالاكواد التي واضعها وليس من تكويد


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