الرئيسيةالرئيسية  مكتبة الصورمكتبة الصور  بحـثبحـث  التسجيلالتسجيل  دخولدخول  



    منتديات عرباوى | افلام عربيه | افلام اجنبيه | اغانى | كليبات | برامج | العاب | صور| موبايل .... :: تطوير المواقع والمنتديات :: الاقسام التطويريه لأحلى منتدى :: اكواد Css الإنسيابية

شاطر | 
 

 - اكواد رائعة للنسخة مقدمه هديه من منتديات عرباوى phpbb2

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعمحتوى الموضوع

alwa

avatar

عضو جديد



مساهماتى : 41

عمري : 23

التقييم : -1

مجموع النقاط : 13786

نوعـي : ذكر

موطنى : عمان

هواياتى : الرياضه







مُساهمةموضوع: - اكواد رائعة للنسخة مقدمه هديه من منتديات عرباوى phpbb2   الجمعة أبريل 02, 2010 10:56 pm

أكواد CSS اكواد
رائعه مقدمه من قبل منتديات عرباوى - هدية للجميع بمناسبة اقتراب العيد !!


تم إضافة أكواد جديدة بتاريخ 25-11-2009

بدايتها من الكود السابع

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

طريقة التركيب

خاصة فقط بالنسخة phpbb2 وربما تعمل على النسخ الاخرى

من لوحة الادارة - مظهر المنتدى - الوان - ورقة css

ثم ضع الكود ثم سجل

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الكود الاول

المهمة : وضع خلفية لاسم العضو


