أحدث الصور
1
تومبيلات كود وضع بيانات العضو داخل اطار كما الفي بي وعمل خلفية كاملة للبيانات السبت يونيو 11, 2011 1:13 am
نسيم الشرق
عضو فعال
الـجنــســــ : 
المشاركاتــــــ : 4233
الـــــــعـــمر : 40
النــقــاـــــــط : 15785
الـــسمعــــة : 19
يوم التسجـيل : 22/12/2010
المشاركاتــــــ : 4233الـــــــعـــمر : 40
النــقــاـــــــط : 15785 الـــسمعــــة : 19يوم التسجـيل : 22/12/2010
اولا الكود مكون من قسمين
كود تومبيلات
كود سي سي
لتغير كود التومبيلات
نذهب الي
لوحة التحكم
مظهر المنتدى
تومبيلات
اداره عامه
viewtopic_body
نبحث عن الكود
- الكود:
<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span>
<span class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}
{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</span>
ونضع بدلا منة
- الكود:
<div id="profil_head"></div>
<div id="profil_body"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span>
<span class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}
{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}
<!-- BEGIN profile_field -->
<div class="gowetobilobed"> {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</span></div><div id="profil_foot"></div>
نضغط نشر
الان للتعديل على ورقة السي سي
نذهب الي
مظهر المنتدى
الالوان
ورقة السي سي
ونكون محضرين صوره من ثلاث اجزاء
العلوية
الوسطي
السفلي
ونضع الكود التالي
سيكون عليك تغير روابط الصور والوان الاطارات بما يناسب منتداك
تم وضع الصور في الكود لسهولة التبديل
لاني لاحظت ان فية كثيرين تواجههم صعوبة في تركيب الكود
- الكود:
#profil_head{
background-image: url([url=http://img832.imageshack.us/img832/7782/94428750.gif][color=#0372be]http://img832.imageshack.us/img832/7782/94428750.gif[/color][/url]);
background-repeat: no-repeat;
width: 185px ;
height: 80px;
}
#profil_body{
background-image: url([url=http://img835.imageshack.us/img835/5936/39188593.gif][color=#0372be]http://img835.imageshack.us/img835/5936/39188593.gif[/color][/url]);
width : 185px;
overflow : auto;
}
#profil_foot{
background-image: url([url=http://img839.imageshack.us/img839/1210/14946124.gif][color=#0372be]http://img839.imageshack.us/img839/1210/14946124.gif[/color][/url]);
background-repeat: no-repeat;
width: 185px ;
height: 80px;
}
.gowetobilobed {
border-style: solid;
border-width: 1px 3px 1px 3px;
border-color: #000000;
background: none repeat scroll 0 0;
margin-top: 6px;
padding: 3px;
background-color: #ffffff;
}
لتغير لون خلفية البيانات بدل اللون ffffff بالللون الذي تريده
لتغير لون الاطار غير اللون 000000 باللون الذي تريده
روابط الصور عند تعديلها سيكون عليك تغير مقاسات العرض والطول بناء على مقاساتك
الكود حصري
ولا نسمح بنقله بدون المحافظة على حقوقنا
والله شهيد علي الجميع
