[ css ] أكواد رائعة و جديدة للنسخة الثانية

تذكير بمساهمة فاتح الموضوع :

السلام عليكم ورحمة الله وبركاته
بسم الله الرحمن الرحيم

من خلال البحث المستمر استخرجت لكم اكواد
CSS ورقة
phpBB2

1/لجعل الصوره كخلفيه للاقسام انسخ جميع الكود واجعله في
CSS ورقة
واضف رابط الصوره في مكانهى المناسب
واضف صوره زي ماتبي متحركه اوثابته
مصغره او كبيرة الحجم لايهم

الكود

اقتباس:

td.row1,td.row3.over:hover {
background-image: url(" رابط الصوره");
}

td.row2,td.row1.over:hover {
background-image: url(" رابط الصوره");
}

td.row3{
background-image: url(" رابط الصوره");
}

td.row3Right,td.spaceRow {
background-image: url(" رابط الصوره");
}

</blockquote>

2/ لتغير الخلفيه الثانيه للمنتدى كصوره

اقتباس:

.bodyline{
background-image: url("ضع رابط الصوره");
}

3 / لجعل حدود الاقسام في منتداك بتلمع او حدود متقطعه على حسب الصوره

اقتباس:

.forumline{
background-image: url("ضع رابط الصوره");
}

</blockquote>

استعمل احد هاذه الصور كمثال

لجعل الحدود بتلمع ومتحركه
الصوره

رابط الصوره
http://i63.servimg.com/u/f63/12/73/86/96/u9iaxs10.gif

او هاذه وهي الافضل

رابط الصوره
http://i62.servimg.com/u/f62/13/42/24/54/rainbo10.gif

لجعل الحدود متقطعه
الصوره

رابط الصوره
http://i62.servimg.com/u/f62/13/42/24/54/jhgjgh10.png

4/ لعمل واجهه سفليه مع تحديد على الواجهه
.

اقتباس:

gen {
background: url(ضع رابط الصوره هنا);
padding: 45px;
width: 40em;
border: thick groove Red;
}

</blockquote>

وهاذا الكود بدون اي تحديد على الواجهه

اقتباس:

.gen {
background: url(ضع رابط الصوره هنا);
padding: 45px;
width: 40em;
}

وهاذا الكود مع التحديد وايضا تحديد على الروابط التي بالواجهه

اقتباس:

gen {
background: url(ضع رابط الصوره هنا);
padding: 45px;
width: 40em;
border: thick groove Red;
}

a.copyright{
border: thick outset Red;
border-left: dashed Red;
border-right: dashed Red;
}

</blockquote>

هاذا الكود بيعمل تغيرات في امكان اخرا بالمنتدى اذا وضع في ورقة الكيس
مثل البينات الشخصيه للعضو وايضا اثناء عمل موضوع جديد واماكن اخرا
لذا لم اجد الى هاذا الحل ان تضعوه في صندوق الهوتمل الخاص بالرئيسيه او البوابه
مشان مايعمل تغيرات بمنتداك ضع كود الواجهه في هاذا الكود

ضع الاكواد هنا

من ثم ضعه في صندوق الهوتمل الخاص بالبوابه او الرئيسيه
هاذا الطريقه مشان ماتعمل تشويهات في المنتدى
اما بالنسبه للواجهه لن تظهر الى بالرئيسيه والبوابة
ادارة المنتدى

الموضوع الاصلى : [ css ] أكواد رائعة و جديدة للنسخة الثانية المصدر : اكاديمية المبدعين الكاتب : TIGERs

عدل سابقا من قبل Super Designer في السبت يوليو 03, 2010 4:06 pm عدل 4 مرات (السبب : ايعاده تنسيق الموضوع)

الموضوع الاصلى : [ css ] أكواد رائعة و جديدة للنسخة الثانية المصدر : اكاديمية المبدعين الكاتب : Youssef

شكراً

الموضوع الاصلى : [ css ] أكواد رائعة و جديدة للنسخة الثانية المصدر : اكاديمية المبدعين الكاتب : MaHeR

ششكرا

الموضوع الاصلى : [ css ] أكواد رائعة و جديدة للنسخة الثانية المصدر : اكاديمية المبدعين الكاتب : ملڪة الغربيـه

جاري التجريب .. **

الموضوع الاصلى : [ css ] أكواد رائعة و جديدة للنسخة الثانية المصدر : اكاديمية المبدعين الكاتب : THë_int®µD£R

شكرا لك

الموضوع الاصلى : [ css ] أكواد رائعة و جديدة للنسخة الثانية المصدر : اكاديمية المبدعين الكاتب : prinse~love

الموضوع الاصلى : [ css ] أكواد رائعة و جديدة للنسخة الثانية المصدر : اكاديمية المبدعين الكاتب : asutari13