السلام عليكم ورحمة الله وبركاته .
اولاً : أعتذر للجميع عن التأخر في طرح الجديد من الدروس والإستايلات وإن شاء الله قريباً سيكون هناك مفاجآت كثيرة .
ثانياً : بعض الأصدقاء والأخوة مستخدمي ديموفنف طلبوا قائمة الخدمات كما في صحيفة عاجل على الرابط .
لذلك سأسعد بتقديم كود القائمة جاهز للجميع .
ولتركيب القالب أرجو اتباع الشرح التالي :-
(( ملاحظة مهمة: الشرح على الاستايل الافتراضي وفي حال كان لديك استايل خاص وتم نقل الاكواد فيه فيفترض ان تحذف الكود حيث كان ))
أولاً : اذهب إلى النماذج والقوالب > الاستايلات > استعراض ( ثم اختر ايقونة تحرير من اسفل كلمة التصميم وأمام الاستايل المطلوب )
ثم ادخل إلى قالب index.htm استعراض .
قم بحذف كود الأخبار الهامة وهو هذا الكود .
كود:
<!-- START BLOCK : importantnews -->
<script type="text/javascript">
$(function() {
$(".importantnews").jCarouselLite({
vertical: true,
hoverPause:true,
visible: 3,
auto:3000,
speed:500,
btnNext: ".nextimp",
btnPrev: ".previmp",
circular: true,
mouseWheel: true
});
});
</script>
<td valign="top" width="40%">
<div class="module-title">{phrase_important_news}</div>
<div id="contents">
<div id="importantnews">
<div class="importantnews">
<ul>
<!-- START BLOCK : impnews -->
<li>
<div class="largfont">
<span style='float:{lang_left};margin-{lang_right}:2px;padding-top:0px'>{picture}</span>
<b>{caption}</b>
</div>
</li>
<!-- END BLOCK : impnews -->
</ul>
</div>
<div align="center">
<input type="image" src="{img_dir}/buttons/up.png" class="previmp" title="{phrase_prev}" />
<input type="image" src="{img_dir}/buttons/down.png" class="nextimp" title="{phrase_next}" />
</div>
</div>
</div>
</td>
<!-- END BLOCK : importantnews -->
(( ثم اختر تحرير ))
ثانياً : اذهب إلى قالب ccontent.htm
ثم ابحث عن هذا الكود وقم بحذفه
كود:
<!-- INCLUDE BLOCK : articlemodule -->
(( ثم اختر تحرير ))
ثالثاً : قم بالذهاب إلى قالب menucontent.htm
ثم ابحث عن هذا الكود وقم بحذفه .
كود:
<!-- START BLOCK : albumnewsbl -->
<div class="module-title">{phrase_latest} {phrase_albums}</div>
<div id="contents">
<!-- START BLOCK : albumnewsbls -->
<div class="lightrow"><a href="{action}"><span style='float:{lang_left};margin-{lang_right}:2px;'><img alt="{caption}" class="img" src="contents/albumsth/{id}.{ext}" /></span>{caption}</a></div>
<!-- END BLOCK : albumnewsbls -->
</div>
<br />
<!-- END BLOCK : albumnewsbl -->
(( ثم اختر تحرير ))
بعد ذلك قم بالذهاب إلى قالب servcontent.htm استعراض .
ثم استبدله بالقالب التالي
كود:
<br/>
<!-- START BLOCK : importantnews -->
<div class="module-title">{phrase_important_news}</div>
<div id="contents">
<!-- START BLOCK : impnews -->
<table cellpadding="2" cellspacing="0" id="impnews" style="width: 100%"><tr><td>
<img src="contents/newsm/{id}.{ext}" class="img" height="60" width="60">
</td><td valign="top" class="largfont">
<b>{caption}</b>
</td></tr></table>
<!-- END BLOCK : impnews -->
</div>
<br/>
<!-- END BLOCK : importantnews -->
<!-- START BLOCK : importantdownloads -->
<div class="module-title">{phrase_important_downloads}</div>
<!-- START BLOCK : impdownloads -->
<div id="contents">
<div align="center">{caption}<br />{picture}</div>
</div>
<!-- END BLOCK : impdownloads -->
<br />
<!-- END BLOCK : importantdownloads -->
<!-- START BLOCK : updateddownloads -->
<div class="module-title">{phrase_updated_downloads}</div>
<div id="contents">
<div id="updateddownloads" style="overflow:hidden;">
<!-- START BLOCK : upddownloads -->
<div>{caption}</div>
<!-- END BLOCK : upddownloads -->
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$("#updateddownloads").rotator({ms : 3000, n:1, autoHeight:true});
});
</script>
<br />
<!-- END BLOCK : updateddownloads -->
<!-- START BLOCK : articlenewsbl -->
<div class="module-title">{phrase_latest} {phrase_articles}</div>
<!-- START BLOCK : articlenewsbls -->
<div id="contents">
<table width="100%"><tr><td colspan="2" class="darkcontent" align="center">{author}</td></tr><tr><td>{authorpic}</td><td><a title="{caption}" href="{action}">{caption}</a></td></tr></table>
</div>
<!-- END BLOCK : articlenewsbls -->
</div>
<br />
<!-- END BLOCK : articlenewsbl -->
<!-- START BLOCK : supplements -->
<div class="module-title">{name}</div>
<div id="contents">
<!-- START BLOCK : supplement -->
<div class="largfont">
<!-- START BLOCK : rewriteonsupnwsit -->
<a href="news-action-show-id-{id}.htm">
<!-- END BLOCK : rewriteonsupnwsit -->
<!-- START BLOCK : rewriteoffsupnwsit -->
<a href="news.php?action=show&id={id}">
<!-- END BLOCK : rewriteoffsupnwsit -->
<b>{caption}</b>
</a>
</div>
<!-- START BLOCK : firstsupplement -->
<span style="float:right;margin:2px"><img alt="{alt}" src="contents/newsm/{id}.{ext}" width="60" height="60" class="img"/></span>
<!-- END BLOCK : firstsupplement -->
<span>{text}</span>
<!-- END BLOCK : supplement -->
</div>
<br>
<!-- END BLOCK : supplements -->
<!-- INCLUDE BLOCK : articlemodule -->
<!-- START BLOCK : lextrablocks -->
<div class="module-title"><span class="smallfont">{extrablockname}</span></div>
<div id="contents">
{extracont}
<div id="extradiv{blockid}" style="position:relative;">
<div id="extradiv{blockid}status" style="position:relative; display:none">
<div id="extradiv{blockid}procces" style="margin:5px 5px 5px 5px"></div>
</div>
<span id="extracont{blockid}">{moreless}</span>
</div>
</div>
<br />
<!-- END BLOCK : lextrablocks -->
<!-- START BLOCK : newdownloadsbl -->
<div id="blocktable">
<div class="darktitle"><img src="{img_dir}/title_arrow.gif" />{phrase_downloads}</div>
<!-- START BLOCK : rewriteondownloads -->
<div class="lightcontent"><a href="downloads-action-show-id-{id}.htm">{rectitle}</a></div>
<!-- END BLOCK : rewriteondownloads -->
<!-- START BLOCK : rewriteoffdownloads -->
<div class="lightcontent"><a href="downloads.php?action=show&id={id}">{rectitle}</a></div>
<!-- END BLOCK : rewriteoffdownloads -->
</div>
<br />
<!-- END BLOCK : newdownloadsbl -->
<!-- START BLOCK : newlighteventsbl -->
<div class="module-title">{phrase_lightevents}</div>
<div id="contents" class="justify">
<div id="lightevents" style="overflow:hidden;">
<!-- START BLOCK : newlightevents -->
<div>{newlightevents}</div>
<!-- END BLOCK : newlightevents -->
</div>
</div>
<br />
<script type="text/javascript">
$(document).ready(function() {
$("#lightevents").rotator({ms : 10000, n:1, autoHeight:true});
});
</script>
<!-- END BLOCK : newlighteventsbl -->
<!-- START BLOCK : newlightnewsbl -->
<div class="module-title">{phrase_lightnews}</div>
<div id="contents" class="justify">
<div id="lightnews" style="overflow:hidden;">
<!-- START BLOCK : newlightnews -->
<div>{newlightnews}</div>
<!-- END BLOCK : newlightnews -->
</div>
</div>
<br />
<script type="text/javascript">
$(document).ready(function() {
$("#lightnews").rotator({ms : 9000, n:1, autoHeight:true});
});
</script>
<!-- END BLOCK : newlightnewsbl -->
<!-- START BLOCK : newstatbl -->
<div class="module-title">{phrase_statistics}</div>
<div id="contents">
<!-- START BLOCK : newstat -->
<div><img src={img_dir}/arrow.gif>{mod}<span style="float:{lang_right};margin-{lang_right}: 20px;" /> {newstat}</span></div>
<!-- END BLOCK : newstat -->
</div>
<br />
<!-- END BLOCK : newstatbl -->
<!-- START BLOCK : servicebanners -->
<table align="center" cellpadding="1">
<tr>
<!-- START BLOCK : servicebanner -->
<td align="center">{banner}</td>
{tr}
<!-- END BLOCK : servicebanner -->
</tr>
</table>
<br />
<!-- END BLOCK : servicebanners -->
<!-- START BLOCK : serviceblocks -->
<!-- START BLOCK : serviceblockhead -->
<div class="module-title">{title}</div>
<!-- END BLOCK : serviceblockhead -->
<!-- START BLOCK : serviceblockheadpic -->
<img class="img" src="contents/block/{pic}" />
<!-- END BLOCK : serviceblockheadpic -->
<div id="contents">{cont}</div>
<br />
<!-- END BLOCK : serviceblocks -->
<!-- START BLOCK : sextrablocks -->
<div class="module-title">{extrablockname}</div>
<div id="contents">
{extracont}
<div id="extradiv{blockid}" style="position:relative;">
<div id="extradiv{blockid}status" style="position:relative; display:none">
<div id="extradiv{blockid}procces" style="margin:5px 5px 5px 5px"></div>
</div>
<span id="extracont{blockid}">{moreless}</span>
</div>
</div>
<br />
<!-- END BLOCK : sextrablocks -->
<!-- START BLOCK : albumnewsbl -->
<div class="module-title">صورة وتعليق</div>
<div id="contents">
<!-- START BLOCK : albumnewsbls -->
<p align="center">
<div class="lightrow"><a href="{action}">
<img alt="{caption}" class="img" src="contents/albumsth/{id}.{ext}" />
<br>
{caption}</a></div></p>
<!-- END BLOCK : albumnewsbls -->
</div>
<br />
<!-- END BLOCK : albumnewsbl -->
<!-- START BLOCK : weather -->
<div id="weatherdiv" style="position:relative; display:none">
<div id="weatherdivstatus" style="position:relative; display:none"><div id="weatherdivprocces"></div></div>
<span id="weathercont"></span></div>
<script type="text/javascript" language="javascript">
function doreq(){
var wthe = document.wetherform;
var zipc = wthe.zip.options[wthe.zip.selectedIndex].value;
makeRequest('weather.php?action=show&display=cd&zip='+encodeURIComponent(zipc),'GET',''
,'weatherdiv','weathercont','');
}
document.onload= makeRequest('weather.php?action=getcitys','GET','','weatherdiv','weathercont','');
</script>
<!-- END BLOCK : weather -->
(( ثم اختر تحرير ))
------------------------------
ولتفعيل الخصائص في القائمة اليسرى اتبع الآتي:-
1- الأخبار : اذهب إلى إعدادت البرامج >إعدادت الأخبار > خيارات عامة .
ملاحق لعرضها في الصفحة الرئيسية ( ظلل الملاحق التي تريد عرضها في اليسار كأخبار ))
2- المقالات : اذهب إلى إعدادت البرامج >إعدادت المقالات > خيارات عامة .
الأقسام المطلوب عرضها بالرئيسية (( ظلل الأقسام التي تريد عرضها في الرئيسية اسفل الملاحق ))
الأقسام المطلوب عرض محتوياتها في قالب 'جديد المقالات' (( ظلل الأقسام التي تريد عضر جديدها في المقالات قبل الملاحق )) .
3- صورة وتعليق : إع اذهب إلى إعدادت البرامج >إعدادت الألبومات > خيارات عامة .
الأقسام المطلوب عرض محتوياتها في قالب 'جديد الصور ' ( ظلل الاقسام المطلوب عرضها في صورة وتعليق ويفترض ان يكون قسم واحد خاص بصورة وتعليق )
و بالنسبة لمدارات عالمية فيتم عرضها بواسطة جعل الخبر " هام "
انتهى الدرس
والله ولي التوفيق .
