[css] : عمل إنحنائيات نصف دائرية .. لزيادة جماليات الإستايل ..

12 - 08 - 2010, 21:18 swalifcam غير متواجد حاليآ بالمنتدى

swalifcam

:: عضو نشيط ::

بيانات موقعي

اسم الموقع: منتديات سواليف كام ®

اصدار المنتدى: 3.8.5

[css] : عمل إنحنائيات نصف دائرية .. لزيادة جماليات الإستايل ..

السلام عليكم ورحمة الله تعالى وبركاته ..~

أقدم لكم اليوم كود css لـعمل إنحنائيات نصف دائرية .. لزيادة جماليات الإستايل ..~

وذلك تطويراً لفكرة الأخ Css [عاصم الخوفي ] .. في موضوعه التالي ..~

المنحنيات الجداول ، Css3

================================================== ==

مثال للإضافة ..~ إضغط هنا ~ .. لاحظ شكل الأقسام / لون التوزيع الأول / لون التوزيع الثاني / نهاية الجدول

وهي إضافة أكتشفتها بمحض الصدفة .. بتغيرات على نفس الكود .. وتطويراً له ..~

ولله الحمد طلع بالشكل هذأ .. ونال من إعجابي .. قلت مأبخل على أخواني بترايدنت

الكود :

رمز PHP:


			
-moz-border-radius-topleft: 5px;
 -webkit-border-top-left-radius: 5px;
 -moz-border-radius-BOTTOMright: 5px;
 -webkit-border-BOTTOM-right-radius: 5px;

طريقة التركيب :: ركزوا الله لا يهينكم ..~

كـ مثال أنت تبي تركب الكود على الأقسام الرئيسية ..~

تروح للوحة التحكم --> التحكم بالإستايلات --> إختار الإستايل المراد التعديل عليه --> رئيسي Css --> تبحث عن -->الأقسام الرئيسية/Category Strips --> شوف باليسار راح تحصل شئ إسمه --> خواص CSS الإضافية --> ضيف الكود فيه وسوي حفظ بتشوف بأن تأثير الكود على الأقسام الرئيسية فقط ..~ وهكذأ ..

ملاحظة ::: الكود يدعم من قبل متصفح فاير فوكس .. ولن يظهر أي شئ في متصفح إنترنت إكسبلولر :::

وأخيراً مصدر الموضوع : http://forum.swalifcam.com/showthread.php?t=301

بالتوفيق ..~

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

توقيع swalifcam

شهادة اعتز بها من ترايدنت

رقم المشاركة : [ 2 ]

12 - 08 - 2010, 21:24 كـراك للتصميم غير متواجد حاليآ بالمنتدى

كـراك للتصميم

.:: عضو متألق ::.

بيانات موقعي

اسم الموقع: : : كراك لخدمات التصميم : :

اصدار المنتدى: 3.8.0

مبدع يا ميزو
بالتوفيق

كـراك للتصميم

أضفني كصديق

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

توقيع كـراك للتصميم

اسم الشركه : كـراك للتصميم .
صاحب الشركه : عبدالله بن سليمان .
موقع الشركه : www.krak4des.net
أداء الشركـــه : تصميم [ ستايلات / واجهات ] .
بريد الشركـــه : بريد + ماسنجر : adminkrak4des.net
حساباتنا : الراجحي - سامبا - الاهلي .
خانه اضافيه : نحن غير مسؤولون عن اي تعامل يتم بغير الايميلات المذكوره .
شركة سعودية .
الايميل ليس للاستفسارات .

رقم المشاركة : [ 3 ]

12 - 08 - 2010, 21:57 ح ـــكـم القدر غير متواجد حاليآ بالمنتدى

ح ـــكـم القدر

:: عضو نشيط ::

أرسل رسالة بواسطة MSN إلى ح ـــكـم القدر

بيانات موقعي

اسم الموقع: Formspr!ng.Me

اصدار المنتدى: منتج اخر

ابدعت غلاي

ح ـــكـم القدر

أضفني كصديق

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

توقيع ح ـــكـم القدر

Email:o8@xd.ae

BB:2366D3D2

كل ماتريد موجود في البلاك بيري

برامج واشياء اخرى ..

رقم المشاركة : [ 4 ]

13 - 08 - 2010, 00:31 فيروس خائف غير متواجد حاليآ بالمنتدى

فيروس خائف

:: عضو نشيط ::

بيانات موقعي

اسم الموقع: عربي || في || بي ||

اصدار المنتدى: 3.8.5

