زائر زائر
| موضوع: كود اظهار الصورة الشخصية للعضو فى عارضة نسخة الجوال الجمعة 8 يوليو 2016 - 23:03 | |
| السلام عليكم ورحمة الله وبركاته كود اظهار الصورة الشخصية للعضو فى عارضة نسخة الجوال
مثال في الصوره في الصفحه الرئيسيه
مثال في الصوره اثناء تصفح المواضيع
طريقة تركيب الكود لوحة الاداره >> مظهر المنتدى >> التومبلايتات و القوالب >> نسخة الجوال >> 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 وتم التعديل على الكود من قبلي ليناسب الجوال
|
|