تعديل على الاستايل - صفحة 2 Hitskin_logo Hitskin.com

هذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداكالرجوع الى صفحة بيانات التصميم

منتدى الدعم و المساعدة لأحلى المنتديات
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

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

4 مشترك

صفحة 2 من اصل 2 الصفحة السابقة  1, 2

اذهب الى الأسفل

تعديل على الاستايل - صفحة 2 Empty تعديل على الاستايل

مُساهمة من طرف Anas 1657 الأحد 6 مارس 2016 - 20:06

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

السلام عليكم
الريد تعديل على هذا الاستايل
تعديل على الاستايل - صفحة 2 8d95227dbf4183e


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

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


عدل سابقا من قبل Anas 1657 في الأربعاء 9 مارس 2016 - 2:47 عدل 1 مرات
Anas 1657
Anas 1657
 
 

ذكر
عدد المساهمات : 78
معدل النشاط : 3820
السُمعة : 0

http://www.anas16572.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل


تعديل على الاستايل - صفحة 2 Empty رد: تعديل على الاستايل

مُساهمة من طرف {عذب} الثلاثاء 8 مارس 2016 - 18:17

تم التعديل استبدل قالب 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 */
ولا مشكلة اخي نحن هنا لنخدمكم ولنوفر لكم كل ما تحتاجونه
وتواصل معي اذا اردت ليظهر الشكل كما اردت تماماً Cool
{عذب}
{عذب}
 
 

ذكر
عدد المساهمات : 3028
معدل النشاط : 9978
السُمعة : 294

https://3thab.rigala.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تعديل على الاستايل - صفحة 2 Empty رد: تعديل على الاستايل

مُساهمة من طرف Anas 1657 الثلاثاء 8 مارس 2016 - 20:29

شكرا لك @AbuIdris

النتيجة رائعة جدا جدا Cool
تعديل على الاستايل - صفحة 2 F695b250bd12883





ولكن عن الدخول من كمبيوتر بحجم شاشة مختلفة يظهر هكذا What a Face
هل يمكن معالجة ذلك؟ Embarassed
تعديل على الاستايل - صفحة 2 D2116a3b0f5d991
Anas 1657
Anas 1657
 
 

ذكر
عدد المساهمات : 78
معدل النشاط : 3820
السُمعة : 0

http://www.anas16572.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تعديل على الاستايل - صفحة 2 Empty رد: تعديل على الاستايل

مُساهمة من طرف {عذب} الثلاثاء 8 مارس 2016 - 21:11

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

ذكر
عدد المساهمات : 3028
معدل النشاط : 9978
السُمعة : 294

https://3thab.rigala.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تعديل على الاستايل - صفحة 2 Empty رد: تعديل على الاستايل

مُساهمة من طرف Anas 1657 الثلاثاء 8 مارس 2016 - 21:33

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

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

ذكر
عدد المساهمات : 78
معدل النشاط : 3820
السُمعة : 0

http://www.anas16572.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تعديل على الاستايل - صفحة 2 Empty رد: تعديل على الاستايل

مُساهمة من طرف Anas 1657 الثلاثاء 8 مارس 2016 - 22:30

Anas 1657
Anas 1657
 
 

ذكر
عدد المساهمات : 78
معدل النشاط : 3820
السُمعة : 0

http://www.anas16572.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تعديل على الاستايل - صفحة 2 Empty رد: تعديل على الاستايل

مُساهمة من طرف {عذب} الثلاثاء 8 مارس 2016 - 23:17

احسنت أخي Wink
الآن اذهب لأكواد 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;
}
وستلاحظ انه يتمدد على حسب حجم الصفحة Cool
{عذب}
{عذب}
 
 

ذكر
عدد المساهمات : 3028
معدل النشاط : 9978
السُمعة : 294

https://3thab.rigala.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تعديل على الاستايل - صفحة 2 Empty رد: تعديل على الاستايل

مُساهمة من طرف Anas 1657 الأربعاء 9 مارس 2016 - 2:47


@AbuIdris
شكرا جزيلا لك , الله يسعدك ويوفقك Cool Cool Embarassed
اسعدني جدا ماقمت به من مساعده لي Suspect silent

(يغلق الموضوع)
Anas 1657
Anas 1657
 
 

ذكر
عدد المساهمات : 78
معدل النشاط : 3820
السُمعة : 0

http://www.anas16572.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

صفحة 2 من اصل 2 الصفحة السابقة  1, 2

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى