[تومبيلات]كود وضع بيانات العضو داخل اطار في بي وعمل خلفية كاملة للبيانات

الكود تطوير لكل من الكودين
تومبيلات]كود وضع صوره كعنوان لبيانات العضو مع وضع البيانات بشكل منفصل داخل اطار مع امكانية تغير لون خلفية الاطارت وتغير نوع الاطار
و الكود
تمبلت : وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز :: .. منdr_ma7moud


اولا الكود مكون من قسمين
كود تومبيلات
كود سي سي





لتغير كود التومبيلات

نذهب الي
لوحة التحكم
مظهر المنتدى
تومبيلات
اداره عامه
viewtopic_body

نبحث عن الكود

الرمز:

الكود:

<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
    <span class="postdetails poster-profile">
    {postrow.displayed.POSTER_RANK}<br />
    {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
    <!-- 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><br />

ونضع بدلا منة

الرمز:

الكود:

<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><br />
    <span class="postdetails poster-profile">
    {postrow.displayed.POSTER_RANK}<br />
    {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
    <!-- 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><br />


نضغط نشر

الان للتعديل على ورقة السي سي
نذهب الي
مظهر المنتدى
الالوان
ورقة السي سي
ونكون محضرين صوره من ثلاث اجزاء
العلوية
الوسطي
السفلي

ونضع الكود التالي

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

الرمز:

الكود:

#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 باللون الذي تريده
روابط الصور عند تعديلها سيكون عليك تغير مقاسات العرض والطول بناء على مقاساتك

دعيني أنحي قلمي قليلا

أقف أحتراما لكِ

ولقلمك

وأشد على يديك لهذا الابداع

الذي هز أركان المكان

واضع لكي باقة وردي لشخصك

شكرا لك

شكراً لك

مآ شآء آلله أپدآع پلآ حدود و پآنتظآر أپدآعآتگ آلقآدمة

شگرآ لمرورگم آلطيپلموضوعي

چزآگ آلله گل خير آخي آلگريم

مآ شآء آلله سلمت آيآديگ على موضوگ آلمميز و چعلهآ في ميزآن حسنآتگ

شگرآ لمرورگم آلطيپ لموضوعي

مشكور

اهلا وسهلا
اشكرك ع الموضوع
بانتظار جديدك
موفق
~!