منتدى عام ومتنوع يقدم مجموعة متميزه من الالعاب والبرامج والمواضيع العامة
 
الرئيسيةالرئيسية  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  التسجيلالتسجيل  دخولدخول  

شاطر | 
 

 اكبر مكتبة اكواد أكواد CSS هدية للجميع

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
EnG.MeRo
Administrative

avatar

مزاجــي : فرحان
الجــنس : ذكر
المـشـاركات : 1821
نقــاط التميز : -2147329071
رصيدي : غير محدود !!
بطاقة الشخصية
عرب مرح:

مُساهمةموضوع: اكبر مكتبة اكواد أكواد CSS هدية للجميع   الإثنين نوفمبر 23, 2009 12:44 am

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

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

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

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



الكود الاول

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



مقالة:

.name a{
text-decoration: none;
border:1px dashed #000000;
background: url(http://i44.tinypic.com/301hraq.gif);
}



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

http://i44.tinypic.com/301hraq.gif

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

border:1px dashed #000000

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

حيث dashed هو النوع

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


الكود الثاني

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



مقالة:
a:link
{
text-decoration: none;
}

a:visited
{
text-decoration: none;
}

a:active
{
text-decoration: none;
}





الكود الثالث

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



مقالة:
a:hover
{
background: #ffe9c6;
}



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

background: #ffe9c6



الكود الرابع

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



مقالة:
#page-footer
{
width: 950px; height: 80px;
background: url(http://www.up.6y6y.com/uploads/dd1674342e.png);
}



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

http://www.up.6y6y.com/uploads/dd1674342e.png

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

width: 950px; height: 80px

حيث width هو العرض

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


الكود الخامس

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



مقالة:
.code {
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
background-color: #feffc4 ;
background-image: url('http://i29.tinypic.com/ke89ll.jpg');
background-repeat: repeat;
border : 1px dotted #ef9e10;
color : #000000;
display: block;
max-width: 800px;
overflow: auto;
padding: 7px;
}



http://i29.tinypic.com/ke89ll.jpg
هو رابط الصورة الخلفية

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

background-color: #feffc4
هو لون الخلفية

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

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

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


الكود السادس

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



مقالة:
.quote{
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
background-color: #feffc4 ;
background-image: url('http://i29.tinypic.com/ke89ll.jpg');
background-repeat: repeat;
border : 1px dotted #ef9e10;
color : #000000;
display: block;
max-width: 800px;
overflow: auto;
padding: 7px;
}



http://i29.tinypic.com/ke89ll.jpg
هو رابط الصورة الخلفية

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

background-color: #feffc4
هو لون الخلفية

http://i29.tinypic.com/ke89ll.jpg
هو رابط الصورة الخلفية

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

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

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



الكود السابع

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



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

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

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



http://i44.tinypic.com/301hraq.gif
هو رابط الصورة الخلفية

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

color: #8d1717
هو لون الخط



لا تنسونا من صالح الدعاء



omar tarek]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://arapmarah.f-orum.com
HiSsS
v.i.p

avatar

مزاجــي : فرحان
الجــنس : ذكر
المـشـاركات : 242
نقــاط التميز : 287
عــمري : 21
وَظْـيْفَـتْے : كرة القدم + السفر

بطاقة الشخصية
عرب مرح: http://ajmalmontada.yoo7.com

مُساهمةموضوع: رد: اكبر مكتبة اكواد أكواد CSS هدية للجميع   الخميس سبتمبر 02, 2010 3:44 pm

شكرا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://ajmalmontada.yoo7.com
mark.afroto
...::|مرحاوى كبير|::...
avatar

مزاجــي : فرحان
الجــنس : ذكر
المـشـاركات : 261
نقــاط التميز : 354
عــمري : 19
وَظْـيْفَـتْے : طالب

بطاقة الشخصية
عرب مرح:

مُساهمةموضوع: رد: اكبر مكتبة اكواد أكواد CSS هدية للجميع   الإثنين يناير 10, 2011 7:18 pm

الف شكر على الكود

بأنتظار قادمك والقادم احلى

وفى تقدم مستمر انشاء الله

بالتوفيق
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://cityfilmz.mam9.com
 
اكبر مكتبة اكواد أكواد CSS هدية للجميع
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
شــــبكة عرب مرح :: خدمات أصحاب المواقع و المنتديات :: طَوِرُ مُنُتَدَاأكُ-
انتقل الى: