أكواد CSS الخاصة بمنتديات ريال مدريد العربية - هدية للجميع !!

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

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

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

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

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

الكود الاول

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

اقتباس :: .name a{
text-decoration: none;
border:1px dashed #000000;
background: url(https://2img.net/h/oi44.tinypic.com/301hraq.gif);
}

لتغيير الخلفية يمكنك استبدال

https://2img.net/h/oi44.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;
}

أكواد CSS الخاصة بمنتديات ريال مدريد العربية - هدية للجميع !! 548537

الكود الثالث

المهمة : وضع خلفية ملونة برتقالية على الروابط عند مرور الماوس

اقتباس :: a:hover
{
background: #ffe9c6;
}

لتغيير اللون (للخبراء) عدل على

background: #ffe9c6

أكواد CSS الخاصة بمنتديات ريال مدريد العربية - هدية للجميع !! 262152

الكود الرابع

المهمة : وضع حقوق لمنتداك أسفل حقوق أحلى منتدى

اقتباس :: #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 هو الارتفاع

أكواد CSS الخاصة بمنتديات ريال مدريد العربية - هدية للجميع !! 851488

أكواد CSS الخاصة بمنتديات ريال مدريد العربية - هدية للجميع !! 851488

الكود الخامس

المهمة : يجعل شكل الأكواد مميز في المواضيع مثل هنا

اقتباس :: .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('https://2img.net/h/oi29.tinypic.com/ke89ll.jpg');
background-repeat: repeat;
border : 1px dotted #ef9e10;
color : #000000;
display: block;
max-width: 800px;
overflow: auto;
padding: 7px;

https://2img.net/h/oi29.tinypic.com/ke89ll.jpg
هو رابط الصورة الخلفية

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

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

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

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

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

أكواد CSS الخاصة بمنتديات ريال مدريد العربية - هدية للجميع !! 635188

أكواد CSS الخاصة بمنتديات ريال مدريد العربية - هدية للجميع !! 635188

الكود السادس

المهمة : يجعل شكل الاقتباسات مميز مثل هنا

اقتباس :: .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('https://2img.net/h/oi29.tinypic.com/ke89ll.jpg');
background-repeat: repeat;
border : 1px dotted #ef9e10;
color : #000000;
display: block;
max-width: 800px;
overflow: auto;
padding: 7px;
}

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
هو أقصى عرض

أكواد CSS الخاصة بمنتديات ريال مدريد العربية - هدية للجميع !! 528696

أكواد CSS الخاصة بمنتديات ريال مدريد العربية - هدية للجميع !! 528696

الكود السابع

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

اقتباس :: input.liteoption:hover {
background-color : #fff;
background-image: url('https://2img.net/h/oi44.tinypic.com/301hraq.gif');
background-position: top;
font-weight : bold;
color: #8d1717;
}

input.mainoption:hover {
background-color : #000;
background-image: url('https://2img.net/h/oi44.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('https://2img.net/h/oi44.tinypic.com/301hraq.gif');
background-position: top;
color: #8d1717;
background-position: 0 100%;
}

https://2img.net/h/oi44.tinypic.com/301hraq.gif
هو رابط الصورة الخلفية

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

color: #8d1717
هو لون الخط

أكواد CSS الخاصة بمنتديات ريال مدريد العربية - هدية للجميع !! 493747

أكواد CSS الخاصة بمنتديات ريال مدريد العربية - هدية للجميع !! 493747

لا تنسونا من صالح الدعاء

أكواد CSS الخاصة بمنتديات ريال مدريد العربية - هدية للجميع !! 5313

c.Ronaldo

أكواد CSS الخاصة بمنتديات ريال مدريد العربية - هدية للجميع !! 215507

مثبت ........

مشكوووووووووووووووووووووووووووور جدااااااااااا على الموضوع الرائع

لكن عايز أسئل كيف اضع اخبار ريال مدريد

كود اخبار ريال مدريد انا كمان ابحث عنه مش لاقي انشاء الله اما اللاقي اعطيك اياه

لطن انت كيف حطيت اخبار ريال مدريد على البوابة

اخي هذا مو كود اخبار الريال

هذا المواضيع الأخيرة

موجود بكل منتدى مجاني

تذهب ل عناصر البوابة

اسفل سلة المهملات

تلاقي بعض العناصر
أكواد CSS الخاصة بمنتديات ريال مدريد العربية - هدية للجميع !! Corbeille

أكواد CSS الخاصة بمنتديات ريال مدريد العربية - هدية للجميع !! Corbeille

دور تلاقي المواضيع الأخيرة

تحملها من الماوس وتضعها وين ما بدك وبعدها اضغط سجل

الله عليك دائما تبهرنا بمواضيعك يا احلى مدير

مشكور علي الموضوع الرائعـ

» الأن بوابة منتديات ريال مدريد العربية تم تطويرها
» في مباراهـ مجنونة وشيقة ريال مدريد يقلب الطاولة في وجه إشبيلية ويكسب بثلاثية ويتقبل هدية ألميري
» محول الفيديو العربي .. هدية للجميع
» كاسياس : "إن الوضع الحالي في مدريد جيد جدا" [ مقابله ] كاسياس : "إن الوضع الحالي في مدريد جيد جدا" شبكة ريال مدريد العربيه: في مقابله مع موقع الفيفا حول المشاركه في تصفيات ابطال اوربا حارس مرمى ريال مدريد ايكر كاسياس كان مع الفريق مع لاعبين متافسين و
» لوكاكا :" ريال مدريد او برشلونه ؟ دون شك ريال مدريد "