altaledi
09-10-2011, 08:50 PM
السلام عليكم .
أطيب تحية للجميع .
الطريقة الجديد لعرض جديد الصور في الرئيسية دون الحاجة لدخول القسم ومشاهدة الصورة الكاملة .
المثال
http://www.altaledi.net/index.php
اضغط على الصورة في قالب صور من ديرتي في اليمين .
الطريقة .
اذهب إلى لوحة التحكم > الإستايلات والقوالب > الإستايلات > إستعراض > تحرير الاستايل المطلوب
في قالب 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 -->
أستبدله بالكود
<!-- START BLOCK : albumnewsbl -->
<link rel="stylesheet" href="{img_dir}/window.css" type="text/css"/>
<script type="text/javascript" src="{img_dir}/window.js">></script>
<div class="module-title">{phrase_latest} {phrase_albums}</div>
<div id="contents">
<!-- START BLOCK : albumnewsbls -->
<a href="#?w=100%" rel="popup_name" class="poplight"><img class="newimg" title="{caption}" src="contents/albumsth/{id}.{ext}" /></a>
<div id="popup_name" class="popup_block"><img src="contents/albumsm/{id}.{ext}" /></div>
<!-- END BLOCK : albumnewsbls -->
</div>
<br />
<!-- END BLOCK : albumnewsbl -->
احفظ
ثم قم برفع الملفات التالية إلى مجلد الصور في الإستايل المطلوب .
http://www.altaledi.net/close_pop.png
window.css (http://www.altaledi.net/styles/altaledi/images/wi ndow.css)
window.js (http://www.altaledi.net/styles/altaledi/images/wi ndow.js)
الشرح المصور على الرابط
http://www.altaledi.net/news.php?action=show&id=8
أطيب تحية للجميع .
الطريقة الجديد لعرض جديد الصور في الرئيسية دون الحاجة لدخول القسم ومشاهدة الصورة الكاملة .
المثال
http://www.altaledi.net/index.php
اضغط على الصورة في قالب صور من ديرتي في اليمين .
الطريقة .
اذهب إلى لوحة التحكم > الإستايلات والقوالب > الإستايلات > إستعراض > تحرير الاستايل المطلوب
في قالب 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 -->
أستبدله بالكود
<!-- START BLOCK : albumnewsbl -->
<link rel="stylesheet" href="{img_dir}/window.css" type="text/css"/>
<script type="text/javascript" src="{img_dir}/window.js">></script>
<div class="module-title">{phrase_latest} {phrase_albums}</div>
<div id="contents">
<!-- START BLOCK : albumnewsbls -->
<a href="#?w=100%" rel="popup_name" class="poplight"><img class="newimg" title="{caption}" src="contents/albumsth/{id}.{ext}" /></a>
<div id="popup_name" class="popup_block"><img src="contents/albumsm/{id}.{ext}" /></div>
<!-- END BLOCK : albumnewsbls -->
</div>
<br />
<!-- END BLOCK : albumnewsbl -->
احفظ
ثم قم برفع الملفات التالية إلى مجلد الصور في الإستايل المطلوب .
http://www.altaledi.net/close_pop.png
window.css (http://www.altaledi.net/styles/altaledi/images/wi ndow.css)
window.js (http://www.altaledi.net/styles/altaledi/images/wi ndow.js)
الشرح المصور على الرابط
http://www.altaledi.net/news.php?action=show&id=8