admin Admin
الاعلام والدول : عدد الرسائل : 797 العمر : 40 الموقع : www.elradwan.tk نقاط : 1438 تاريخ التسجيل : 01/09/2008
| موضوع: جميع الاكواد الخاصة بمنتديات محمدكو - اكواد رائعة للنسخة phpbb2 12.03.10 20:11 | |
| أكواد CSS الخاصة بمنتديات محمودكو - هدية للجميع بمناسبة اقتراب العيد !!
تم إضافة أكواد جديدة بتاريخ 25-11-2009بدايتها من الكود السابعطريقة التركيبخاصة فقط بالنسخة phpbb2 وربما تعمل على النسخ الاخرىمن لوحة الادارة - مظهر المنتدى - الوان - ورقة cssثم ضع الكود ثم سجل الكود الاولالمهمة : وضع خلفية لاسم العضو - الكود:
-
.name a{ text-decoration: none; [b][color=darkgreen]border:1px dashed #000000[/color][/b]; background: url([b][url=http://i44.tinypic.com/301hraq.gif][url=http://i44.tinypic.com/301hraq.gif][color=#993333]http://i44.tinypic.com/301hraq.gif[/color][/url][/url][/b]); } لتغيير الخلفية يمكنك استبدال [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط][/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 { [b][color=blue]background: #ffe9c6[/color][/b]; } لتغيير اللون (للخبراء) عدل على background: #ffe9c6 الكود الرابعالمهمة : وضع حقوق لمنتداك أسفل حقوق أحلى منتدى - الكود:
-
#page-footer { [b][color=darkgreen]width: 950px; height: 80px[/color][/b]; background: url([b][url=http://www.up.6y6y.com/uploads/dd1674342e.png][url=http://www.up.6y6y.com/uploads/dd1674342e.png][color=#993333]http://www.up.6y6y.com/uploads/dd1674342e.png[/color][/url][/url][/b]); } لتغيير الصورة استبدل الرابط [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط][/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; [b][color=blue]background-color: #feffc4[/color][/b] ; background-image: url('[b][url=http://i29.tinypic.com/ke89ll.jpg][url=http://i29.tinypic.com/ke89ll.jpg][color=#993333]http://i29.tinypic.com/ke89ll.jpg[/color][/url][/url][/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; } [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط][/url]هو رابط الصورة الخلفية للخبراء يمكنهم التعديل على الكود حيث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; [b][color=blue]background-color: #feffc4[/color][/b] ; background-image: url('[b][url=http://i29.tinypic.com/ke89ll.jpg][url=http://i29.tinypic.com/ke89ll.jpg][color=#993333]http://i29.tinypic.com/ke89ll.jpg[/color][/url][/url][/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; } [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط][/url]هو رابط الصورة الخلفية للخبراء يمكنهم التعديل على الكود حيثbackground-color: #feffc4هو لون الخلفية [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط][/url]هو رابط الصورة الخلفية border : 1px dotted #ef9e10لون و نوع وسمك الحدود color : #000000هو لون الخط max-width: 800pxهو أقصى عرض الكود السابعالمهمة : وضع خلفية للأزرار عند مرور الماوس - الكود:
-
input.liteoption:hover { background-color : #fff; background-image: url('[b][url=http://i44.tinypic.com/301hraq.gif][url=http://i44.tinypic.com/301hraq.gif][color=#993333]http://i44.tinypic.com/301hraq.gif[/color][/url][/url][/b]'); background-position: top; font-weight : bold; [b][color=darkgreen]color: #8d1717[/color][/b]; }
input.mainoption:hover { background-color : #000; background-image: url('[b][url=http://i44.tinypic.com/301hraq.gif][url=http://i44.tinypic.com/301hraq.gif][color=#993333]http://i44.tinypic.com/301hraq.gif[/color][/url][/url][/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('[b][url=http://i44.tinypic.com/301hraq.gif][url=http://i44.tinypic.com/301hraq.gif][color=#993333]http://i44.tinypic.com/301hraq.gif[/color][/url][/url][/b]'); background-position: top; [color=darkgreen][b]color: #8d1717[/b][/color]; background-position: 0 100%; } [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط][/url] هو رابط الصورة الخلفية للخبراء يمكنهم التعديل على الكود حيثcolor: #8d1717هو لون الخط المجموعة الجديدة من الأكواد بتاريخ 25-11-2009 الكود الثامنالمهمة : جعل الفوتر في الوسط - الكود:
-
div.page-footer { position: 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 }
الكود العاشرالمهمة : جعل خط حقوق أحلى منتدى بخط tahoma - الكود:
-
a.copyright{ border:0; background:none; font-family: Tahoma; font-size: 15px; }
الكود الحادي عشرالمهمة : لتغيير لون عنوان الموضوع و من على الخط - الكود:
-
h1.cattitle{ color:#950000; } a.cattitle{ color:#950000; }
الكود الثاني عشرالمهمة : الأزرار بشكل احترافي وبخلفية مثل هنا - الكود:
-
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; }
| |
|