Hitskin.comهذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداك • الرجوع الى صفحة بيانات التصميم
انشاء منتدى مجانياقتراح مهم للمصممين و المكودين
2 مشترك
صفحة 1 من اصل 1
هل تؤيد هذا الاقتراح
اقتراح مهم للمصممين و المكودين
من طرف shady01000 الإثنين 7 ديسمبر 2015 - 14:17
السلام عليكم ورحمة الله وبركاتة
بسم الله الرحمن الرحيم
..
القائمين على خدمة احلى منتدى
لدى اقتراح وهو مهم جدا بالنسبة لى ولكل المصممين
وبالاخص المصممين المحترفين والمبتدئين باستخدام خدمة احلى منتدى
هناك شئ يضايقهم جدا
وهو التعامل مع الاكواد الاساسية للقوالب وطريقة تجنب اخطاء التصميم والبحث مرارا وتكرارا فى القالب الاصلى ليعرف الاكواد الرئيسية والتى لا يعمل القالب الا بها
اقتراحى عبارة عن فتح قسم جديد بمنتدى الدعم
هذا القسم يختص بعرض قوالب المنتدى وشرحها ووصفها ووضع الاكواد الضرورية التى يتماشى معها القالب
مثال :
قالب الهيدر...
لابد ان يبدأ قالب الهيدر بهذا الكود :
- الكود:
[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}
هو وسم لاسم العضو فى البيانات الشخصية
ما فائدتة وكيف اضعة وصورة لة بعد وضعة
مثال :
فالمصمم الذى يرغم العمل على تصميم استايلات لاحلى منتدى ويريد تحقيق الربح منها مثلا ولكنة لا يعلم بهذة الوسوم
سيواجه صعوبات كثيرة فى التعرف علية
انا على سبيل المثال اريد تصميم قالب viewcomments_body احترافى ولكنى واجهت صعوبة بايجاد الاكواد المهمة وفشلت المحاولة
هذا القسم الذى اقترحة سيكون مرجع هام لاى مصمم وسيوفر له الوقت والجهد والعناء
وسيجعل خدمة احلى منتدى اكثر احترافية فى التعامل مع مستخدميها وسيجعلها محطة لانشاء اعمال خاصة مثل التصميم وغيرها من الاشياء المهمة
فى الاخير ارجو دعم اقتراحى وتوصيلة لمدير شبكة احلى منتدى ووضع مختصين من المنتدى لهذا القسم وتوضيح كل قالب على حدة فى موضوع
لدى اقتراح اخر ولكنى سأضعة فى موضوع جديد حتى لا اخالف قوانين القسم
وشكرا والسلام عليكم ورحمة الله وبركاتة
shady01000-
-
عدد المساهمات : 93
معدل النشاط : 5166
السُمعة : 2 -
رد: اقتراح مهم للمصممين و المكودين
من طرف {عذب} الأحد 26 يونيو 2016 - 3:14
وعليكم السلام ورحمة الله وبركاته
بالفعل قد تم وضع شرح لبعض الاوسمة وان شاء الله نكمل هذا
ينقل للارشيف ...
بالفعل قد تم وضع شرح لبعض الاوسمة وان شاء الله نكمل هذا
ينقل للارشيف ...
{عذب}-
-
عدد المساهمات : 3028
معدل النشاط : 9978
السُمعة : 294 -
مواضيع مماثلة» اقتراح جميل للمصممين
» اقتراح ان يكون للمصممين مجموعة هنا
» اقتراح بخصوص صندوق الرد اقتراح رائع يرجى الدخول والتصويت
» اقتراح للاشهار (جديد) اقتراح سيدمر اسطورة فيسبوك و تويتر
» اقتراح عمل عدة مكتبات مثل مكتبة الصور اللي موجودة الأن اقتراح رائع ادخلو...
» اقتراح ان يكون للمصممين مجموعة هنا
» اقتراح بخصوص صندوق الرد اقتراح رائع يرجى الدخول والتصويت
» اقتراح للاشهار (جديد) اقتراح سيدمر اسطورة فيسبوك و تويتر
» اقتراح عمل عدة مكتبات مثل مكتبة الصور اللي موجودة الأن اقتراح رائع ادخلو...
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى