Google





 
الرئيسيةالبوابةاليوميةس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول
أفضل ألعاب الفلاش أضفها إلى موقعك مجاناًالثلاثاء يوليو 05, 2016 12:50 am من طرف  سيمونيتصميم إستايل كامل لمنتدى تقنية الحاسوبالجمعة فبراير 26, 2016 6:06 am من طرف  brave-heart90كود Template تسجيل الدخول - احلى منتدىالسبت يناير 16, 2016 2:54 am من طرف  MoHaMeD-طريقة إنشاء ظل بطريقة احترافية باستخدام برنامج الفوتوشوب ( مع شرح دقيق مرفق بالصور )الثلاثاء يناير 12, 2016 2:44 am من طرف  Mc nabulsyستايل منتدى الابداع العربيالثلاثاء ديسمبر 22, 2015 3:15 pm من طرف  علم حسناهم مميزات السيرفرات السحابيةالثلاثاء ديسمبر 22, 2015 2:26 pm من طرف  علم حسنتم تصميم بوابة عاصفة التطويرالثلاثاء ديسمبر 22, 2015 2:25 pm من طرف  علم حسنطلب تكويد الاستايل يا جماعاالإثنين ديسمبر 14, 2015 4:04 am من طرف  elsndbad2010طلب تكويد استايلالأحد ديسمبر 13, 2015 9:11 pm من طرف  الرسامطلب تصميم استايل تومبيلاتالجمعة ديسمبر 04, 2015 11:34 pm من طرف  yakoub dz

Untitled 4

شاطر | 

رقم المشاركة : ( 1 )
avatar
مدير عام
 
عدد المساهمات : 947
تاريخ التسجيل : 06/11/2013
مُساهمةأكواد تأثيرات النصوص بإستخدام CSS أجمل من الفوتوشوب لموقعك

كُتب : [ الأربعاء أغسطس 26, 2015 3:39 am ]




نقدم لكم مجموعة من أكواد تعطي تأثيرات خاصة على النصوص في موقعك بإستخدام CSS مجموعة باهرة يمكنك من خلالها تصمصم  موقعك او تجميلها،
هذه التأثيرات متعددة يمكنك التعديل عليها كما يحلوا لك بالنسبة للألوان والحجم ولقد أضفت التفاصيل كاملة اسفل الموضوع
سوف تبدو لك انها صور أو أنها مصممة! لكنها مجرد نص عادي تمت إضافة له خصائص CSS الجميل والخفيف

سوف نقوم بإستعراض أكواد تأثيرات النصوص مع CSS ومعرفه html



CSS

الكود:
.alrassam {
color: #f2f2f2;
text-shadow: 0px -1px 0px #424242;
font-size: 100px;
font-family: 'Unna', serif;
}


HTML

الكود:
<span class='alrassam'>الرسام</span>




CSS
الكود:
.alrassam {
text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
font-size: 80px;
font-weight: bold;
font-family: 'Arial Black';
}

HTML

الكود:
<span class='alrassam'>الرسام</span>



CSS



الكود:
.alrassam {
color: #b82f14;
text-shadow: 6px 6px 0px rgba(83,155,194,0.5);
font-size: 80px;
font-family: 'Sancreek', cursive;
}


HTML


الكود:
<span class='alrassam'>الرسام</span>



CSS

الكود:
.alrassam {
color: #69D2E7;
text-shadow:
4px 4px 0px #E0E4CC,
9px 8px 0px #F38630;
font-size: 100px;
font-family: 'Lobster', cursive;
}


HTML

الكود:
<span class='alrassam'>الرسام</span>


CSS

الكود:
.alrassam {
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
0 5px 0 #aaa,
0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15);
color: #fff;
font-size: 90px;
font-family: Impact;
}


HTML

الكود:
<span class='alrassam'>الرسام</span>


CSS

الكود:
.alrassam {
color: #DF01A5;
text-shadow: 0px 0px 8px #FE2EF7;
font-size: 80px;
font-family: 'Orbitron', sans-serif;
}


HTML

الكود:
<span class='alrassam'>الرسام</span>


CSS

الكود:
.alrassam {
padding-left: 20px;
text-transform: uppercase;
color: #E8E3AE;
text-shadow:
-10px 10px 0px #A9CBA6,
-20px 20px 0px #7EBEA3,
-30px 30px 0px #53A08E;
font-size: 80px;
font-family: 'Luckiest Guy', cursive;
}



HTML



الكود:
<span class='alrassam'>الرسام</span>




CSS



الكود:
.alrassam {
color: #fff;
text-shadow:
-2px -2px 0 #000,
1px -2px 0 #000,
-2px 2px 0 #000,
2px 2px 0 #000;
font-size: 100px;
font-family: 'Boogaloo', cursive;
}


HTML


الكود:
<span class='alrassam'>الرسام</span>


CSS


الكود:
.alrassam {
text-shadow:
9px 2px 0 rgba(0, 255, 255, 0.5),
-6px -1px 1px rgba(255, 0, 0, 0.4);
color: #2A0A12;
font-size: 80px;
font-family: 'Special Elite', cursive;
}


