التحكم بأضافه تأثيرات على الصندوق الماسي الجديد css

تذكير بمساهمة فاتح الموضوع :

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

اخواني كما سبق وتم الاعلان على الصندوق الماسي الجديد أقدم لكم

اكواد لتحرير صندوق الماسي وتعديل علية من خلال خاصية CSS

ملاحظة : الاكواد تعمل على كافة النسخ !

يتحكم في الاطار الخارجي للصندوق الماسي

تكبير الصورة معاينة الأبعاد الأصلية.

الكود :

الكود:

---------تضليل المحتوى

الكود:: [center][color=black][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace]div.sceditor-toolbar[/font][/color][/center]
[center][color=black][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace] {[/font][/color][/center]
[center][color=black][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace]كود هنا[/font][/color][/center]
[center][color=black][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace] }[/font][/color][/center]
[center][color=#000000][font=Monaco, DejaVu Sans Mono, Bitstream Vera Sans Mono, Lucida Console, monospace]
[/font][/color][/center]

يتحكم في اطار صندوق الكتابة

تكبير الصورة معاينة الأبعاد الأصلية.

الكود

الكود:

---------تضليل المحتوى

الكود:: [center][color=black][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace].sceditor-container iframe, .sceditor-container textarea[/font][/color][/center]
[center][color=black][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace]        {[/font][/color][/center]
[center][color=black][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace]   كود هنا    [/font][/color][/center]
[center][color=black][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace]        }[/font][/color][/center]
[center][color=#000000][font=Monaco, DejaVu Sans Mono, Bitstream Vera Sans Mono, Lucida Console, monospace]
[/font][/color][/center]

كود التحكم في اطار الأزرار

التحكم بأضافه تأثيرات على الصندوق الماسي الجديد css - صفحة 2 24-06-12

تكبير الصورة معاينة الأبعاد الأصلية.

الكود :

الكود:

---------تضليل المحتوى

الكود:: [center][color=black][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace]div.sceditor-group[/font][/color][/center]
[center][color=black][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace]        {[/font][/color][/center]
[center][color=black][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace]    كود هنا[/font][/color][/center]
[center][color=black][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace]   }[/font][/color][/center]
[center][color=#000000][font=Monaco, DejaVu Sans Mono, Bitstream Vera Sans Mono, Lucida Console, monospace]
[/font][/color][/center]

للتحكم في خلفية ازرار

تكبير الصورة معاينة الأبعاد الأصلية.

التحكم بأضافه تأثيرات على الصندوق الماسي الجديد css - صفحة 2 24-06-13

الكود :

الكود:

---------تضليل المحتوى

الكود:: [center][color=black][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace]a.sceditor-button[/font][/color][/center]
[center][color=black][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace]        {[/font][/color][/center]
[center][color=black][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace]         الكود هنا[/font][/color][/center]
[center][color=black][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace]        }[/font][/color][/center]
[center][color=#000000][font=Monaco, DejaVu Sans Mono, Bitstream Vera Sans Mono, Lucida Console, monospace]
[/font][/color][/center]

مثلالو اضفنا خلفية ازرار اللون الاحمر

background: red;

ملاحظة : كل ما عليك هو تغير ما بداخل الكود المكتوب الكود هنا بالتأثيرات التي تريدها

مثلا التأثير الاتي

اقتباس :: border: 2px dotted #CFCFCF;

وهو وضع اطار منقط

استبدل كلمه "الكود هنا" بهذه border: 2px dotted #CFCFCF;

حتى يصبح شكل الكود كالاتي

الكود:

---------تضليل المحتوى

الكود:: [center]div.sceditor-toolbar[/center]
[center]        {[/center]
[center]     border: 2px dotted #CFCFCF;[/center]
[center]        }[/center]

وهكذا التطبيق

تكبير الصورة معاينة الأبعاد الأصلية.

التحكم بأضافه تأثيرات على الصندوق الماسي الجديد css - صفحة 2 11116

بأمكانك وضع التأثيرات بمختلف انواعها

طريقة وضع الاكواد

- لوحة الإدارة

- مظهر المنتدى

- الصور و الألوان

- الألوان

- ورقة تصميم CSS

هذه الامثلة مرتبط بصندوق الماسي الجديد .

انتظروني قريبا باذن الله سوف اقوم بعمل تأثيرات مناسقه للصندوق

saef iraqe

آشْكُركْ طَرحْ قِـيـيَمُ رَبِي يِعْطِيكْ ـاَلفْ عَافْيَةْ
سَلمتِ وَ سلمتْ يمْنَاكْ
اَشْكُرك لْرَوعَة طَرحُكْ العُطْر
يسلمويسلمو

التحكم بأضافه تأثيرات على الصندوق الماسي الجديد css - صفحة 2 1927125_1439331639636942_1093826000_n

هو من إخذ همومي .. ورمـــآهاآ بعَــيدآ واستبدلهــآا بسعآدةة ،
الــيس لــِي الحــقٌ
ب إدمـــإنــهــه !

Ðoøņ ĦämǾḓë Ẋý

تَحية تلطفهآ قلوب طيبة ونقٌية
آ‘لتميزٍ لآ يقفٌ عندْ أولْ خطوٍة إبدآعٌ
بلْ يتعدآه في إستمرآرٍ آلعَطآءْ

.لست مجبورة ان افهم الاخرين من أنا
فمن يملكـ مؤهلات العقلــ والاحساســ
ســ اكون امامه كــ الكتاب المفتوح...
وعليه أن يحس الاستيعابـــ
اذا طالــــ بي الغياب فاأذكروا كلماتيـــ ،واصفحوا لي زلاتي
نحن افاس لانحب الغرور..
لكن سمح لنا بالتباهي...
لاننا ملوكــــــــــ......