أهلا وسهلا بك زائرنا الكريم، اذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحه التعليمات بالضغط هنا.كما يشرفنا أن تقوم بالتسجيل بالضغط هناإذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة المواضيع التي ترغب.
اخر المواضيع
قائمة الاعضاء
افضل 20 عضو
الدخول

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

حفظ البيانات؟
الرئيسية
التسجيل
فقدت كلمة المرور
البحث فى المنتدى


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

شاطر | 
 

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

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

avatar


Administrative

معلومات إضافية
مزاجــي : فرحان
الجــنس : ذكر
المـشـاركات : 1821
نقــاط التميز : -2147329071
رصيدي : غير محدود !!
معلومات الاتصال
http://arapmarah.f-orum.com
مُساهمةموضوع: اكبر مكتبة اكواد أكواد 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]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معلومات العضو
HiSsS

avatar


v.i.p

معلومات إضافية
مزاجــي : فرحان
الجــنس : ذكر
المـشـاركات : 242
نقــاط التميز : 287
عــمري : 22
وَظْـيْفَـتْے : كرة القدم + السفر
معلومات الاتصال
http://ajmalmontada.yoo7.com
مُساهمةموضوع: رد: اكبر مكتبة اكواد أكواد CSS هدية للجميع   الخميس سبتمبر 02, 2010 3:44 pm

شكرا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معلومات العضو
mark.afroto

avatar


...::|مرحاوى كبير|::...
معلومات إضافية
مزاجــي : فرحان
الجــنس : ذكر
المـشـاركات : 261
نقــاط التميز : 354
عــمري : 20
وَظْـيْفَـتْے : طالب
معلومات الاتصال
http://cityfilmz.mam9.com
مُساهمةموضوع: رد: اكبر مكتبة اكواد أكواد CSS هدية للجميع   الإثنين يناير 10, 2011 7:18 pm

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

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

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

بالتوفيق
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

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

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

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

مواضيع ذات صلة