تعديل على الاستايل

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

السلام عليكم
الريد تعديل على هذا الاستايل



بحيث اعدل شفافيه اللون الأبيض الذي بالوسط
ليظهر الخلفية قليلا , تقريبا هكذا


رابط منتداي
http://www.anas16572.com/

تم التعديل استبدل قالب overall_footer_begin كاملاً بهذا الكود :

الكود:

    <!-- BEGIN html_validation -->
    <div>
     <div>
     <table>
     <tbody>
     <tr>
     <td>
    <!-- END html_validation -->
     </td>
     <td valign="top" width="{C3SIZE}">
     <div id="{ID_RIGHT}">
     <!-- BEGIN giefmod_index2 -->
     {giefmod_index2.MODVAR}
     <!-- BEGIN saut -->
     <div style="height: {SPACE_ROW}px"></div>
     <!-- END saut -->
     <!-- END giefmod_index2 -->
     </div>
     </td>
     </tr>
     </tbody>
     </table>
     </div>
    </div>
    <!-- close div id="page-body" -->
    <div id="page-footer">
      <div class="center-footer">
<div class="networking-footer">
<p>تابعونا على :</p><br>
  <a href="https://www.facebook.com/anas1657"><img src="http://i84.servimg.com/u/f84/19/23/51/91/f-11010.png"/></a>
  <a href="ضع هنا رابط تويتر"><img src="http://i84.servimg.com/u/f84/19/23/51/91/twitte10.png"/></a>
  <a href="https://plus.google.com/u/0/+anasalmoutahar/posts"><img src="http://i84.servimg.com/u/f84/19/23/51/91/google10.png"/></a>
<br>
  <a href="https://instagram.com/anas16572/"><img src="http://i84.servimg.com/u/f84/19/23/51/91/instag10.png"/></a>
  <a href="https://www.youtube.com/user/anas16572"><img src="http://i84.servimg.com/u/f84/19/23/51/91/youtub10.png"/></a>
</div>

      <table class="msahmat" border="0">
      <tbody><tr><td width="20" align="center"><img src="http://2img.net/s/t/20/83/35/i_folder_new_big.png"/></td><td><span class="gensmall">مساهمات جديدة</span></td></tr><tr><td width="20" align="center"><img src="http://2img.net/s/t/20/83/35/i_folder_big.png"></td><td><span class="gensmall">لا مساهمات جديدة</span></td>   
        <tr><td width="20" align="center"><img src="http://2img.net/s/t/20/83/35/i_folder_locked_big.png"/></td><td><span class="gensmall">منتدى مُقفل</span></td></tbody></table>
   </div>
                      <div class="bottom-footer" align="center">
     <div class="gen">
    <!-- BEGIN html_validation -->
     </div>
     </div>
    </div>
    <!-- END html_validation -->

ملاحظة : ابحث في القالب عن "ضع هنا رابط تويتر" وقم بوضع صفحتك الخاصة في تويتر
واستبدل اكواد css السابقة التي اعطيتك اياها بهذه :

الكود:

/* footer */
#page-footer {
    background: transparent url("http://www.m5zn.com/newuploads/2016/03/07/jpg//cf3c9b8f439adfa.jpg") no-repeat scroll center center;
    height: 340px;
}
.bottom-footer {
  text-align: center;
clear: both;
}
.msahmat {
  padding: 85px 54px;
  float: left;
  line-height: 35px;
}
.networking-footer {
padding: 55px 65px;
float: right;
  line-height: 0px;
  text-align: center;
}
/* end footer */

ولا مشكلة اخي نحن هنا لنخدمكم ولنوفر لكم كل ما تحتاجونه
وتواصل معي اذا اردت ليظهر الشكل كما اردت تماماً

شكرا لك @AbuIdris

النتيجة رائعة جدا جدا






ولكن عن الدخول من كمبيوتر بحجم شاشة مختلفة يظهر هكذا
هل يمكن معالجة ذلك؟

نعم يمكنني معالجة ذلك
لكن يحتاج له التالي , تقطيعه في الفوتوشوب الى قطعتين
اللوجو وخلفية التمدد , اللوجو هو الشعار الذي في الوسط , اما خلفية التمدد فهي التي في الخلف ولونها بالاسود لكن احذر يجب ان قوم بتقطيعها بنفس الطول

AbuIdris كتب:نعم يمكنني معالجة ذلك
لكن يحتاج له التالي , تقطيعه في الفوتوشوب الى قطعتين
اللوجو وخلفية التمدد , اللوجو هو الشعار الذي في الوسط , اما خلفية التمدد فهي التي في الخلف ولونها بالاسود لكن احذر يجب ان قوم بتقطيعها بنفس الطول

هل تقصد هكذا
http://www.m5zn.com/newuploads/2016/03/08/jpg//aaa3a067442d4ff.jpg

@AbuIdris
أم هل تقصد هكذا؟؟

http://www.m5zn.com/newuploads/2016/03/08/png//714dde783993cf8.png
http://www.m5zn.com/newuploads/2016/03/08/png//207a1eeaa3db607.png

Anas 1657 كتب:@AbuIdris
أم هل تقصد هكذا؟؟

http://www.m5zn.com/newuploads/2016/03/08/png//714dde783993cf8.png
http://www.m5zn.com/newuploads/2016/03/08/png//207a1eeaa3db607.png

احسنت أخي
الآن اذهب لأكواد CSS وابحث عن هذا الكود :

الكود:

#page-footer {
    background: transparent url("http://www.m5zn.com/newuploads/2016/03/07/jpg//cf3c9b8f439adfa.jpg") no-repeat scroll center center;
    height: 340px;
}

واستبدله بهذا الكود :

الكود:


#page-footer {
  background: url("http://www.m5zn.com/newuploads/2016/03/08/png//207a1eeaa3db607.png") no-repeat scroll center center, url("http://www.m5zn.com/newuploads/2016/03/08/png//714dde783993cf8.png") repeat-x scroll center;
    height: 340px;
}


وستلاحظ انه يتمدد على حسب حجم الصفحة