(css) وضع صورة كخلفية لاسماء الفئات وعنوان المواضيع

السبت أغسطس 25, 2012 10:29 pm

نقدم لكم اليوم شرحاً لطريقة وضع صوره كخلفية لاسماء الفئات في المنتدى , وذلك عن طريق كود CSS
بدايةً , صورة للمنتدى قبل وضع الكود :
الرئيسية
قبل

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

بعد

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

و من داخل الاقسام
قبل

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

بعد

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

وداخل المواضيع
قبل

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

بعد

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.

حسنا ، الكود لعمل هذا التغير هو التالي :
[code /*----------Lord-Adoain & AsEsInO------*/

.secondarytitle, .secondarytitle h2 {
background-image: url("https://2img.net/h/i306.photobucket.com/albums/nn266/rideem3/RowCategoryHeader.png");
background-position: center center;
background-repeat: no-repeat;
color: #30291F;
font-size: 14px;
margin: 0;
padding: 0;
font-family: Palatino Linotype,Trebuchet MS,Palatino,Times New Roman,Times,serif;
}

th {
background-image: url("https://2img.net/h/i306.photobucket.com/albums/nn266/rideem3/RowCategoryHeader.png");
background-position: center center;
background-repeat: no-repeat;
color: #30291F;
font-size: 14px;
text-align: center;
white-space: nowrap;
font-family: Palatino Linotype,Trebuchet MS,Palatino,Times New Roman,Times,serif;
}

/*----------AsEsInO & Lord-Adoain------*/[/code]