تراجع إلى الخلف   :: TRAIDNT FORUM :: > أقسام تعليم استايلات > دورات تعليم وتصميم الإستايلات > ركن أرشيف دروس الإستايلات

طريقة عمل حواف الجداول المنقطه

بسم الله الرحمن الرحيم لمشاهدة مثال تفضل بمشاهدته على ستايل هيام على الرابط التالي http://www.traidnt.net/vb/index.php?styleid=16 تلاحظون شكل جميع الجداول بالاستايل اصبحة على شكل نقاط متقطعه

 
  #1  
قديمة 30 - 08 - 2005, 03:57 ADEL غير متواجد حاليآ بالمنتدى
صورة 'ADEL' الرمزية
عضو مؤسس
بيانات موقعي
اسم الموقع: ترايدنت
اصدار المنتدى: Twitter
 






ADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدود

بسم الله الرحمن الرحيم

لمشاهدة مثال تفضل بمشاهدته على ستايل هيام على الرابط التالي

http://www.traidnt.net/vb/index.php?styleid=16

تلاحظون شكل جميع الجداول بالاستايل اصبحة على شكل نقاط متقطعه ...

.....
الدرس
.....

قم بفتح برنامج الفوتوشوب

من قائمة ملف اختر عمل جديد وحدد القياسات التالية ونختار الخلفية باللون الابيض .



الان قم بتكبير حجم العمل بأداة التكبير [ z ]





الان قم بختيار اداة القلم من قائمة الادوات كما هو موضوح بالصورة التالية .



بعد ان قمنا بختيار ادارة القلم قم الان بختيار اللون الذي ترغب به .

على مساحة العمل قم الان بستخدام اداة القلم بعمل الشكل التالي



لينتج لنا الشكل النهائي هذا



قم الان بحفظ الصورة بصيغة gif

شاهد الصورة


وقم بحفظها داخل مجلد الاستايل ولنفرض .

vb/images

ليصبح عنوان الصورة كتالي .

vb/images/trid.gif

الان قم بالدخول الي كنترول المنتدى عن طريق الرابط التالي

http://www.xxxxx.com/vb/admincp/index.php?
  • الستايلات و القوالب
  • ضبط الستايلات
  • خيارات جميع الاستايلات
  • Table Border

ضع الكود التالي مع تغير مسار الصورة في خانة المتغير Extra CSS Attributes

رمز Code:
background: #ffffff url(images/trid.gif);
يجب ان يكون لون الخلفية في المتغير Standard CSS Attributes فارغاً او قم بوضع الكود التالي .

رمز Code:
border:1px solid url(images/trid.gif)
كما هو في الصورة التالية .



شاهد الان نتيجة عملك وبالتوفيق ان شاء الله تعالى .

اخــوكم الرائع
توقيع ADEL
- l [] Foot Loose And Fancy Free [] l -
  رقم المشاركة : [ 2 ]
قديمة 30 - 08 - 2005, 04:37 الدوسري غير متواجد حاليآ بالمنتدى
:: عضو شرف ::
 
صورة 'الدوسري' الرمزية
 


الدوسري مبدع بلا حدودالدوسري مبدع بلا حدودالدوسري مبدع بلا حدودالدوسري مبدع بلا حدودالدوسري مبدع بلا حدودالدوسري مبدع بلا حدودالدوسري مبدع بلا حدودالدوسري مبدع بلا حدودالدوسري مبدع بلا حدودالدوسري مبدع بلا حدودالدوسري مبدع بلا حدود
بيانات موقعي
اصدار المنتدى: :: مجتمع ترايدنت ::
افتراضي رد : طريقة عمل حواف الجداول المنقطه
السلام عليكم ورحمة الله وبركاته
:
:

اخوي عادل لاهنت ما قصرت يالغالي

والله يعطيك العافيه ... وان شاء الله الكل يستفيد

تسلم يالغالي ... ومشكور ...

:
:
احترااامي
الدوسري
الدوسري
 
  رقم المشاركة : [ 3 ]
قديمة 30 - 08 - 2005, 05:06 ASisQo غير متواجد حاليآ بالمنتدى
:: عضو فعال ::
 
صورة 'ASisQo' الرمزية
 


ASisQo يستحق التميزASisQo يستحق التميز
بيانات موقعي
اسم الموقع: شبكة نجوم
اصدار المنتدى: منتج اخر
افتراضي رد : طريقة عمل حواف الجداول المنقطه
اهلا عزيزي الرائع

اشكرك على هذا الشرح المبسط
وفعلا تعطي المنتدى شكل رايق

يخليك ربي على شروح ومشاركات يا سكر
ASisQo
توقيع ASisQo
 
  رقم المشاركة : [ 4 ]
قديمة 30 - 08 - 2005, 06:25 al5aleej غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'al5aleej' الرمزية
 


al5aleej تميز بلا حدودal5aleej تميز بلا حدودal5aleej تميز بلا حدودal5aleej تميز بلا حدودal5aleej تميز بلا حدودal5aleej تميز بلا حدودal5aleej تميز بلا حدودal5aleej تميز بلا حدودal5aleej تميز بلا حدودal5aleej تميز بلا حدودal5aleej تميز بلا حدود
بيانات موقعي
اسم الموقع: مختلف عنهـم
اصدار المنتدى: 3.7.2
افتراضي رد : طريقة عمل حواف الجداول المنقطه
والله يعطيك العافيه ... وان شاء الله الكل يستفيد
al5aleej
توقيع al5aleej
 
  رقم المشاركة : [ 5 ]
قديمة 30 - 08 - 2005, 07:26 شذور غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 


شذور سوف يصبح مبدعشذور سوف يصبح مبدعشذور سوف يصبح مبدعشذور سوف يصبح مبدع
بيانات موقعي
اصدار المنتدى: لا أملك منتدى
افتراضي رد : طريقة عمل حواف الجداول المنقطه
روعه فعلاً الله يعطيك الف عافيه جاري التطبيق
شذور
 
  رقم المشاركة : [ 6 ]
قديمة 30 - 08 - 2005, 08:56 ksa2002 غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'ksa2002' الرمزية
 


ksa2002 يستحق التميز
افتراضي رد : طريقة عمل حواف الجداول المنقطه
فكره حلوه شكرا لك
ksa2002
 
  رقم المشاركة : [ 7 ]
قديمة 30 - 08 - 2005, 17:05 moonp غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'moonp' الرمزية
 


moonp مبدعmoonp مبدعmoonp مبدعmoonp مبدع
بيانات موقعي
اصدار المنتدى: لا أملك منتدى
افتراضي رد : طريقة عمل حواف الجداول المنقطه
شرح رائع لخطوة جميلة


يعطيك الف عافية اخوي الرائع . .
moonp
توقيع moonp
 
  رقم المشاركة : [ 8 ]
قديمة 30 - 08 - 2005, 20:11 تركي الودعاني غير متواجد حاليآ بالمنتدى
 


تركي الودعاني مبدع بلا حدودتركي الودعاني مبدع بلا حدودتركي الودعاني مبدع بلا حدودتركي الودعاني مبدع بلا حدودتركي الودعاني مبدع بلا حدودتركي الودعاني مبدع بلا حدودتركي الودعاني مبدع بلا حدودتركي الودعاني مبدع بلا حدودتركي الودعاني مبدع بلا حدودتركي الودعاني مبدع بلا حدودتركي الودعاني مبدع بلا حدود
بيانات موقعي
اسم الموقع: تركي الودعاني
اصدار المنتدى: Facebook
افتراضي رد : طريقة عمل حواف الجداول المنقطه
الله يبيض وجهك ياعادل وتسلم ياقلبي
وفيت وكفيت يالغلا
تركي الودعاني
توقيع تركي الودعاني
 
  رقم المشاركة : [ 9 ]
قديمة 30 - 08 - 2005, 20:12 x_5 متواجد حاليآ بالمنتدى
x_5
:: TRAIDNT ::
:: رفيق الدرب ::
 
صورة 'x_5' الرمزية
 


x_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدود
بيانات موقعي
اسم الموقع: vbulletin.ae
اصدار المنتدى: :: مجتمع ترايدنت ::
افتراضي رد : طريقة عمل حواف الجداول المنقطه
يعطيك العافية اخوي ما قصرت
x_5
توقيع x_5
‏​‏​كُنْ فيْ الْحياهْ كَعابر سبيلٍ وَاتْرُكْ وراءكَ كُل أثرِ جَميل
فَما نَحنُ فِيْ الدُنيا إِلَاضُيُوْف وَما عَلى الضيوْفِ إِلَاالرحيل
واحــد مـــ x_5ـــن النـاس ©
 
  رقم المشاركة : [ 10 ]
قديمة 30 - 08 - 2005, 21:04 M!ss N!le غير متواجد حاليآ بالمنتدى
:: عضو شرف ::
 
صورة 'M!ss N!le' الرمزية
 


M!ss N!le مبدع بلا حدودM!ss N!le مبدع بلا حدودM!ss N!le مبدع بلا حدودM!ss N!le مبدع بلا حدودM!ss N!le مبدع بلا حدودM!ss N!le مبدع بلا حدودM!ss N!le مبدع بلا حدودM!ss N!le مبدع بلا حدودM!ss N!le مبدع بلا حدودM!ss N!le مبدع بلا حدودM!ss N!le مبدع بلا حدود
بيانات موقعي
اسم الموقع: ركن التصاميم
اصدار المنتدى: لا أملك منتدى
افتراضي رد : طريقة عمل حواف الجداول المنقطه
جزاك الله كل خير

على هذا الشرح

ننتظر جديدك

اختك فى الله

مس نيل
M!ss N!le
توقيع M!ss N!le
سبحان الله وبحمده ، سبحان الله العظيم
 
  رقم المشاركة : [ 11 ]
قديمة 31 - 08 - 2005, 03:46 ADEL غير متواجد حاليآ بالمنتدى
عضو مؤسس
 
صورة 'ADEL' الرمزية
 


ADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدود
بيانات موقعي
اسم الموقع: ترايدنت
اصدار المنتدى: Twitter
افتراضي رد : طريقة عمل حواف الجداول المنقطه
الدوسري

هلابك يالغلا وان شاء الله اكون اضفت لمعلومات شيء جديد .

--------------------
ASisQo

منور يالغلا وبالتوفيق ان شاء الله .

----------------------
al5aleej

ويعافيك يارب وان شاء وشكراً على متابعتك .

----------------------
ksa2002

العفو طال عمرك وبالتوفيق ان شاء الله .

------------------------
moonp

الله يعافيك وبالتوفيق ان شاء الله .

-------------------------
تركي الودعاني

منور يا ابو غدير ومن قال سالم ان شاء الله .

--------------------------
x_5

ربي يعافيك طال عمرك

--------------------------
Ms.N!le

الله يعافيك يارب وان شاء الله القادم اجمل .


اخـوكم الرائع
ADEL
توقيع ADEL
- l [] Foot Loose And Fancy Free [] l -
 
  رقم المشاركة : [ 12 ]
قديمة 02 - 09 - 2005, 23:19 أبو ريالين غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'أبو ريالين' الرمزية
 


أبو ريالين على طريق الابداعأبو ريالين على طريق الابداعأبو ريالين على طريق الابداع
بيانات موقعي
اسم الموقع: سكة التايهين
اصدار المنتدى: 3.7.2
افتراضي رد : طريقة عمل حواف الجداول المنقطه
مشكووور يالغالي ولا هنت
أبو ريالين
 
  رقم المشاركة : [ 13 ]
قديمة 04 - 09 - 2005, 05:37 ADEL غير متواجد حاليآ بالمنتدى
عضو مؤسس
 
صورة 'ADEL' الرمزية
 


ADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدود
بيانات موقعي
اسم الموقع: ترايدنت
اصدار المنتدى: Twitter
افتراضي رد : طريقة عمل حواف الجداول المنقطه
CaM MaC

العفو بارك الله فيك واتمنى ان اكون وفقت في الدرس
ADEL
توقيع ADEL
- l [] Foot Loose And Fancy Free [] l -
 
  رقم المشاركة : [ 14 ]
قديمة 11 - 09 - 2005, 19:48 المتفائلة غير متواجد حاليآ بالمنتدى
:: عضو شرف ::
 
صورة 'المتفائلة' الرمزية
 


المتفائلة تميز بلا حدودالمتفائلة تميز بلا حدودالمتفائلة تميز بلا حدودالمتفائلة تميز بلا حدودالمتفائلة تميز بلا حدودالمتفائلة تميز بلا حدودالمتفائلة تميز بلا حدودالمتفائلة تميز بلا حدودالمتفائلة تميز بلا حدودالمتفائلة تميز بلا حدودالمتفائلة تميز بلا حدود
افتراضي رد : طريقة عمل حواف الجداول المنقطه
معلومة جديدة
ربي يعطيك الف عافية اخوي الرائع
المتفائلة
 
  رقم المشاركة : [ 15 ]
قديمة 12 - 09 - 2005, 12:43 style غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 


style يستحق التميزstyle يستحق التميز
افتراضي رد : طريقة عمل حواف الجداول المنقطه
يعطيك العافيه
style
توقيع style
style
 
 

العلامات المرجعية

أدوات الموضوع
طرق العرض

ضوابط المشاركة
لا يمكنك اضافة مواضيع جديدة
لا يمكنك اضافة مشاركات
لا يمكنك اضافة مرفقات
لا يمكنك تعديل مشاركاتك

رمز [IMG] : متاحة
رمز HTML : معطّلة
المراجع : معطّلة
Refbacks are متاحة




الساعة معتمدة بتوقيت جرينتش +3 . الساعة الآن : 20:45.
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
التعليقات المنشورة لا تعبر عن رأي معهد ترايدنت ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)


Powered by vBulletin® Version 3.8.7
.Copyright ©2000 - 2012, Jelsoft Enterprises Ltd

SEO by vBSEO 3.6.0 ©2011, Crawlability, Inc.