دعم أحلى منتدى

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

منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى ::   :: التقنيات المتقدمة :: أكواد التومبلايت

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

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

مُساهمة من طرف زائر الجمعة 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
وتم التعديل على الكود من قبلي ليناسب الجوال
Anonymous
زائر
زائر


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

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

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

منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى ::   :: التقنيات المتقدمة :: أكواد التومبلايت

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