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




الكود تطوير لكل من الكودين
تومبيلات]كود وضع صوره كعنوان لبيانات العضو مع وضع البيانات بشكل منفصل داخل اطار مع امكانية تغير لون خلفية الاطارت وتغير نوع الاطار
و الكود
تمبلت : وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز :: .. من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 باللون الذي تريده
روابط الصور عند تعديلها سيكون عليك تغير مقاسات العرض والطول بناء على مقاساتك

لتري شرح لطريقة التعديل بالصور
كيفية التعديل على التومبيلات خطوه بخطوه و بالصور

كل ماتريد معرفة عن التومبيلات
شرح بالفيديو شرح بالفيديو لكل ماتريد معرفة عن التومبيلات
شرح بالصور ما هي التومبلايت و ما دورها؟


الكود حصري
ولا نسمح بنقله بدون المحافظة على حقوقنا
والله شهيد علي الجميع

الموضوع : تومبيلات]كود وضع بيانات العضو داخل اطار في بي وعمل خلفية كاملة للبيانات حصريا من قويتو المصدر : منتديات قويتو لقبائل بالعبيد

تطوير المواقع و المنتديات وخصوصا احلى منتدى
http://www.goweto.com/category-c5/
180 استايل مجاني لاحلى منتدى
http://www.goweto.com/category-c11/
استايلات مجانية شبابية لمنتديات بنات او منتديات اولاد
http://www.goweto.com/montada-f14/
استايلات مجانية اسلامية
http://www.goweto.com/montada-f54/
استايلات مجانية منوعة
http://www.goweto.com/montada-f55/
كيفية اضافة السايت ماب لمنتديات احلى منتدى لجوجل بشكل تلقائي وبصيغ جديده حصريا من قويتو
http://www.goweto.com/montada-f39/topic-t13320.htm

شرح رائع
وتومبلايت اروع
وانت الارع تقبل تحاتي

بارك الله فيك

ننتظر جديدك

تحياتي

بس يا اخي العزيز انا بس انتا حكيت للخ ممنتدى فراشة الربيع يجب عليكي شرائها كيف يعني بدي اشتريها

لم تضهر الصور

مشكور
مشكور
مشكور
مشكور
مشكور
مشكور
مشكور
مشكور
مشكور
مشكور
مشكور
مشكور
مشكور
مشكور
مشكور
مشكور
مشكور
مشكورمشكورمشكور مشكورمشكورمشكور
مشكورمشكورمشكورمشكور مشكورمشكورمشكورمشكور
مشكورمشكورمشكورمشكورمشكور مشكورمشكورمشكورمشكورمشكور
مشكورمشكورمشكورمشكورمشكور مشكورمشكورمشكورمشكورمشكور مشكور
مشكورمشكورمشكورمشكورمشكور مشكورمشكورمشكورمشكورمشكور مشكورمشكور
مشكورمشكورمشكورمشكورمشكور مشكورمشكورمشكورمشكورمشكور مشكورمشكورمشكور
مشكورمشكورمشكورمشكورمشكور مشكورمشكورمشكورمشكورمشكور مشكورمشكورمشكورمشكور
مشكورمشكورمشكورمشكورمشكور مشكورمشكورمشكورمشكورمشكور مشكورمشكورمشكورمشكور
مشكورمشكورمشكورمشكورمشكور مشكورمشكورمشكورمشكورمشكور مشكورمشكورمشكورمشكور
مشكورمشكورمشكورمشكورمشكور مشكورمشكورمشكورمشكورمشكور مشكورمشكورمشكورمشكور
مشكورمشكورمشكورمشكورمشكور مشكورمشكورمشكورمشكورمشكور مشكورمشكورمشكور
مشكورمشكورمشكورمشكورمشكور مشكورمشكورمشكورمشكورمشكور مشكورمشكور
مشكورمشكورمشكورمشكورمشكور مشكورمشكورمشكورمشكورمشكور مشكور
مشكورمشكورمشكورمشكورمشكور مشكورمشكورمشكورمشكورمشكور
مشكورمشكورمشكورمشكورمشكور مشكورمشكورمشكورمشكور
مشكورمشكورمشكورمشكورمشكور مشكورمشكورمشكور
مشكورمشكورمشكورمشكورمشكور مشكورمشكور
مشكورمشكورمشكورمشكورمشكور مشكور
مشكورمشكورمشكورمشكورمشكور
مشكورمشكورمشكورمشكور
مشكورمشكورمشكور
مشكورمشكور
مشكور
يسلمو يسلمو يسلمو يسلمو يسلمو يسلمو
يسلمو يسلمو يسلمو يسلمو يسلمو
يسلمو يسلمو يسلمو يسلمو
يسلمو يسلمو يسلمو
يسلمو يسلمو
يسلمو

- تقبل مروري و شكرى على تميزك و ابداعك

- واصل الى الامام .. موفق -

مبدع من يومك حبيبى

ياهلا بكم جميعا

شكرا جزيلا

ولا أكنى عملت حاجه
مفيش صور ظهرت

شكرا

الصور غير ظاهره
هناك مشكله في كود الــ css
ارجو التعديل اخي ،،

شكرا لك يعطيك العافية بأأأنتظاار جديدك.,

شكراً على الكود

شكرا لك
يغلق الموضوع لمنع الردود المخالفة التي تشوه الموضوع وتثقله