تومبلايت جديد يظهر صورة وصف الموضوع بشكل بنبثق حصريا
صفحة 1 من اصل 1
تومبلايت جديد يظهر صورة وصف الموضوع بشكل بنبثق حصريا
تومبلايت جديد يظهر صورة وصف الموضوع بشكل بنبثق حصريا
كود جديد تومبلايت
الكود: تومبلايت يضع صورة وصف الموضوع بطريقة جيدة
كود جديد تومبلايت
الكود: تومبلايت يضع صورة وصف الموضوع بطريقة جيدة
وعند الضغط عليها تظهر بشكل بنبثق
صورة للمعاينه
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
صورة للمعاينه
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
بعد ما شوفنا صور عمل الكود ندخل على وضعه فى المنتدى
قوم بالبحث عن الكود التالي:
ونستبدله بهذا الكود
لوحة الاداره >> مظهر المنتدى >> الصور والألوان >> ألوان >> ورقة تصميم css
تعطيل كود ال CSS الأصلي: لا
تفعيل نظام تحسين مردودية ال CSS المشخص: نعم
ثم اضف هذا الكود الى ورقة تصميم css
إدارة أكواد Javascript
مثال ؟
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
بعد ما شوفنا صور عمل الكود ندخل على وضعه فى المنتدى
لوحة الاداره>>مظهر المنتدى>>التومبلايتات و القوالب>>إدارة عامة>>topics_list_box>>اضغط على تعديل [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
قوم بالبحث عن الكود التالي:
- الكود:
{topics_list_box.row.topic.
switch_description.TOPIC_DESCRIPTION}
ونستبدله بهذا الكود
- الكود:
<a rel="lightbox" href="{topics_list_box.row.topic.
switch_description.TOPIC_DESCRIPTION}
"id="hanckidescpopup"><img
class="hanckidesc" src="
{topics_list_box.row.topic.switch_
description.TOPIC_DESCRIPTION}"/></a>
لوحة الاداره >> مظهر المنتدى >> الصور والألوان >> ألوان >> ورقة تصميم css
تعطيل كود ال CSS الأصلي: لا
تفعيل نظام تحسين مردودية ال CSS المشخص: نعم
ثم اضف هذا الكود الى ورقة تصميم css
- الكود:
pun tbody.statused td.tcl
{padding-right: 10px !important;}img.hanckidesc {
float: right !important; }
img.hanckidesc
{max-width: 150px !important;
max-height: 50px !important;
margin-top: -10px !important;padding: 1px !important;
z-index: 10 !important;
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); }
.lightboxOverlay { top: 0; left: 0; z-index: 999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8; display: none; position:fixed;}
.lightbox { position: absolute; left: 0; width: 100%;
z-index: 999; line-height: 0; font-weight: normal;}
.lightbox img.lb-image { position:fixed; margin: auto; top: 0;
left: 0; bottom: 0; right: 0; }
ثم نتوجه الى:
لوحة الاداره >> عناصر إضافيه >> HTML و JAVASCRIPT
إدارة أكواد Javascript
تفعيل نظام إدارة أكواد Javascript : نعم
إنشاء كود جديد
العنوان * : أي شيء تريد
أضف الكود الى: جميع الصفحات
ثم نضع الكود التالي:
- الكود:
$(document).ready(function() {
$.getScript('https://raw.github.com/lokesh/li
ghtbox2/master/js/lightbox.js');}); $(function () {
$('input[name="description"]').change(function () {
var ValidFileExtension = ['jpg', 'JPG', 'jpeg', 'JPEG',
'png','PNG', 'gif', 'GIF', 'bmp','BMP'];
if ($.inArray($(this).val().split('.').pop()
.toLowerCase(),ValidFileExtension) == -1) {
alert("Purtroppo, sono utilizzabili solo queste estensioni:
'.jpeg','.jpg', '.png', '.gif', '.bmp'"); } })})
مثال ؟
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
5ameS- المشرف العام
-
الجنس :
عدد مشاركاتى : 351
السٌّمعَة : 0
تاريخ التسجيل : 22/04/2010
•عُمرِےُ *: : 27
•مُوِقُعـےُ •|: : egy-2day.yoo7.com
مواضيع مماثلة
» كود صورة متحركة اعلى الواجهة بشكل جميل بها عيدكم مبارك
» (invision)شريط الازرار المنتدى بشكل جديد
» شرح تضمين صندوق بحث جوجل بالمنتدى بشكل احترافي جديد
» حصريا كود وضع اطار على عنوان الموضوع داخله
» كودcssلوضع ايطار وخلفية للتوقيع شغال 100%(بدون تومبلايت)
» (invision)شريط الازرار المنتدى بشكل جديد
» شرح تضمين صندوق بحث جوجل بالمنتدى بشكل احترافي جديد
» حصريا كود وضع اطار على عنوان الموضوع داخله
» كودcssلوضع ايطار وخلفية للتوقيع شغال 100%(بدون تومبلايت)
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى