أهم 12 كود CSS للنسخة PhpBB 2

.أهم 12 كود CSS للنسخة PhpBB 2
الموضوع مفتوح ليستفيد الجميع
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

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

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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

.الكود الاول.

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

.name a{ text-decoration: none; .border:1px dashed #000000.; background: url(.[ضع هنا رابط صورة].); }

لتغيير
الخلفية يمكنك استبدال
.
[ضع هنا رابط صورة]

[color:0a4d=#f00]


.ولتحكم
في الحدود .(للخبراء). يمكنكم
التعديل على
.
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(.[color:0a4d=#f00][ضع هنا رابط صورة].); }

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

.[color:0a4d=#f00]
[ضع هنا رابط صورة].

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

.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('.[color:0a4d=#f00][ضع هنا رابط صورة].'); background-repeat: repeat; .border : 1px dotted #ef9e10.; .color : #000000.; display: block; .max-width: 800px.; overflow: auto; padding: 7px; }

.[color:0a4d=#f00][ضع هنا رابط صورة].
هو
رابط الصورة الخلفية

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

.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('.[color:0a4d=#f00][ضع هنا رابط صورة].'); background-repeat: repeat; .border : 1px dotted #ef9e10.; .color : #000000.; display: block; .max-width: 800px.; overflow: auto; padding: 7px; }

.[color:0a4d=#f00][ضع هنا رابط صورة].
هو
رابط الصورة الخلفية

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

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

.[color:0a4d=#f00][ضع هنا رابط صورة].
هو
رابط الصورة الخلفية

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

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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

.الكود السابع.

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

input.liteoption:hover { background-color : #fff; background-image: url('.[color:0a4d=#f00][ضع هنا رابط صورة].'); background-position: top; font-weight : bold; .color: #8d1717.; } input.mainoption:hover { background-color : #000; background-image: url('.[color:0a4d=#f00][ضع هنا رابط صورة].'); 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('.[color:0a4d=#f00][ضع هنا رابط صورة].'); background-position: top; .color: #8d1717.; background-position: 0 100%; }

.[color:0a4d=#f00][ضع هنا رابط صورة].
هو
رابط الصورة الخلفية

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

.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('https://i.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('https://i.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('https://i.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('https://i.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(https://i.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; }

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
.




إنتبة !

نتمني منك تقدير مجهود العضو فلا تحبط من قام بتسخير نفسه لكتابة الموضوع ورفع محتوياته..
فلا تبخل وارفع من معناوياته ولن يكلفك مثلما تكلف هو فقط اضغط على الرد السريع واكتب شكراً
وأنت المستفيد لأنك ستولد بداخله طاقه لخدمتك كل ما نريد هو ان تفيد وتستفيد بشكل أكثر تحضرا ؛
وشكرا للجميع
أهم 12 كود CSS للنسخة PhpBB 2
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

مشكور أخى أكواد هامة جدا

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

اهلا بحضرتك


موضوع جميل بارك الله فيك لما قدمت يداك
تحياتى
مع خالص شكرى وتمنياتى بالتوفيق

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]