يعطيك العافيه

فيروس خائف

أضفني كصديق

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

توقيع فيروس خائف

عربي في بي

لانقبل الإضافات فقط إستفسارات وطلبات

لمراسلتي إضغط هنا

master

arabyvb.com

arabyvb

gmail.com

رقم المشاركة : [ 5 ]

13 - 08 - 2010, 02:46 swalifcam غير متواجد حاليآ بالمنتدى

swalifcam

:: عضو نشيط ::

بيانات موقعي

اسم الموقع: منتديات سواليف كام ®

اصدار المنتدى: 3.8.5

اقتباس

المشاركة الأصلية أضيفت بواسطة : كـراك للتصميم


	مبدع يا ميزو بالتوفيق

اقتباس

المشاركة الأصلية أضيفت بواسطة : عـلي العنـزي


	ابدعت غلاي

اقتباس

المشاركة الأصلية أضيفت بواسطة : النمر ديزاين


	يعطيك العافيه

أشكركم على هذأ المرور ..~

تحياتي للجميع ..~

بالتوفيق ..~

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

توقيع swalifcam

شهادة اعتز بها من ترايدنت

رقم المشاركة : [ 6 ]

13 - 08 - 2010, 03:01 صحراء غير متواجد حاليآ بالمنتدى

صحراء

:: عضو نشيط ::

بيانات موقعي

اسم الموقع: منتدى

اصدار المنتدى: VB 3.6.7 PL1

ابدعت ياميزو مبدع والله

صحراء

أضفني كصديق

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

توقيع صحراء

نرحب بكم في :

صحراء
منتدى صحراء
توبيكات
العاب فلاش
مركز تحميل
دليل مواقع

رقم المشاركة : [ 7 ]

13 - 08 - 2010, 05:03 قناص جوبا غير متواجد حاليآ بالمنتدى

قناص جوبا

:: عضو نشيط ::

بيانات موقعي

اسم الموقع: منتديات فى بى ايجى التطويرية

اصدار المنتدى: 3.8.4

ممتاز اخى الغالى فكره رائعه والشكل جميل ايضا
ولكن هناك بالشكل ده مش هيشغل على الاوبرا
لتشغيله اضف

رمز PHP:


			
border-top-left-radius:5px;
border-bottom-right-radius:5px;

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

توقيع قناص جوبا

لا اله الا الله محمد رسول الله

رقم المشاركة : [ 8 ]

13 - 08 - 2010, 17:34 swalifcam غير متواجد حاليآ بالمنتدى

swalifcam

:: عضو نشيط ::

بيانات موقعي

اسم الموقع: منتديات سواليف كام ®

اصدار المنتدى: 3.8.5

مشكورين عـ المرور جميعاً ..~

بالتوفيق ..~

swalifcam

أضفني كصديق

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

توقيع swalifcam

شهادة اعتز بها من ترايدنت

رقم المشاركة : [ 9 ]

13 - 08 - 2010, 18:08 DimoLayer.Com غير متواجد حاليآ بالمنتدى

DimoLayer.Com

:: عضو نشيط ::

بيانات موقعي

اسم الموقع: .:: ديمولايــر ::.

اصدار المنتدى: لا أملك منتدى

اخـــي العزيز

يـــاريت يا خــوي تشــرحلنـــا طريقة توزيع الفوتر بــ CSS
اذا كان يحتوي على 3 صــور
والصــورة الوســطى موضوع عليها شعار الموقع

DimoLayer.Com

أضفني كصديق

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

توقيع DimoLayer.Com

إســم الشـركـة : ديمولاير لتقنية المعلومات والانظمة الخبيرة
نــــوع الخـــادم : Dedicated Server
صـاحب الشــركة : إياد أحمد عيسى المصـري
خــدمـات الشـركة : استضافة المواقع - استضافة الموزعين - تصميم المواقع والمنتديات - حجز تراخيص منتديات – تأجيـر سيرفرات Dedicated , VPS
مقــر الشــركة : المملكة الاردنية الهاشمية - مـأدبا .
هــاتف الشركة : من داخل الاردن 0779786985 خارج الاردن 00962779786985
بريــد الشـركة : Sales

DimoLayer.Com
الدعــم الفنـي : http://www.dimolayer.com
روابـط الشركة : DimoLayer.Com -.Net -.org

رقم المشاركة : [ 10 ]

13 - 08 - 2010, 19:20 swalifcam غير متواجد حاليآ بالمنتدى

swalifcam

:: عضو نشيط ::

بيانات موقعي

اسم الموقع: منتديات سواليف كام ®

اصدار المنتدى: 3.8.5

اقتباس

المشاركة الأصلية أضيفت بواسطة : wase6


	اخـــي العزيز يـــاريت يا خــوي تشــرحلنـــا طريقة توزيع الفوتر بــ CSS اذا كان يحتوي على 3 صــور والصــورة الوســطى موضوع عليها شعار الموقع

أوك بما أنه يحتوي على ثلاث صور فراح أعطيك الكلاسات اللازمة + الشرح ..

رمز PHP:


			
<div id="f1">

<div class="f2"></div>

<div class="f4"></div>

<div class="f3"></div>

</div>

لاحظ بأن id تبع f1 هو تمدد الفوتر .. وراح تعطيه خصائص الـcss التالية : ..

رمز PHP:


			
#f1{

    background-image:url('هنا راح تحط صورة تمدد الفوتر + مع مراعاه تغير المسار');

    background-repeat:repeat-x;/*هذه الخاصية أي بمعنى تكرار صورة التمدد على محور x*/

    height:0px;/*هنا إرتفاع صوره التمدد وفقط راح تحط إرتفاع */



}

بعد كذأ نجي للصورة اليمين وإللي هي كلاس f2 ..

راح تعطيها هـ الخصايص

رمز PHP:


			
.f2{

    background-image:url('هنا راح تحط صورة اليمنى + مع مراعاه تغير المسار');

    background-repeat:no-repeat;/*هذه الخاصية أي بمعنى عدم تكرار صورة اليمنى على محور */

    height:0px;/*هنا إرتفاع صوره اليمنى  */

    width:0px;/*هنا عرض صوره اليمنى  */

    float:right;/*هنا محاذاه صوره اليمنى  */



}

والأن مع الصورة اليسرى .. وإللي كلاسها راح يكون هو f3 .. وراح تعطيه خيارات الـcss وإللي هي

رمز PHP:


			
.f3{

    background-image:url('هنا راح تحط صورة اليسرى + مع مراعاه تغير المسار');

    background-repeat:no-repeat;/*هذه الخاصية أي بمعنى عدم تكرار صورة اليسرى على محور */

    height:0px;/*هنا إرتفاع صوره اليسرى  */

    width:0px;/*هنا عرض صوره اليسرى  */

    float:left;/*هنا محاذاه صوره اليسرى  */



}

والأن مع الصورة الوسطة + كيفية توسيطتها .. وراح يكون كلاسها إللي هو f4 .. وراح نعطيها الخصائص التالي ..~

رمز PHP:


			
.f4{

    background-image:url('هنا راح تحط صورة الوسطى + مع مراعاه تغير المسار');

    background-repeat:no-repeat;/*هذه الخاصية أي بمعنى عدم تكرار صورة الوسطى على محور */

    height:0px;/*هنا إرتفاع صوره الوسطى  */

    width:0px;/*هنا عرض صوره الوسطى  */

    margin:0px auto 0px auto;/*هنا توسيط صوره الوسطى  */



}

=========================

وهنا خصائص الـcss كاملة ..~

رمز PHP:


			
#f1{

    background-image:url('هنا راح تحط صورة تمدد الفوتر + مع مراعاه تغير المسار');

    background-repeat:repeat-x;/*هذه الخاصية أي بمعنى تكرار صورة التمدد على محور x*/

    height:0px;/*هنا إرتفاع صوره التمدد وفقط راح تحط إرتفاع */



}

.f2{

    background-image:url('هنا راح تحط صورة اليمنى + مع مراعاه تغير المسار');

    background-repeat:no-repeat;/*هذه الخاصية أي بمعنى عدم تكرار صورة اليمنى على محور */

    height:0px;/*هنا إرتفاع صوره اليمنى  */

    width:0px;/*هنا عرض صوره اليمنى  */

    float:right;/*هنا محاذاه صوره اليمنى  */



}

.f3{

    background-image:url('هنا راح تحط صورة اليسرى + مع مراعاه تغير المسار');

    background-repeat:no-repeat;/*هذه الخاصية أي بمعنى عدم تكرار صورة اليسرى على محور */

    height:0px;/*هنا إرتفاع صوره اليسرى  */

    width:0px;/*هنا عرض صوره اليسرى  */

    float:left;/*هنا محاذاه صوره اليسرى  */



}

