كود اظهار الصورة الشخصية للعضو فى عارضة نسخة الجوال

اذهب الى الأسفل 
كاتب الموضوعرسالة
زائر
زائر
Anonymous



كود اظهار الصورة الشخصية للعضو فى عارضة نسخة الجوال Empty
مُساهمةموضوع: كود اظهار الصورة الشخصية للعضو فى عارضة نسخة الجوال   كود اظهار الصورة الشخصية للعضو فى عارضة نسخة الجوال Emptyالجمعة 8 يوليو 2016 - 23:03

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


مثال في الصوره في الصفحه الرئيسيه
كود اظهار الصورة الشخصية للعضو فى عارضة نسخة الجوال Ramica10


مثال في الصوره اثناء تصفح المواضيع
كود اظهار الصورة الشخصية للعضو فى عارضة نسخة الجوال Rami10

طريقة تركيب الكود
لوحة الاداره >> مظهر المنتدى >> التومبلايتات و القوالب >>
نسخة الجوال >> overall_header
واستبدل قالب ال 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 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}
       <script>
          $(function(){
    $.each(_userdata, function(key, value){
        $(".رامي-كاتي-" + key).html(value);
    })
});
     </script>
</head>
 
<body>
 <div id="wrap">
 <div id="header" class="mobile_title"> <!-- BEGIN switch_user_logged_in -->
 <span class="رامي-كاتي-avatar"></span>
         <!-- END switch_user_logged_in -->
 {NAV_CAT_DESC}
 </div>
 <main>
 <!-- BEGIN html_validation -->
 </main>
 </div>
</body>
</html>
<!-- END html_validation -->


ثم اذهب الى لوحة الادارة مظهر المنتدى /الوان/اكواد css /ضيف الكود وسجل 

الكود:

#header img {
    border-radius: 60px;
    float: right;
    height: 100%;
}

و مبروك عليك الكود ^^
وللامانه هذا الكود  اقتبسته من العضو SaLEm Hen!CHE
وتم التعديل على الكود من قبلي ليناسب الجوال
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود اظهار الصورة الشخصية للعضو فى عارضة نسخة الجوال
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» تغيير الصورة الرئيسية في نسخة الجوال
» اواجه مشكله في نسخة الجوال وهي التحويل الاجباري الي صفحات غير مرغوب فيها من علي نسخة الجوال
» اريد وضع الصورة الشخصية للعضو في قالب overall_header
» خاصية تعديل الصورة الشخصية للعضو فى ملفه
» مشكلة : الصورة الشخصية للعضو تظهر فوق صندوق الرد

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى ::   :: التقنيات المتقدمة :: أكواد التومبلايت-
انتقل الى: