01122009
أكواد CSS الخاصة بمنتديات ماي أصحاب- هدية للجميع بمناسبة اقتراب العيد !!
تم إضافة أكواد جديدة بتاريخ 25-11-2009
بدايتها من الكود السابع
طريقة التركيب
خاصة فقط بالنسخة phpbb2 وربما تعمل على النسخ الاخرى
من لوحة الادارة - مظهر المنتدى - الوان - ورقة css
ثم ضع الكود ثم سجل
الكود الاول
المهمة : وضع خلفية لاسم العضو
- الكود:
[quote].name a{
text-decoration: none;
[b][color=darkgreen]border:1px dashed #000000[/color][/b];
background: url([b][color=blue]http://i44.tinypic.com/301hraq.gif[/color][/b]);
}[/quote]
https://2img.net/h/oi44.tinypic.com/301hraq.gif
ولتحكم في الحدود (للخبراء) يمكنكم التعديل على
border:1px dashed #000000
حيث border:1px هو السمك
حيث dashed هو النوع
حيث #000000 هو اللون
الكود الثاني
المهمة : حذف الخط من تحت الروابط
- الكود:
[quote]a:link
{
text-decoration: none;
}
a:visited
{
text-decoration: none;
}
a:active
{
text-decoration: none;
}[/quote]
الكود الثالث
المهمة : وضع خلفية ملونة برتقالية على الروابط عند مرور الماوس
- الكود:
[quote]a:hover
{
[b][color=blue]background: #ffe9c6[/color][/b];
}[/quote]
[size=29]لتغيير اللون (للخبراء) عدل على[/size]
[b][color=blue]background: #ffe9c6[/color][/b]
الكود الرابع
المهمة : وضع حقوق لمنتداك أسفل حقوق أحلى منتدى
- الكود:
[quote]#page-footer
{
[b][color=darkgreen]width: 950px; height: 80px[/color][/b];
background: url([color=blue][b]http://www.up.6y6y.com/uploads/dd1674342e.png[/b][/color]);
}[/quote]
http://www.up.6y6y.com/uploads/dd1674342e.png
للتحكم بالطول و العرض للمساحة التي ستظهر فيها الصورة (للخبراء)
width: 950px; height: 80px
حيث width هو العرض
و height هو الارتفاع
الكود الخامس
المهمة : يجعل شكل الأكواد مميز في المواضيع مثل هنا
- الكود:
[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]http://i29.tinypic.com/ke89ll.jpg[/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;
}[/quote]
https://2img.net/h/oi29.tinypic.com/ke89ll.jpg
هو رابط الصورة الخلفية
للخبراء يمكنهم التعديل على الكود حيث
background-color: #feffc4
هو لون الخلفية
border : 1px dotted #ef9e10
لون و نوع وسمك الحدود
color : #000000
هو لون الخط
max-width: 800px
هو أقصى عرض
الكود السادس
المهمة : يجعل شكل الاقتباسات مميز مثل هنا
- الكود:
[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]http://i29.tinypic.com/ke89ll.jpg[/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;
}[/quote]
https://2img.net/h/oi29.tinypic.com/ke89ll.jpg
هو رابط الصورة الخلفية
للخبراء يمكنهم التعديل على الكود حيث
background-color: #feffc4
هو لون الخلفية
https://2img.net/h/oi29.tinypic.com/ke89ll.jpg
هو رابط الصورة الخلفية
border : 1px dotted #ef9e10
لون و نوع وسمك الحدود
color : #000000
هو لون الخط
max-width: 800px
هو أقصى عرض
الكود السابع
المهمة : وضع خلفية للأزرار عند مرور الماوس
- الكود:
[quote]input.liteoption:hover {
background-color : #fff;
background-image: url('[color=blue][b]http://i44.tinypic.com/301hraq.gif[/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]http://i44.tinypic.com/301hraq.gif[/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]http://i44.tinypic.com/301hraq.gif[/b][/color]');
background-position: top;
[color=darkgreen][b]color: #8d1717[/b][/color];
background-position: 0 100%;
}[/quote]
هو رابط الصورة الخلفية
للخبراء يمكنهم التعديل على الكود حيث
color: #8d1717
هو لون الخط
تعاليق
رد: أكواد CSS الخاصة بمنتديات ماي أصحاب- هدية للجميع بمناسبة اقتراب العيد !!
الخميس ديسمبر 24, 2009 4:00 amKING BOSS
مشكور اخي لمدير
الإثنين يوليو 12, 2010 10:58 am
شكرا لك يامايسترو
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى