linnou
11-01-2013, بتوقيت غرينيتش 01:35 AM
http://www.dzbatna.com/images/icons/icon30.gif ط·ط±ظٹظ‚ط© ط¬ظ…ظٹظ„ط© ظ„ط¹ط±ط¶ ط§ظ„طµظˆط± ط¨ط§ظ„ظ…ظˆط§ظ‚ط¹.ط§ظ„ط¨ظˆظ….[ط³ظƒط±ط¨طھ ط¯ط§ط®ظ„ظٹ ] ط¨ط³ظٹط· (http://www.dzbatna.com/t1490268/)
السلام عليكم ورحمة الله وبركاته
مساكم الله بالخير
اليوم حاب انزل موضوع افيد اخواني مثل افادتي بكثير طلبات طلبتها http://www.dzbatna.com/images/smilies/nosweat.gif
نريد مثلا ان نسوي البوم صور في صفحة من الموقع
ونحط صور مصغرة وعند الضغط تظهر بحجمها وبطريقة جملية
نشوف المثال...
من هنا (http://www.tiraq.com/demo/imgbox1/)
ان شاء الله جديده وعجبتكم .. http://www.dzbatna.com/images/smilies/icon31.gif
نبدي بالتركيب install بسم الله
نرفع المجلد (مرفق) lightbox للموقع
[جنب ملف HTML] (الاندكس) للصفحة الي يكون فيها العمل...
حيث ان كانت واجهة interface الالبوم او الصور الي تعدل بيها هي الرئيسية يكون رابط المجلد هذا كذا..
www.XXXXX.com/lightbox (http://www.XXXXX.com/lightbox)
1-نفتح الصفحة بالفرونت بيج
ونحط الكود code في منطقة الهيد <head>
رمز Code:
<script type="text/javascript" src="lightbox/js/prototype.js"></script> <script type="text/javascript" src="lightbox/js/scriptaculous.js?load=effects"></script> <script type="text/javascript" src="lightbox/js/lightbox.js"></script> <link rel="stylesheet" href="lightbox/css/lightbox.css" type="text/css" media="screen" />
باخر الهيد أي اسفل الوسم </title>
2- نروح للصورة الي نريد ان نحط بها التأثير
(نصغر حجمها -بالفرونت بيج- حتى تكون صورة مصغرة)
3- نضيف للصورة رابط تشعبي ( أي شئ يخطر ببالك )
مثلا الرمز # بس ..
نشوف كود code الصورة يكون بهذا الشكل
رمز Code:
<a href="#"> <img border="0" src="images/ex_1.jpg" width="102" height="117">
نستبدل الجزء الازرق _من الكود code اعلاه_ بهذا الكود code
رمز Code:
<a href="images/ex_1.jpg" rel="lightbox" title="هنا وصف الصورة">
اللون الازرق هو مسار الصورة الي نعمل عليها_والي هي على موقعك..
اللون الاحمر يكون اختياري اي شئ تريد تكتبه اسفل الصورة_تركه فارغ لا يأثر
وقول اللهم صلي على محمد وعلى اله وصحبه وسلم
وتم العمل ان شاء الله
هذا كان الشرح طريقة بخصوص المثال الاول _صورة منفرده_
اما
صور مرتبطة - البوم
نتبع التالي...
نفس الخطوات السابقة لكن بالخطوة الثالثه
نغير وتصبح
3- نضيف للصورة رابط تشعبي ( أي شئ يخطر ببالك )
مثلا الرمز # بس ..
نشوف كود code الصورة يكون بهذا الشكل
رمز Code:
<a href="#"> <img border="0" src="images/ex_1.jpg" width="102" height="117">
نستبدل الجزء الازرق _من الكود code اعلاه_ بهذا الكود code
رمز PHP:
<code style="white-space:nowrap"> <code> <a href="images/ex_1.jpg" rel="lightbox[roadtrip]">
</code> </code>
والحمدلله رب العالمين
ان شاء الله ماتواجهكم اي مشاكل بالتركيب install...
ملف الصفحة الي عليها المثال رفقته حتى الي يشوف صعوبة بترتيب كود code الصورة يعدل على صور الصفحة http://www.dzbatna.com/images/smilies/blushing.gif >>>> هو انت ما تعرف تشرح طريقة
ولكي تعم الفائدة زور هذا الموقع اضغط هنا (http://www.dynamicdrive.com/) لاني لكيتها هناك http://www.dzbatna.com/images/smilies/shiny01.gif
TiraQ.com (http://www.tiraq.com)
التعديل الأخير كان بواسطة Mo7mD.ZaYOnA; 04 - 03 - 2014 الساعة 00:44 السبب: الحمدلله تم تعديل الالوان ومحد شاف هههه
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif lightbox.zip (http://www.traidnt.net/vb/attachments/461438d1267650282-lightbox.zip) (32.0 كيلوبايت, عدد مرات المشاهدة 197 مرة)
http://www.traidnt.net/vb/images/attach/zip.gif صفحة المثال للتعديل السريع.zip (http://www.traidnt.net/vb/attachments/461462d1267652440-صفحة-المثال-للتعديل-السريع.zip) (136.9 كيلوبايت, عدد مرات المشاهدة 353 مرة)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
السلام عليكم ورحمة الله وبركاته
مساكم الله بالخير
اليوم حاب انزل موضوع افيد اخواني مثل افادتي بكثير طلبات طلبتها http://www.dzbatna.com/images/smilies/nosweat.gif
نريد مثلا ان نسوي البوم صور في صفحة من الموقع
ونحط صور مصغرة وعند الضغط تظهر بحجمها وبطريقة جملية
نشوف المثال...
من هنا (http://www.tiraq.com/demo/imgbox1/)
ان شاء الله جديده وعجبتكم .. http://www.dzbatna.com/images/smilies/icon31.gif
نبدي بالتركيب install بسم الله
نرفع المجلد (مرفق) lightbox للموقع
[جنب ملف HTML] (الاندكس) للصفحة الي يكون فيها العمل...
حيث ان كانت واجهة interface الالبوم او الصور الي تعدل بيها هي الرئيسية يكون رابط المجلد هذا كذا..
www.XXXXX.com/lightbox (http://www.XXXXX.com/lightbox)
1-نفتح الصفحة بالفرونت بيج
ونحط الكود code في منطقة الهيد <head>
رمز Code:
<script type="text/javascript" src="lightbox/js/prototype.js"></script> <script type="text/javascript" src="lightbox/js/scriptaculous.js?load=effects"></script> <script type="text/javascript" src="lightbox/js/lightbox.js"></script> <link rel="stylesheet" href="lightbox/css/lightbox.css" type="text/css" media="screen" />
باخر الهيد أي اسفل الوسم </title>
2- نروح للصورة الي نريد ان نحط بها التأثير
(نصغر حجمها -بالفرونت بيج- حتى تكون صورة مصغرة)
3- نضيف للصورة رابط تشعبي ( أي شئ يخطر ببالك )
مثلا الرمز # بس ..
نشوف كود code الصورة يكون بهذا الشكل
رمز Code:
<a href="#"> <img border="0" src="images/ex_1.jpg" width="102" height="117">
نستبدل الجزء الازرق _من الكود code اعلاه_ بهذا الكود code
رمز Code:
<a href="images/ex_1.jpg" rel="lightbox" title="هنا وصف الصورة">
اللون الازرق هو مسار الصورة الي نعمل عليها_والي هي على موقعك..
اللون الاحمر يكون اختياري اي شئ تريد تكتبه اسفل الصورة_تركه فارغ لا يأثر
وقول اللهم صلي على محمد وعلى اله وصحبه وسلم
وتم العمل ان شاء الله
هذا كان الشرح طريقة بخصوص المثال الاول _صورة منفرده_
اما
صور مرتبطة - البوم
نتبع التالي...
نفس الخطوات السابقة لكن بالخطوة الثالثه
نغير وتصبح
3- نضيف للصورة رابط تشعبي ( أي شئ يخطر ببالك )
مثلا الرمز # بس ..
نشوف كود code الصورة يكون بهذا الشكل
رمز Code:
<a href="#"> <img border="0" src="images/ex_1.jpg" width="102" height="117">
نستبدل الجزء الازرق _من الكود code اعلاه_ بهذا الكود code
رمز PHP:
<code style="white-space:nowrap"> <code> <a href="images/ex_1.jpg" rel="lightbox[roadtrip]">
</code> </code>
والحمدلله رب العالمين
ان شاء الله ماتواجهكم اي مشاكل بالتركيب install...
ملف الصفحة الي عليها المثال رفقته حتى الي يشوف صعوبة بترتيب كود code الصورة يعدل على صور الصفحة http://www.dzbatna.com/images/smilies/blushing.gif >>>> هو انت ما تعرف تشرح طريقة
ولكي تعم الفائدة زور هذا الموقع اضغط هنا (http://www.dynamicdrive.com/) لاني لكيتها هناك http://www.dzbatna.com/images/smilies/shiny01.gif
TiraQ.com (http://www.tiraq.com)
التعديل الأخير كان بواسطة Mo7mD.ZaYOnA; 04 - 03 - 2014 الساعة 00:44 السبب: الحمدلله تم تعديل الالوان ومحد شاف هههه
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif lightbox.zip (http://www.traidnt.net/vb/attachments/461438d1267650282-lightbox.zip) (32.0 كيلوبايت, عدد مرات المشاهدة 197 مرة)
http://www.traidnt.net/vb/images/attach/zip.gif صفحة المثال للتعديل السريع.zip (http://www.traidnt.net/vb/attachments/461462d1267652440-صفحة-المثال-للتعديل-السريع.zip) (136.9 كيلوبايت, عدد مرات المشاهدة 353 مرة)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