مقالة:
الكود:
<table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr align="center"><td class="quote">.name a{
text-decoration: none;
[b][color=darkgreen]border:1px dashed #000000[/color][/b];
background:
 url([b][color=blue][url=http://i44.tinypic.com/301hraq.gif]http://i44.tinypic.com/301hraq.gif[/url][/color][/b]);
}</td></tr></table>[center]



لتغيير
الخلفية يمكنك استبدال

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

ولتحكم
في الحدود (للخبراء) يمكنكم
التعديل على

border:1px dashed
#000000


حيث border:1px
هو السمك

حيث dashed
هو النوع

حيث #000000 هو
اللون

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الكود الثاني

المهمة : حذف الخط من تحت الروابط


مقالة:
الكود:
<table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr align="center"><td class="quote">a:link
{
text-decoration: none;
}

a:visited
{
text-decoration:
 none;
}

a:active
{
text-decoration: none;
}</td></tr></table>



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الكود الثالث

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



مقالة:
الكود:
<table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr align="center"><td class="quote">a:hover
{
[b][color=blue]background:
 #ffe9c6[/color][/b];
}</td></tr></table>[center]
[/center]



لتغيير
اللون (للخبراء) عدل على

background:
#ffe9c6


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الكود الرابع

المهمة : وضع حقوق لمنتداك أسفل حقوق أحلى منتدى


مقالة:
الكود:
<table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr align="center"><td class="quote">#page-footer
{
[b][color=darkgreen]width:
 950px; height: 80px[/color][/b];
background: url([color=blue][b][url=http://www.up.6y6y.com/uploads/dd1674342e.png]http://www.up.6y6y.com/uploads/dd1674342e.png[/url][/b][/color]);
}</td></tr></table>[center]
[/center]



لتغيير
الصورة استبدل الرابط

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

للتحكم
بالطول و العرض للمساحة التي ستظهر فيها الصورة (للخبراء)

width: 950px; height: 80px

حيث
width هو العرض

و
height هو الارتفاع

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الكود الخامس

المهمة : يجعل شكل الأكواد مميز في المواضيع مثل هنا


مقالة:
الكود:
<table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr align="center"><td class="quote">.code {
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright:
 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright:
 8px;
[b][color=blue]background-color: #feffc4[/color][/b]
 ;
background-image: url('[b][color=darkgreen][url=http://i29.tinypic.com/ke89ll.jpg]http://i29.tinypic.com/ke89ll.jpg[/url][/color][/b]');
background-repeat:
 repeat;
[b][color=teal]border : 1px dotted #ef9e10[/color][/b];
[b][color=purple]color : #000000[/color][/b];
display: block;
[color=navy][b]max-width: 800px[/b][/color];
overflow:
auto;
padding: 7px;
}</td></tr></table>[center]
[/center]



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
هو
رابط الصورة الخلفية

للخبراء يمكنهم
التعديل على الكود حيث


background-color:
#feffc4

هو لون الخلفية

border : 1px dotted #ef9e10
لون و نوع
وسمك الحدود

color : #000000
هو
لون الخط

max-width: 800px
هو
أقصى عرض

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الكود السادس

المهمة : يجعل شكل الاقتباسات مميز مثل هنا


مقالة:
الكود:
<table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr align="center"><td class="quote">.quote{
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright:
 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright:
 8px;
[b][color=blue]background-color: #feffc4[/color][/b]
 ;
background-image: url('[b][color=darkgreen][url=http://i29.tinypic.com/ke89ll.jpg]http://i29.tinypic.com/ke89ll.jpg[/url][/color][/b]');
background-repeat:
 repeat;
[b][color=teal]border : 1px dotted #ef9e10[/color][/b];
[b][color=purple]color : #000000[/color][/b];
display: block;
[b][color=navy]max-width: 800px[/color][/b];
overflow: auto;
padding:
 7px;
}</td></tr></table>[center]
[/center]



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
هو
رابط الصورة الخلفية

للخبراء يمكنهم
التعديل على الكود حيث


background-color:
#feffc4

هو لون الخلفية

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
هو
رابط الصورة الخلفية

border : 1px
dotted #ef9e10

لون و نوع وسمك الحدود

color : #000000
هو لون الخط

max-width: 800px
هو أقصى عرض

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الكود السابع

المهمة : وضع خلفية للأزرار عند مرور الماوس


مقالة:
الكود:
input.liteoption:hover {
background-color : #fff;
background-image:
 url('[color=blue][b][url=http://i44.tinypic.com/301hraq.gif]http://i44.tinypic.com/301hraq.gif[/url][/b][/color]');
background-position:
 top;
font-weight : bold;
[b][color=darkgreen]color:
#8d1717[/color][/b];
}

input.mainoption:hover {
background-color
 : #000;
background-image: url('[b][color=blue][url=http://i44.tinypic.com/301hraq.gif]http://i44.tinypic.com/301hraq.gif[/url][/color][/b]');
background-position:
 top;
font-weight : bold;
[b][color=darkgreen]color:
#8d1717[/color][/b];
}

button.button2:hover,
input.button2:hover {
border-width: 2px;
border-style: outset;
border-color:
 #000000;
background-image: url('[color=blue][b][url=http://i44.tinypic.com/301hraq.gif]http://i44.tinypic.com/301hraq.gif[/url][/b][/color]');
background-position:
 top;
[color=darkgreen][b]color: #8d1717[/b][/color];
background-position:
 0 100%;
}


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
هو
رابط الصورة الخلفية

للخبراء يمكنهم
التعديل على الكود حيث


color:
#8d1717

هو لون الخط

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


المجموعة
الجديدة من الأكواد بتاريخ 25-11-2009


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الكود الثامن

المهمة : جعل الفوتر في الوسط


مقالة:

الكود:
<table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td class="quote" align="left">[center]div.page-footer
{
position: center;
}
[/center]
</td></tr></table>[center]
[/center]



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الكود التاسع

المهمة : جعل الحدود بشكل احترافي وبخلفية مثل هنا
كذلك الملاحة والحقوق


مقالة:


الكود:
[center]div.gen
{
width: 940px;
border : 1px
dotted #000000;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright:
 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright:
 8px;
background-image:
url('http://i87.servimg.com/u/f87/11/37/34/39/mwa03-15.gif');
background-repeat:
 repeat;
}

td.bodyline{
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright:
 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright:
 8px;
border-width: 1px;
border-color: #000000;
}

td.nav{
-moz-border-radius-bottomleft:
 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft:
 8px;
-moz-border-radius-topright: 8px;
background-image:
url('http://i87.servimg.com/u/f87/11/37/34/39/mwa03-15.gif');
background-repeat:
 repeat;
border : 1px dotted #2db9e3;
}

div.gensmall{
-moz-border-radius-bottomleft:
 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft:
 8px;
-moz-border-radius-topright: 8px;
background-image:
url('http://i87.servimg.com/u/f87/11/37/34/39/mwa03-15.gif');
background-repeat:
 repeat;
border : 1px dotted #2db9e3;
}

td.gensmall{
-moz-border-radius-bottomleft:
 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft:
 8px;
-moz-border-radius-topright: 8px;
background-image:
url('http://i87.servimg.com/u/f87/11/37/34/39/mwa03-15.gif');
background-repeat:
 repeat;
border : 1px dotted #2db9e3;
font-weight: bold
}
[/center]


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الكود العاشر

المهمة : جعل خط حقوق أحلى منتدى بخط tahoma


مقالة:


الكود:
[center]a.copyright{
border:0;
background:none;
font-family:
 Tahoma;
font-size: 15px;
}
[/center]


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الكود الحادي
عشر


المهمة : لتغيير
لون عنوان الموضوع و من على الخط



مقالة:


الكود:
[center]h1.cattitle{
color:#950000;
}
a.cattitle{
color:#950000;
}
[/center]


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الكود الثاني
عشر


المهمة :
الأزرار بشكل احترافي وبخلفية مثل هنا



مقالة:
الكود:
input,textarea, #text_editor_iframe {
background:
url(http://i87.servimg.com/u/f87/11/37/34/39/mwa03-15.gif);
border-color
 : #2db9e3 !important;
font-size: 20px;
border-width:1px
!important;
border-style:solid !important;
-moz-border-radius: 9px
 !important;
}
input:hover , textarea:hover ,
#text_editor_iframe:hover {
border-color : #950000 !important;
color:#950000;
}
[/center]





 
الموضوع الاصلى : - اكواد رائعة للنسخة مقدمه هديه من منتديات عرباوى phpbb2      المصدر : منتديات عرباوى     الكاتب : alwa
الرجوع الى أعلى الصفحة اذهب الى الأسفل

khalidinho

avatar

عضو جديد



مساهماتى : 7

عمري : 23

التقييم : 0

مجموع النقاط : 13577

نوعـي : ذكر

موطنى : عمان

هواياتى : الرياضه







مُساهمةموضوع: رد: - اكواد رائعة للنسخة مقدمه هديه من منتديات عرباوى phpbb2   الجمعة أبريل 16, 2010 11:01 pm

اعذرني اخي لكن هذا الموضوع خاص بمنتديات محمودكو وانت سرقت حقوق صانع الاكواد ونسبتها الى منتديات عرباوي
اعذروني على هذا الكلام لانه منتدى عرباوي لايقبل إلا التميز وحفظ حقوق الاخرين





 
الموضوع الاصلى : - اكواد رائعة للنسخة مقدمه هديه من منتديات عرباوى phpbb2      المصدر : منتديات عرباوى     الكاتب : khalidinho
الرجوع الى أعلى الصفحة اذهب الى الأسفل

The MasTer

avatar

الاداره العامه



مساهماتى : 5714

عمري : 27

التقييم : 88

مجموع النقاط : 30399

نوعـي : ذكر

موطنى : مصر

هواياتى : الرياضه

مزاجى : عادى





http://arabawy.bestgoo.com

مُساهمةموضوع: رد: - اكواد رائعة للنسخة مقدمه هديه من منتديات عرباوى phpbb2   الجمعة أبريل 16, 2010 11:38 pm

khalidinho كتب:
اعذرني اخي لكن هذا الموضوع خاص بمنتديات محمودكو وانت سرقت حقوق صانع الاكواد ونسبتها الى منتديات عرباوي
اعذروني على هذا الكلام لانه منتدى عرباوي لايقبل إلا التميز وحفظ حقوق الاخرين

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





 
الموضوع الاصلى : - اكواد رائعة للنسخة مقدمه هديه من منتديات عرباوى phpbb2      المصدر : منتديات عرباوى     الكاتب : The MasTer


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل

Mr Code



مشرف اقسام تطوير المواقع



مساهماتى : 189

عمري : 27

التقييم : 5

مجموع النقاط : 13844

نوعـي : ذكر

موطنى : عمان

هواياتى : الرياضه







مُساهمةموضوع: رد: - اكواد رائعة للنسخة مقدمه هديه من منتديات عرباوى phpbb2   الخميس مايو 06, 2010 12:44 pm

شكرا يا مان على الموضوع
ونتمنى المزيد





 
الموضوع الاصلى : - اكواد رائعة للنسخة مقدمه هديه من منتديات عرباوى phpbb2      المصدر : منتديات عرباوى     الكاتب : Mr Code
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

- اكواد رائعة للنسخة مقدمه هديه من منتديات عرباوى phpbb2

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

تذكر قول الله تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )


صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات عرباوى | افلام عربيه | افلام اجنبيه | اغانى | كليبات | برامج | العاب | صور| موبايل .... :: تطوير المواقع والمنتديات :: الاقسام التطويريه لأحلى منتدى :: اكواد Css الإنسيابية-
القسم الإسلامى - مواضيع اسلامية - الركن الاسلامى | مالتى ميديا اسلاميه - تلاوات قرأنية - تسجيلات اسلامية | التاريخ الاسلامى - الدولة الاسلامية - تاريخ الاسلاميين | القسم الاسلامى العام - مواضيع اسلاميه عامة | القسم العام - المواضيع العامة - ركن المواضيع العامة | قسم الترحيب والمناسبات - اهلا بكم - مناسبات عامة | اضحك كركر - مواقف وطرائف - نكت وفوازير - العاب كتابية | أقسام المرأة - ركن المرأة - لكى سيدتى - المرأة والمجتمع | مطبخ حروف - كتب الطبخ - اشهى المأكولات - تعليم الطبخ | الامومه والطفوله - لكى ولطفلك - التربيه الصحيحه للابناء | الازياء والموضه - ازياء 2013 - موضة 2013 - احدث موضة | الرشاقه والجمال - ادوات التجميل - الحفاظ على البشرة | قسم الصور - مكتبة الصور - تقارير مصورة - احداث بالصور | غرائب وطرائف - صور غريبه - صور نادرة - مواقف مصورة | حروف Tv - يوتيوب حروف - فيديوهات حروف - ميديا حروف | قسم خلفيات الكمبيوتر - خلفيات شاشة - خلفيات متنوعة | برامج وشروحات الكمبيوتر | قسم البرامج المميزة - برامج كاملة - برامج مشروحة | قسم البرامج العام - برامج كمبيوتر - برامج مجانية | قسم اسئله واستفسارات ومشاكل البرامج - حروف سوفت | قسم العاب الكمبيوتر - الالعاب الكامة - تحميل العاب | قسم الالعاب | اخبار الكورة -ستاد حروف - ملعب جروف - كرة القدم | مالتى ميديا رياضية - سبورت ميديا - فيديوهات رياضية | قسم المواضيع العامة - قسم الاخبار العامة - حروف نيوز | تقارير واخبار الالعاب الحديثه - تقارير كامله مصورة | قسم الالعاب الاونلاين - كونكر- العاب الفيس بوك | أقسام الانمى - عالم الانمى | حلقات انمى - مسلسلات انمى كاملة - تحميل انمى | صور انمى - صور كارتون - صور شخصيات كرتونية | عالم التصميم - حروف ديزاين | دروس التصميم - دروس الفوتوشوب - شروحات الفوتوشوب | ادوات وملحقات المصمم - حقيبه المصممين - كنز المصمم | معرض التصاميم - حروف جاليرى - اعرض اعمالك لنا | القسم الإدارى - حروف سنتر | اعلانات اداريه - قرارات وتعيينات - فاعليات ومناسبات | قسم مساعدة وشروحات الاعضاء - طرق استخدام المنتدى | سلة المهملات - مواضيع غير منسقة - مواضيع منقولة | عالم الرياضة - حروف سبورت | عالم السيارات - سباقات السيارات - فورميلا ون | عالم الرياضات الاخرى [كرة سلة - تنس - كرة يد ...] | قسم كونكر - لعبه كونكر اونلاين - شروحات لعبة كونكر | الخيمة الرمضانية - رمضان 2012 - رمضان 1433 | عالم الديكور - ديكورات شقق - مفروشات - موبليات