جميع الاكواد فى صفحة واحدة للنسخةphpbb2

جميع
الاكواد

فى صفحة واحدة للنسخة

phpbb2

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

خاصة فقط بالنسخة 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

هو لون الخط

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

المجموعة الجديدة من

الأكواد بتاريخ 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;

}

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

جميل ومتميز ورائع براافو عليك

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

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

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