الرئيسيةالرئيسية  س .و .جس .و .ج  بحـثبحـث  قائمة الاعضاءقائمة الاعضاء  التسجيلالتسجيل  المجموعاتالمجموعات  دخولدخول  

آلسلآم عليگم ورحمة آلله وپرگآتة
 
 گيف آلحآل وگيف آلچميع آن شآء آلله پخير
 
 گود ستآيل گآمل لصفحة آلمنتدى سبق وأن وضعت الكود لكن بدون تومبيلات في هذا الموضوع هنا

اما هذا الكود فهو نفسة لكن للذين يمكلن حق التعديل على التومبيلات ^^
 
 مميزآت آلگود :
 
 * لقوالب التومپيلآت خالي من الاخطاء بتقنية css
 
 * پآستخدآم آلگود يچعل آلآستآيل متمدد عند تصغير آلصفحة آو تگپريهآ
 
 ملآحظآت آلگود :
 
 -هذآ آلگود خآص يملگون حق آلتعديل على آلتومپيلآت اما الذين لايملكون تومبيلات يوجد كود خاص بهم هنا
 
 - يچپ تقطيع وتوزيع آلآستآيل پهذآ آلشگل أو مشآپه له
 
 

 
 معلومآت آلگود :
 
 آلنسخة : phpbb2
 
 آلنوع : تومبيلات
 
 طريقهّ آلترّگيّپ :


لوحة الادارة - مظهر المنتدى - التومبيلات القوالب

قالب overall_header

نعدل عليه نبحث عن

الرمز:
   {JAVASCRIPT}

ونظيف تحتة مباشرة هذا

الرمز:
<div class="container"><div id="header"><div id="header_right"></div><div class="header_left"></div><div class="header_center"></div> </div> <div class="content-left"><div class="content-right"> <div class="content">

ثم نسجل

وقالب overall_footer_end

نبحث عن

الرمز:
     {PROTECT_FOOTER}
      </td>
   </tr>
</table>

ونظيف تحته مباشرة هذا

الرمز:
</div></div></div><div id="footer"><div class="footer_right"></div><div class="footer_left"></div><div class="footer_center"></div></div>

ونسجل

من ورقة css نظيف هذا ونعدل على الاشياء المطلوبة

الرمز:

/* گـــود ستآيل گآمل لصفحة آلمنتدى */  

 /*---------- www.haya-m.net ----------- */  

 body{  
   padding:0;  
   margin: 0;  
 }  

 .container {   padding:0; margin: 0px auto;}  

 #header {  

     background-image:url('أعلى آلصفحة خلفية متمدده');  
     width:100%;  
     height:آرتفآع آلخلفيةpx;  
     background-repeat:repeat-x;  
     position:relative;      

     }  

 #header_right {  

    background-image:url('أعلى آلصفحة يمين');  
    width:عرض آلصورةpx;  
    height:آرتفآع آلصورةpx;  
    float:right;  
    background-repeat:no-repeat;  
    position:relative;  

 }  

 #header .header_left {  

    background-image:url('أعلى آلصفحة يسآر');  
    width:عرض آلصورةpx;  
    height:آرتفآع آلصورةpx;  
    float:left;  
    background-repeat:no-repeat;  
    position:relative;  

 }  
 .header_center {  

    background-image: url('أعلى آلصفحة وسط');  
    background-repeat: no-repeat;  
    width:عرض آلصورةpx;  
    height:آرتفآع آلصورةpx;  
    margin-right: auto;  
    margin-left: auto;  
    position:relative;  

 }  

 .content-left {  

   padding-left:آلعرضpx;  
   background-image:url('چآنپ آلصفحة يسآر');  
   background-repeat:repeat-y;  
   background-position: left;  

 }  

 .content-right {  

   padding-right:آلعرضpx;  
   background-image:url('چآنپ آلصفحة يمين');  
   background-repeat:repeat-y;  
   background-position: right;  

 }  

 .content {  

   width: 100%;  
   margin: 0px auto;  
   background: #fafbfb url('خلفية آلصفحة');  

 }  

 #footer {  

    background-image:url('أسفل آلصفحة خلفية متمدده');  
     width:100%;  
     height:آرتفآع آلخلفيةpx;  
     background-repeat:repeat-x;  

 }  

 .footer_right {  

    background-image:url('أسقل آلصفحة يمين');  
    width:عرض آلصورةpx;  
    height:آرتفآع آلصورةpx;  
    float:right;  
    background-repeat:no-repeat;  

      

 }  

 .footer_left {  

    background-image:url('أسفل آلصفحة يسآر');  
    width:عرض آلصورةpx;  
    height:آرتفآع آلصورةpx;  
    float:left;  
    background-repeat:no-repeat;  

 }  

 .footer_center {  

    background-image: url('أسفل آلصفحة وسط');  
    background-repeat: no-repeat;  
    width:عرض آلصورةpx;  
    height:آرتفآع آلصورةpx;  
    margin-right: auto;  
    margin-left: auto;  
    position:relative;  
 }

وآن شآء آلله يعچپگم آلگودّ

إي أستفسآأإرآت أو مشآأإگل آستقپلهآ في هذآأإ آلموضوع

وآلسلآم عليگم ورحمة آلله وپرگآته  

نُشرت في 17 07 2014   بواسطة  [ღ]هيآء محمدَ..


مُساهمة في 17.07.14 6:56 من طرف ماهينور
السلام عليكم ورحمة الله وبركاته
كيفك ؟ يارب تمام


مشكورة غلاتي م أنحرم منك يارب ♥♥
واصلي ي مبدعهه تستحقين كل خير


شكرا ي سكرة :*

مُساهمة في 17.07.14 7:08 من طرف ماهينور
هياء ممكن يكون عندي مشكلة ف التقطيع =.=

لاني مبتدأة
فممكن لو صممت مثلا ستايل وارسلته لك تقطعيه لي

عشان اعرف بيتقطع ازاي بالضبط ؟



لو مش فاضية عادي ^^
انتظرك ~

مُساهمة في 17.07.14 12:55 من طرف هدايا دعوية
ماهينور

مرحبا بك كيف حالك ..؟!

بالنسبة للتقطيع نفس التخطيط اللي بالصورة اللي نزلته أختنا هياا 

لو حابه اقطعه لك ارسليه بالخاص ان شاء الله أقدر أفيدك بعد اذن الأخت هيا

مُساهمة في 17.07.14 17:50 من طرف فالكون
شكراً لكي هياء على الكود

مُساهمة في 18.07.14 3:18 من طرف ماهينور
هدايا دعوية

اوكي تسلمي ي عسسل شكرا ليكي ^^

مُساهمة في 24.07.14 20:50 من طرف Ps
السلام عليكم ،
اسف على الازعاج اختي هياء
*
انا مفعل التومبيلات و كل شي
*
و عملت كل الخطوات ~
*
بس الاستايل لم يظهر

*

شو الحل :'(

*
في امان الله

مُساهمة في 26.07.14 7:38 من طرف [ღ]هيآء محمدَ..
اقتباس :
آلسلآم عليگم ،
آسف على آلآزعآچ آختي هيآء
*
آنآ مفعل آلتومپيلآت و گل شي
*
و عملت گل آلخطوآت ~
*
پس آلآستآيل لم يظهر

*

شو آلحل :'(

*
في آمآن آلله

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

مُساهمة في 28.07.14 8:03 من طرف Ps
انا ركبت الاكواد وكل شي بس الاستايل ما طلع Sad

مُساهمة في 05.10.14 0:11 من طرف rex.
^

حتى أنا نفس المشكله الكود مو ظابط !

مُساهمة في 12.10.14 4:38 من طرف - Яeяч
انا مُشكلتي التصميم الي بأسفل الصفحة يظهر أسفل الواجهة :""(

مُساهمة في 12.10.14 8:37 من طرف [ღ]هيآء محمدَ..
شكرا على تنبيهي بوجود المشكلة
يوجد نقص في الشرح
اعيدوا الخطوات في قالب overall_footer_end
وبأذن الله تنحل المشكلة

مُساهمة في 10.12.14 3:12 من طرف Moon-Des
أختي هياء انا محيت الكود من جافا سكريبت لما ماكنت مفعلة تومبيلات

وهلأ لما فعلت تومبيلات ،، ماظهر الستايل مزبوط ،، وصار المنتدى عريض وتأكدت من المقاسات جيدا

وكمان في الأعلى يمين تمحى لي نصف يللي صممتو ،، شو الحل

مُساهمة في 10.12.14 4:07 من طرف [ღ]هيآء محمدَ..
أرسلي كود css
الي عملتيه وبشوف المشكلة

مُساهمة في 11.12.14 19:53 من طرف احمد السويسي
شكرا

مُساهمة في 15.12.14 2:00 من طرف schoolel7ob
شكرآ جزيلا على الموضوع الرائع و المميز

واصل تالقك معنا في المنتدى

بارك الله فيك اخي ...

ننتظر منك الكثير من خلال ابداعاتك المميزة

لك منـــــــ اجمل تحية ــــــــــي

مُساهمة في 01.02.15 17:50 من طرف M!ss Asakura
ما زبط برضو :\ عملت كل الخطوات و قرأت كل الردود
ما زبط

مُساهمة في 11.07.15 1:41 من طرف مَـدىْ ، ~♔
السسسلام عليككم
كود حلو جداا وشكرا لك
بس انا للاسف ما فهم طريقتة  confused confused
يعني كيف نقطعة ونوزعة ما فهمت احسة
تعب pig pig ولا الكود واضح عليه انه روووعة =))
يعني لو تحطين مثال لستايل كامل وكذا وتشرحين
طريقة توزيعة وتقطيعة وشككرا لك
واسفة للازعاج =))
في امان الله