.f4{

    background-image:url('هنا راح تحط صورة الوسطى + مع مراعاه تغير المسار');

    background-repeat:no-repeat;/*هذه الخاصية أي بمعنى عدم تكرار صورة الوسطى على محور */

    height:0px;/*هنا إرتفاع صوره الوسطى  */

    width:0px;/*هنا عرض صوره الوسطى  */

    margin:0px auto 0px auto;/*هنا توسيط صوره الوسطى  */



}

وأي مشكلة أنا جاهز ,,~

بالتوفيق ..~

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

توقيع swalifcam

شهادة اعتز بها من ترايدنت

التعديل الأخير كان بواسطة swalifcam; 13 - 08 - 2010 الساعة 19:24

رقم المشاركة : [ 11 ]

14 - 08 - 2010, 13:28 D-Zoro_Dracolla غير متواجد حاليآ بالمنتدى

D-Zoro_Dracolla

:: عضو نشيط ::

أرسل رسالة بواسطة MSN إلى D-Zoro_Dracolla

أرسل رسالة بواسطة Yahoo إلى D-Zoro_Dracolla

بيانات موقعي

اسم الموقع: منتديات ايجى ستارز

اصدار المنتدى: 3.8.6

رائع اشكرك على مجهودك

D-Zoro_Dracolla

أضفني كصديق

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

توقيع D-Zoro_Dracolla

1-واجهة الزخرفة الرمادية المريحة للعين
2-الواجهة الفضية من أروع الواجهات اللي صممتها
3-واجهة الزخرفة السوداء الأحترافية
4-الواجهة العنابي الأحترافية - 100% أحترافي أدخل وحمل!!
5-واجهة CoOoL الشبابية - أحترافية - جاهزة للتركيب

رقم المشاركة : [ 12 ]

14 - 08 - 2010, 16:29 Ana.Leek غير متواجد حاليآ بالمنتدى

Ana.Leek

:: عضو نشيط ::

بيانات موقعي

اصدار المنتدى: صفحتي

ممكن صورة للمثال ؟

Ana.Leek

أضفني كصديق

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

رقم المشاركة : [ 13 ]

14 - 08 - 2010, 17:02 LiNk غير متواجد حاليآ بالمنتدى

LiNk

:: عضو نشيط ::

بيانات موقعي

اصدار المنتدى: صفحتي

مثال
www.remix4.com/vb

LiNk

أضفني كصديق

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

رقم المشاركة : [ 14 ]

14 - 08 - 2010, 21:28 تواصل و لقاء غير متواجد حاليآ بالمنتدى

تواصل و لقاء

:: تواصل ولقاء ::
إدارة المجلة

بيانات موقعي

اسم الموقع: تواصل و لقاء

اصدار المنتدى: منتج اخر

الله يسعدك

تواصل و لقاء

أضفني كصديق

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

توقيع تواصل و لقاء

لقاء مع صاحب موقع
مقالات منكم ولكم
نجوم معهد ترايدنت
اخبار تواصل ولقاء
تقارير تواصل ولقاء
مراسلة رئيس التحرير
مجلة تواصل ولقاء
- تويتر - الفيسبوك
برنامج أشكال
- اليوتيب - تويتر - الفيسبوك
إدارة مجلة تواصل و لقاء - مجموعة ترايدنت

رقم المشاركة : [ 15 ]

20 - 08 - 2010, 01:31 ساحر المساء غير متواجد حاليآ بالمنتدى

ساحر المساء

:: عضو نشيط ::

بيانات موقعي

اسم الموقع: احلى عيون

اصدار المنتدى: 3.8.3

شكررررآ اخوي

تم التطبيع بجميع خواص الستايل

www.3ieon.com

ساحر المساء

أضفني كصديق

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

توقيع ساحر المساء

يــــــاآربّ آرزقني رآحـــةً لآ عـــلاقة لمخلـــوق بهـــا
تنبـــع منْ آعماقـــي
رآحـــةً بقدر رحمتـــكَ و لطفـــكْ
آللــــــهمّ آنفثْ في صَدري الإنشـــرآح و آكتــب ليَ
السعـــادَة وَ الرضـــى و أنـــر بِهدآيتـــكَ دربـــي
---------------------------------------------

تابعني على الفيسي بـوك
أضغط هنــــا

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

[css] : عمل إنحنائيات نصف دائرية .. لزيادة جماليات الإستايل ..

السلام عليكم ورحمة الله تعالى وبركاته ..~ أقدم لكم اليوم كود css ل ـعمل إنحنائيات نصف دائرية .. لزيادة جماليات الإستايل ..~ وذلك تطويراً لفكرة