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

اقتراح مهم للمصممين و المكودين

2 مشترك

منتدى الدعم و المساعدة لأحلى المنتديات :: المنتدى العام :: منتدى الإقتراحات :: أرشيف الإقتراحات

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

هل تؤيد هذا الاقتراح

اقتراح مهم للمصممين و المكودين Right11100%اقتراح مهم للمصممين و المكودين Left11 100% 
[ 9 ]
اقتراح مهم للمصممين و المكودين Right110%اقتراح مهم للمصممين و المكودين Left11 0% 
[ 0 ]
 
مجموع عدد الأصوات : 9
 
 
التصويت مغلق

اقتراح مهم للمصممين و المكودين Empty اقتراح مهم للمصممين و المكودين

مُساهمة من طرف shady01000 الإثنين 7 ديسمبر 2015 - 14:17

السلام عليكم ورحمة الله وبركاتة
بسم الله الرحمن الرحيم
..


Cool Cool
القائمين على خدمة احلى منتدى

لدى اقتراح وهو مهم جدا بالنسبة لى ولكل المصممين

وبالاخص المصممين المحترفين والمبتدئين باستخدام خدمة احلى منتدى

هناك شئ يضايقهم جدا

وهو التعامل مع الاكواد الاساسية للقوالب وطريقة تجنب اخطاء التصميم والبحث مرارا وتكرارا فى القالب الاصلى ليعرف الاكواد الرئيسية والتى لا يعمل القالب الا بها

اقتراحى عبارة عن فتح قسم جديد بمنتدى الدعم

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

مثال :

قالب الهيدر...

لابد ان يبدأ قالب الهيدر بهذا الكود :
الكود:
[center][size=13][b]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/b][/size][/center]
[center][size=13][b]<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>[/b][/size][/center]
<head>
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />

[center][size=13][b]GIN switch_compat_meta -->
   <meta http-equiv="X-UA-Compatible" conte[/b][/size][/center]
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   <!-- B
Ent="IE={switch_compat_meta.VERSION}" />
   <!-- END switch_compat_meta -->
   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />

[center][size=13][b]h" type="application/opensearchdes[/b][/size][/center]
   <!-- END switch_canonical_url -->
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="sear
ccription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />

[center][size=13][b]h_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>[/b][/size][/center]
   <script src="{JQUERY_PATH}" 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/{swit
c
   <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
   <!-- END switch_fb_login -->

   <!-- BEGIN switch_ticker -->
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />

[center][size=13][b]"></script>
   <script type="text/javascript">//<![CDATA[
      /* Definir le sens de[/b][/size][/center]
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker_new -->
   <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascrip
t direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
         case 'top' :
            slid_vert = true;
            break;

         case 'left':

[center][size=13][b]#fa_ticker[/b][/size][/center]
            break;

         case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;

         case 'right':
            auto_dir = 'prev';
            break;

         default:
            slid_vert = true;
      }

      $(document).ready(function() {
         var w_cont = $('#fa_ticker_container').width();

         if (w_cont > 0)
         {
            $(
'_container').width(w_cont);

            /* Affichage de la liste */
            $('#fa_ticker_content').css('display','block');

            /* Calcul des dimensions du conteneur et des elements */
            var width_max = $('ul#fa_ticker_content').width();
            var width_item = Math.floor(width_max / {switch_ticker.SIZE});

[center][size=13][b]         } );

            /* Redimensionne[/b][/size][/center]
            var height_max = h_perso;

            /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
            $('ul#fa_ticker_content li').each( function () {
               if ($(this).height() > height_max)
               {
                  height_max = $(this).height();
               }

   ment des elements et des images trop larges */
            $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
               if ($(this).width() > width_item)
               {
               var ratio      = $(this).width() / width_item;
               var new_height = Math.round($(this).height() / ratio);

[center][size=13][b]isation du caroussel */
            $('#fa_ticker_content'[/b][/size][/center]
               $(this).height(new_height).width(width_item);
               }
            });

            /* Redimensionnement et centrage du conteneur en mode vertical */
            if (slid_vert)
            {
               $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
            }

            /* Initia
l).jcarousel({
                  vertical: slid_vert,
               wrap: 'circular',
               auto: {switch_ticker.STOP_TIME},
               auto_direction: auto_dir,
            scroll: 1,
            size: {switch_ticker.SIZE},
            height_max: height_max,
            animation: {switch_ticker.SPEED}
            });
         }
         else
         {
            $('ul#fa_ticker_content li:not(:first)').css('display','none');

[center][size=13][b]resizable=yes,WIDTH=400');
         if(pm != null) { pm.focus(); }
      <!-- END switch_enable_pm_po[/b][/size][/center]
            $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
         }
      });
   //]]>
   </script>
   <!-- END switch_ticker_new -->

   <script type="text/javascript">//<![CDATA[
   $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225
,pup -->
      <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         if(report != null) { report.focus(); }
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         $(document).ready(function() {            
            Ticker.start({

[center][size=13][b]HT}, logInBackgroundResize = true, lo[/b][/size][/center]
               height : {switch_ticker.HEIGHT},
               spacing : {switch_ticker.SPACING},
               speed : {switch_ticker.SPEED},
               direction : '{switch_ticker.DIRECTION}',
               pause : {switch_ticker.STOP_TIME}
            });
         });
      <!-- END switch_ticker -->
   });

   <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEI
GgInBackgroundClass = false;
   <!-- END switch_login_popup -->

   <!-- BEGIN switch_login_popup -->
   $(document).ready( function() {
      $(window).resize(function() {
         var windowWidth = document.documentElement.clientWidth;
         var popupWidth = $("#login_popup").width();
         var mypopup = $("#login_popup");

         $("#login_popup").css({
         "left": windowWidth/2 - popupWidth/2
            });
      });
   });
   <!-- END switch_login_popup -->
   //]]>

[center][size=13][b]s_code -->[/b][/size][/center]
   </script>
   {GREETING_POPUP}
   <!-- BEGIN switch_ticker_new -->
   <style>
   .jcarousel-skin-tango .jcarousel-item {
      text-align:center;
      width: 10px;
   }

   .jcarousel-skin-tango .jcarousel-item-horizontal {
      margin-right: {switch_ticker.SPACING}px;
   }

   .jcarousel-skin-tango .jcarousel-item-vertical {
      margin-bottom: {switch_ticker.SPACING}px;
   }
   </style>
   <!-- END switch_ticker_new -->
   {HOSTING_JS}
   <!-- BEGIN google_analyti
c
   <script type="text/javascript">
   //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
    _gaq.push(['_trackPageview']);
   _gaq.push(['_trackPageLoadTime']);

   <!-- BEGIN google_analytics_code_bis -->
   _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
   _gaq.push(['b._trackPageview']);
   <!-- END google_analytics_code_bis -->

    (function() {

[center][size=13][b]="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}[/b][/size][/center]
      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 -->
</head>
<body backgroun
d" vlink="{T_BODY_VLINK}">
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>

[center][size=13][b]"top">
               <div id="login_po[/b][/size][/center]
   <!-- END hitskin_preview -->

   <!-- BEGIN switch_login_popup -->
   <div id="login_popup" style="z-index: 10000 !important;">
      <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
         <tr height="25">
            <td class="catLeft">
               <span class="genmed module-title">{SITENAME}</span>
            </td>
         </tr>
         <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign
=pup_buttons">
                  <form action="{S_LOGIN_ACTION}" method="get">
                     <input type="submit" class="mainoption" value="{L_LOGIN}" />
                     <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                     <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                  </form>
               </div>
               <span class="genmed">{LOGIN_POPUP_MSG}</span>
            </td>
         </tr>
      </table>
   </div>

[center][/center]
   <!-- END switch_login_popup -->

   <a name="top"></a>
   {JAVASCRIPT

[center][size=13][b]}[/b][/size][/center]


هذا الكود ان لم يوضع فى قالب الهيدر المصمم يحدث اخطاء كبيرة وايضا هناك كود الخاص باظهار اكواد
(العناصر المستقلة - واكواد الاعلانات الخاصة )
وهكذا كل هذة الاكواد ضرورية
ناهيك عن ضرورة تعريف الوسوم الاساسية للمصممين وما فائدتها
مثلا :
هذا الوسم ...
الكود:
{postrow.displayed.POSTER_NAME}
هو وسم لاسم العضو فى البيانات الشخصية
ما فائدتة وكيف اضعة وصورة لة بعد وضعة 
مثال :
اقتراح مهم للمصممين و المكودين 759517172
فالمصمم الذى يرغم العمل على تصميم استايلات لاحلى منتدى ويريد تحقيق الربح منها مثلا ولكنة لا يعلم بهذة الوسوم
 سيواجه صعوبات كثيرة فى التعرف علية
انا على سبيل المثال اريد تصميم قالب viewcomments_body احترافى ولكنى واجهت صعوبة بايجاد الاكواد المهمة وفشلت المحاولة
هذا القسم الذى اقترحة سيكون مرجع هام لاى مصمم وسيوفر له الوقت والجهد والعناء
وسيجعل خدمة احلى منتدى اكثر احترافية فى التعامل مع مستخدميها وسيجعلها محطة لانشاء اعمال خاصة مثل التصميم وغيرها من الاشياء المهمة
فى الاخير ارجو دعم اقتراحى وتوصيلة لمدير شبكة احلى منتدى ووضع مختصين من المنتدى لهذا القسم وتوضيح كل قالب على حدة فى موضوع
لدى اقتراح اخر ولكنى سأضعة فى موضوع جديد حتى لا اخالف قوانين القسم
وشكرا والسلام عليكم ورحمة الله وبركاتة
shady01000
shady01000
 
 

ذكر
عدد المساهمات : 93
معدل النشاط : 5151
السُمعة : 2

http://egy4u.yoo7.com/

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

اقتراح مهم للمصممين و المكودين Empty رد: اقتراح مهم للمصممين و المكودين

مُساهمة من طرف {عذب} الأحد 26 يونيو 2016 - 3:14

وعليكم السلام ورحمة الله وبركاته
بالفعل قد تم وضع شرح لبعض الاوسمة وان شاء الله نكمل هذا
ينقل للارشيف ... Cool
{عذب}
{عذب}
 
 

ذكر
عدد المساهمات : 3028
معدل النشاط : 9963
السُمعة : 294

https://3thab.rigala.net/

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

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

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

منتدى الدعم و المساعدة لأحلى المنتديات :: المنتدى العام :: منتدى الإقتراحات :: أرشيف الإقتراحات

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