منتدى الدعم و المساعدة لأحلى المنتديات
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.
منتدى الدعم و المساعدة لأحلى المنتديات

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

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

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

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

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

مُساهمة من طرف زائر الجمعة 8 يوليو 2016 - 22: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
زائر
زائر


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

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

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

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

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