ليالى الشرق الاسلامية
ليالى الشرق الاسلامية
ليالى الشرق الاسلامية
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.
ليالى الشرق الاسلامية
::
البرامج الاسلامية
::
تطوير المواقع و المنتديات مهمة جداً
::
أكواد لأصحاب المنتديات
::
اكواد css
أكواد CSS - هدية للجميع بمناسبة اقتراب العيد !!
2 مشترك
كاتب الموضوع
رسالة
essam
مؤسس
المنتدى
الجنس
:
تكريم
:
عدد المساهمات
:
6047
تاريخ التسجيل
:
27/03/2009
::
قران كريم
:
موضوع: أكواد CSS - هدية للجميع بمناسبة اقتراب العيد !!
الأربعاء سبتمبر 16, 2009 9:01 pm
[ندعوك
للتسجيل في المنتدى
أو
التعريف بنفسك
لمعاينة هذه الصورة]
أكواد CSS - هدية للجميع بمناسبة اقتراب العيد !!
[ندعوك
للتسجيل في المنتدى
أو
التعريف بنفسك
لمعاينة هذه الصورة]
طريقة التركيب
خاصة فقط بالنسخة phpbb2 وربما تعمل على النسخ الاخرى
من لوحة الادارة - مظهر المنتدى - الوان - ورقة css
ثم ضع الكود ثم سجل
[ندعوك
للتسجيل في المنتدى
أو
التعريف بنفسك
لمعاينة هذه الصورة]
الكود الاول
المهمة : وضع خلفية لاسم العضو
مقالة:
.name a{
text-decoration: none;
border:1px dashed #000000
;
background: url(
[ندعوك
للتسجيل في المنتدى
أو
التعريف بنفسك
لمعاينة هذا الرابط]
);
}
لتغيير الخلفية يمكنك استبدال
[ندعوك
للتسجيل في المنتدى
أو
التعريف بنفسك
لمعاينة هذا الرابط]
ولتحكم في الحدود
(للخبراء)
يمكنكم التعديل على
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(
[ندعوك
للتسجيل في المنتدى
أو
التعريف بنفسك
لمعاينة هذا الرابط]
);
}
لتغيير الصورة استبدل الرابط
[ندعوك
للتسجيل في المنتدى
أو
التعريف بنفسك
لمعاينة هذا الرابط]
للتحكم بالطول و العرض للمساحة التي ستظهر فيها الصورة
(للخبراء)
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('
[ندعوك
للتسجيل في المنتدى
أو
التعريف بنفسك
لمعاينة هذا الرابط]
');
background-repeat: repeat;
border : 1px dotted #ef9e10
;
color : #000000
;
display: block;
max-width: 800px
;
overflow: auto;
padding: 7px;
}
[ندعوك
للتسجيل في المنتدى
أو
التعريف بنفسك
لمعاينة هذا الرابط]
هو رابط الصورة الخلفية
للخبراء يمكنهم التعديل على الكود حيث
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('
[ندعوك
للتسجيل في المنتدى
أو
التعريف بنفسك
لمعاينة هذا الرابط]
');
background-repeat: repeat;
border : 1px dotted #ef9e10
;
color : #000000
;
display: block;
max-width: 800px
;
overflow: auto;
padding: 7px;
}
[ندعوك
للتسجيل في المنتدى
أو
التعريف بنفسك
لمعاينة هذا الرابط]
هو رابط الصورة الخلفية
للخبراء يمكنهم التعديل على الكود حيث
background-color: #feffc4
هو لون الخلفية
[ندعوك
للتسجيل في المنتدى
أو
التعريف بنفسك
لمعاينة هذا الرابط]
هو رابط الصورة الخلفية
border : 1px dotted #ef9e10
لون و نوع وسمك الحدود
color : #000000
هو لون الخط
max-width: 800px
هو أقصى عرض
[ندعوك
للتسجيل في المنتدى
أو
التعريف بنفسك
لمعاينة هذه الصورة]
الكود السابع
المهمة : وضع خلفية للأزرار عند مرور الماوس
مقالة:
input.liteoption:hover {
background-color : #fff;
background-image: url('
[ندعوك
للتسجيل في المنتدى
أو
التعريف بنفسك
لمعاينة هذا الرابط]
');
background-position: top;
font-weight : bold;
color: #8d1717
;
}
input.mainoption:hover {
background-color : #000;
background-image: url('
[ندعوك
للتسجيل في المنتدى
أو
التعريف بنفسك
لمعاينة هذا الرابط]
');
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('
[ندعوك
للتسجيل في المنتدى
أو
التعريف بنفسك
لمعاينة هذا الرابط]
');
background-position: top;
color: #8d1717
;
background-position: 0 100%;
}
[ندعوك
للتسجيل في المنتدى
أو
التعريف بنفسك
لمعاينة هذا الرابط]
هو رابط الصورة الخلفية
للخبراء يمكنهم التعديل على الكود حيث
color: #8d1717
هو لون الخط
[ندعوك
للتسجيل في المنتدى
أو
التعريف بنفسك
لمعاينة هذه الصورة]
لا تنسونا من صالح الدعاء
[ندعوك
للتسجيل في المنتدى
أو
التعريف بنفسك
لمعاينة هذه الصورة]
أعجبني
لم يعجبني
ليالى اسكندرية
المدير العام
الجنس
:
عدد المساهمات
:
508
تاريخ التسجيل
:
01/04/2009
::
قران كريم
:
موضوع: رد: أكواد CSS - هدية للجميع بمناسبة اقتراب العيد !!
الإثنين سبتمبر 21, 2009 4:20 pm
[ندعوك
للتسجيل في المنتدى
أو
التعريف بنفسك
لمعاينة هذه الصورة]
أعجبني
لم يعجبني
essam
مؤسس
المنتدى
الجنس
:
تكريم
:
عدد المساهمات
:
6047
تاريخ التسجيل
:
27/03/2009
::
قران كريم
:
موضوع: رد: أكواد CSS - هدية للجميع بمناسبة اقتراب العيد !!
الجمعة سبتمبر 03, 2010 10:48 pm
واسعدنى المرور الطيب العطر
أعجبني
لم يعجبني
أكواد CSS - هدية للجميع بمناسبة اقتراب العيد !!
صفحة
1
من اصل
1
مواضيع مماثلة
مواضيع مماثلة
»
أكواد لساعاات فلاشية لصفحتك الرئيسية او البوابة
»
ظاهرة "أولاد الزنا" دليل على اقتراب الساعة
»
كود تكبيرات العيد
»
بطاقات العيد
»
الأقدام السكرية الوقاية والعلاج..كتاب مهم للجميع
صلاحيات هذا المنتدى:
لاتستطيع
الرد على المواضيع في هذا المنتدى
ليالى الشرق الاسلامية
::
البرامج الاسلامية
::
تطوير المواقع و المنتديات مهمة جداً
::
أكواد لأصحاب المنتديات
::
اكواد css
ليالى الشرق الاسلامية
::
البرامج الاسلامية
::
تطوير المواقع و المنتديات مهمة جداً
::
أكواد لأصحاب المنتديات
::
اكواد css
انتقل الى:
اختر منتدى
|
|--الساحة العامة
| |--الصراط المستقيم
| |--الشــــــــــباب والـــــــــديـــــــن
| |--الساحة المتنوعة
|
|--مختــارت
| |--مختـــارات
| | |--وقفة تأمل ومحساسبة
| | |--العائدون إلى العقيدة السلفية
| | |--كيف أسلموا
| | |--Advocacy messages in NG
| | |--Plaidoyer messages en français
| |
| |--فلسطين تنادى
| |--الصور الفلسطينية
|
|--للاخوات والاسرة المسلمه
| |--الأسرة المسلمة ومنهج التربية
| |--للنســــــاء فقـــــــــط
| | |--فتاوى نسائية
| | |--نساء مسلمات "
| | |--حجاب المسلمة
| | |--البيت السعيد
| | | |--منوعات
| | |
| | |--مكانة المرأة
| | | |--في الإسلام
| | | |--في الغرب
| | |
| | |--شبهات وردود
| | | |--شبهات حول المرأة
| | | |--شبهات وردود
| | |
| | |--مسائل فقهية
| | |--أهذا هو الحب ؟
| | |--: كتب نسائية
| |
| |--المطبخ
|
|--الطب الاسلامى
| |--الطب البديل والعلاج بالاعشاب
| | |--كتب الطب النبوى والعلاج بالاعشاب
| | |--المخدرات - الادمان - ارشادات وعلاج طبيعي
| | |--منتدى الاعشاب الطبيه وفوائدها
| | |--منتدى الزيوت الطبيعيه وفوائدها
| | |--منتدى التدليك والمساج الطبيعي
| | |--منتدى السمنه والنحافه مشاكل وحلول
| | |--منتدى الحجامه الاسلاميه فوائدها واوقاتها
| | |--منتدى العقم والولاده ( المشاكل والحلول )
| | |--منتدى الامراض الجنسيه وشرحها ( لا حياء بالعلم )
| | |--منتدى امراض السكري (تعريف بالمرض شرح علاج )
| | |--منتدى فوائد الخضار ,والفواكه والنباتات الطبيه
| | |--منتدى الطب القديم والحديث
| | |--منتدى الامراض ( شرح جميع الامراض واعراضها )
| | |--منتدى الامراض النفسيه فقط للتعريف بها
| | |--منتدى الصحة والغذاء والدواء ( وفنون الطبخ )
| |
| |--العلاج بالقران والرقية الشرعية
|
|--ساحة الأنبياء والرسول والصحابة
| |--الرسول والصحابه
| | |--قصص السيرة النبوية
| | |--الصحابة
| | |--الأحاديث الشريفة
| | |--أنصر أخاك المسلم
| | |--إحياء سنة الحبيب محمد
| | |--في قلبي يا رسول الله
| |
| |--قصص الأنبياء
| |--قصص الأنبياء
| |--قصص قرآنية
| |--قصص العلماء
| |--قصص واقعية من الحياة
| |--قصص مسموعة (صوتية)
|
|--ساحة القرآن الكريم
| |--تفاسير القرآن الكريم
| | |--القران الكريم و علومه
| | |--تفاسير القرآن الكريم
| |
| |--فتاوى اسلامية
|
|--الاعجازالاعلمى فى القران
| |--الإعجاز العلمي في الحديث الشريف
| |--الاعجاز العلمى فى القرآن الكريم
|
|--ساحة الصوتيات والمرئيات
| |--المرئيات الاسلامية
| |--الصوتيات الاسلامية
| | |--الخـطب والـدروس
| | |--القران الكريم
| |
| |--الأناشيد الأسلامية
|
|--مكتبة الاسلام للجميع
| |--أسـطـوانـات إسلا مـــيــة
| |--المكتبة الاسلامية
| |--البرامج الاسلامية
|
|--الأدب الاسلامى
| |--همسات ... خواطر أدبية ... بوح قلم
| |--موسوعة الأدعية
|
|--ساحة الصور
| |--الكارتون الاسلامى
| |--فلاشات و بطاقات
| |--صور اسلامية
|
|--البرامج الاسلامية
| |--تطوير المواقع و المنتديات مهمة جداً
| | |--أكواد لأصحاب المنتديات
| | | |--اكواد css
| | | |--أكواد الـHTML
| | | |--أكواد التومبلايتات
| | | |--ابلغ عن كود لا يعمل
| | |
| | |--للأعضاء فقط منتدى vbمجانى
| | |--تطوير المواقع و هاكات المنتديات
| | |--منتدى الاعلان وتبادل التسجيل والاعلانات الاسلامية
| | |--منتدى إشهار المواقع و المنتديات
| | |--«الاسئلة الشائعة»
| |
| |--الجوال الاسلامى
| |--برامج الكمبيوتر
| | |--قسم تحميل نسخ الويندوز
| | |--برامج الحمايه
| | |--برامج اللانترنت
| | |--برامج الفوتوشوب و الجرافيك
| | |--برامج المالتيميديا
| |
| |--العاب فلاش - العاب كمبيوتر - تحميل العاب
|
|--مرحبا بيكم
| |--مرحبا بكم
| |--منا سبا ت الاعضاء
| |--مساحـة الـزائـر
|
|--قسم ادارة المنتدى
|--فتح باب الترشيـح لطلبات الاشراف بالمنتدى
|--الإقـتـراحـات والـشـكـاوي وطـلـبـات الأعـضـاء
|-- الارشيف