غير كل شي في الدردشة بالتقنية||css|| على منتدى اساسي

من طرف **YASIR** الثلاثاء يونيو 07, 2011 8:15 pm

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

اخوتي الاعزاء اليوم اقدم لكم كود من تطويري

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

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

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

اقتباس:

<table align="center" border="0" cellpadding="3" cellspacing="1" width="90%"><tr><td class="quote">#chatbox_header{background-image: url(ضع هنا الصورة);}</td></tr></table>

الكود الثاني النتيجة

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

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

الكود مخفي ضع رد اولا لكي يظهر لك الكود لقد تعبنا في جلب الاكواد
الكود :

اقتباس:

<table align="center" border="0" cellpadding="3" cellspacing="1" width="90%"><tr><td class="quote">.chatbox-members{background-image: url(ضع هنا الصورة);height:240px;background-color: transparent;</td></tr></table>

}

الكود الثالث:
النتيجة

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

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

اقتباس:

<table align="center" border="0" cellpadding="3" cellspacing="1" width="90%"><tr><td class="quote">#chatbox
{background-image:url("ضع الصورة هنا");}</td></tr></table>

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

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

اقتباس:

<table align="center" border="0" cellpadding="3" cellspacing="1" width="90%"><tr><td class="quote">.chatbox_row_1 {
padding: 4px;
background-color: اللون الاول;
}
.chatbox_row_2 {
padding: 4px;
background-color: اللون الثاني;
}</td></tr></table>

الكود الخامس
النتيجة

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

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

اقتباس:

r=#000000]#chatbox_footer{background-image: url( ضع الصورة هنا);

}[/hide]

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

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

اقتباس:

[color=#000000] {background-color:ضع اللون هنا;[/hide]

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