HTML


الكود:
<span class='alrassam'>الرسام</span>


CSS


الكود:
.alrassam {
color: #DF0101;
margin: 10px;
padding: 40px 0 10px;
text-align: center;
text-shadow:
0 0 4px #fff,
0 -5px 4px #ff3,
2px -10px 6px #fd3,
-2px -15px 11px #f80,
2px -25px 18px #f20;
font-size: 90px;
font-family: 'New Rocker', cursive;
}


HTML


الكود:
<span class='alrassam'>الرسام</span>


CSS


الكود:
.alrassam {
color: transparent;
text-shadow: #81DAF5 0 0 12px;
text-transform: uppercase;
font-size: 60px;
font-family: 'Chango', cursive;
}


HTML


الكود:
<span class='alrassam'>الرسام</span>

نص ثلاثي الابعاد


CSS


الكود:
.alrassam {
color: #fcc90f;
text-shadow:
-2px -2px 0 #29296e,
1px -2px 0 #29296e,
-2px 2px 0 #29296e,
2px 2px 0 #29296e,
1px 1px #e60602,
2px 2px #e60602,
3px 3px #29296e,
4px 4px #29296e,
5px 5px #29296e,
6px 6px #29296e,
7px 7px #29296e,
8px 8px #29296e,
9px 9px #29296e,
10px 10px #29296e,
11px 11px #29296e,
12px 12px #29296e,
13px 13px #29296e,
14px 14px #29296e,
15px 15px #29296e,
16px 16px #29296e,
17px 17px #29296e,
18px 18px #29296e,
19px 19px #29296e,
20px 20px #29296e;
font-size: 90px;
font-family: 'Henny Penny', cursive;
}


HTML


الكود:
<span class='alrassam'>الرسام</span>



يمكنكم من خلال هذه النصوص تجميل موقعكم أو مدونتكم من خلالها بإستخدام التأثيرات الخاصة على كل نص





اتمنى ان يعجبكم الموضوع 
انتظرونا بمفاجئات قربة

توقيع : الرسام


_________________



رقم المشاركة : ( 2 )
avatar
 
عدد المساهمات : 13
تاريخ التسجيل : 30/06/2015
مُساهمةرد: أكواد تأثيرات النصوص بإستخدام CSS أجمل من الفوتوشوب لموقعك

كُتب : [ الأربعاء أغسطس 26, 2015 5:22 am ]




شكرا لك

توقيع : Gta_amine

رقم المشاركة : ( 3 )
avatar
 
عدد المساهمات : 8
تاريخ التسجيل : 05/09/2015
مُساهمةرد: أكواد تأثيرات النصوص بإستخدام CSS أجمل من الفوتوشوب لموقعك

كُتب : [ الأحد سبتمبر 06, 2015 4:25 am ]




جميل اخي

توقيع : walid dz



الانتقال السريع

كلمة الادارة
منتدى التكويد العربي
او ل منتدى يختص بالتصميم والتكويد
أسس منتدى التكويد العربي يوم 15الأربعاء 6 نوفمبر 2013 - 14:49 )على أساس فكرة بسيطة
وهي تقديم محتوى يروق الباحث العربي خلال تصفحه للنت وذلك في مجال آخر تطورات
البرمجة وتصميم المواقع بافضل الطرق الحديثة وكذا كل الأخبار المتعلقة بالتقنية بصفة عامة
كما أننا حاولنا مزج التقنية بعالم التصميم. نقدم مواضيع خاصة بنا غير منقولة
من أي موقع او مدونة أو منتدى عربي آخر بل نلخص ما تعرضه المواقع الرسمية
لمنتوج أو اكواد او تصميم معين وونبرمجه للغة خاصة. إهتماماتنا في هذا المنتدى هو
على الشكل التالي:
1- طرح آخر أخبار البرمجة والتصميم.
2- توفير معلومات حول آخر الاكواد والتصميم المطروحة في جميع المجالات منها المجانية أو المدفوعة.
3- تلبية الباحث العربي في جميع مطالبه عبر طرح مواضيع تهتم به وبمواقعه.
4- آخر الاعمال والاكواد والتصاميم الموجدة بطرق احترافية.
5- كل ما يتعلق بالمواقع والمنتديات.
6- تقديم نصائح وأدوات لمصممي مواقع الأنترنت.
7- توفير أدوات التصميم لكل المصممين.
كما نعرض مواضيع متنوعة من فيديوهات تعليمية للمبتدئين وألبوم صور لآخر المنتوجات التي توصلت إليها التكنولوجيا الحديثة.

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


w w w . t a c w e d . com

تصميم وتكويد الرسام

شاطر | اذا تحب تساعدنا ما ياخذ من وقتك ثواني، إذا دخلت أي موضوع في المحبين فقط إضغط زر المشاركة من اليسار و شارك الموضوع بمواقع التواصل الإجتماعي