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


دليل الاشهار العربي افضل موقع عربي في الدعاية والاشهار وفهرسة المواقع والمنتديات في محركات البحث. تقنيات،تصميم،وخدمات أخرى
 
الرئيسيةالرئيسية  س .و .جس .و .ج  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  

أضغط هنا وأنضم الي الفريق الان

العدد مفتوح

 

 اكواد استايل تومبيلات جاهزة للاستخدام

اذهب الى الأسفل 
كاتب الموضوعرسالة
Mc nabulsy
مشرف تطوير المواقع والمنتديات

Mc nabulsy

البلد : فلسطين
الجنس : ذكر
المساهمات : 4140
نقاط النشاط : 5916

اكواد استايل تومبيلات جاهزة للاستخدام Empty
مُساهمةموضوع: اكواد استايل تومبيلات جاهزة للاستخدام   اكواد استايل تومبيلات جاهزة للاستخدام Emptyالجمعة 3 سبتمبر 2021 - 14:20

بسم الله الرحمن الرحيم


اقدم لكم في هذا الموضوع اكواد html&css جاهزة لتصميم استايل رباعي وتقطعيه واستخدامه مباشرة مع الاكواد
ويكون الاستايل بالهيدر صورتان يمين ويسار وتمدد بالمنتصف 
بالفوتر يمين ويسار وتمدد بالمنتصف
وعلى يمين ويسار الموقع يوجد تمدد يربط بين الهيدر والفوتر
مثال
اكواد استايل تومبيلات جاهزة للاستخدام 7013
ومثال على التقطيعه التي تم الاعتماد عليها
اكواد استايل تومبيلات جاهزة للاستخدام 6912


شرح استخدام الاكواد
نتوجه نحو لوحة الادارة - مظهر المنتدى - التومبيلات والقوالب - ادارة عامة 
نفتح قالب overall_header ونبحث عن {JAVASCRIPT} ونضيف الكود التالي اسفله 
الكود:
<div id="centent">
<div class="h1">
<div class="habari-b">
<div class="habari-r"></div>
<div class="habari-l"></div>
</div>
<div class="asp-r">
<div class="asp-l">

ومن ثم نفتح قالب overall_footer_end ونضيف في اخر القالب الكود التالي :
الكود:
<div id="foter" style="width: 100%; height: 136px">
<div class="f-r"></div>
<div class="f-l">
<a class="u4" href="#" title="DES:HABARI88  ," target="_blank" style="left: 21px; bottom: 5px; height: 126px"></a>
</div>
<div class="f-bg">
</div>
</div>

ومن ثم نتوجه الى 
لوحة الادارة - مظهر المنتدى - الوان - ورقة css
واضف الاكواد التالية مع التعديلات المشروحة بالكود نفسه
الكود:
.habari-b {

    background-image:url('تمدد هيدر');
   background-repeat: repeat-x;
 height: 450px;
}
 
.habari-r{
 background-image: url('هيدر يمين');
 width: 501px;
 height: 450px;
 background-repeat: no-repeat;
 float: right;
 position: relative;
}

.habari-l{
 background-image: url('هيدر يسار');
 height:450px;
 width:237px;
 float:left;
 position:relative
}

.asp-r {

    background: url('تمدد يمين') repeat-y scroll right center transparent;    
}


.asp-l {

    background: url('تمدد يسار') repeat-y scroll left center transparent;
    padding: 58px;
 }
 

.f-bg {
 background-image:url('تمدد فوتر');
 height:136px;
 background-repeat:repeat;
}
.f-r {
 background-image:url('فوتر يمين');
 height:136px;
 width:224px;
 background-repeat:no-repeat;
 float:right;
}
 .f-l{
  background-image:url('فوتر يسار');
  height:136px; width:237px; float:left; background-repeat:no-repeat;position:relative;
 }

طبعا يجب تغيير ارتفاع وعرض الصور بكود الـcss بحسب الصور اللي انت بتستخدمها
وبعد التركيب رح ييجي الاستايل عندك كامل وفي حال كان فيه فراغ باطراف الاستايل فقط قم باضافة الكود التالي في ورقة css
الكود:
body {
margin: 0;
}

وهيك كل شي جاهز
تم الشرح بواسطتي : Mc Nabulsy
جميع الحقوق محفوظة لدليل الاشهار العربي
بالتوفيق للجميع
والسلام ختام


توقيع : Mc nabulsy


اكواد استايل تومبيلات جاهزة للاستخدام Aiyo--12
<<<< لشكوى الأعضاء ضد فريق المنتدى >>>>
<<<< القانون العام لمنتدى الدعاية و الإشهار >>>>
<<<< القانون العام لعلبة الدردشة >>>>





لا اله الا الله

AsHeK EgYpT يعجبه هذا الموضوع

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

فارس الدعاية

البلد : المغرب العربي
الجنس : ذكر
المساهمات : 2354
نقاط النشاط : 4643

اكواد استايل تومبيلات جاهزة للاستخدام Empty
مُساهمةموضوع: رد: اكواد استايل تومبيلات جاهزة للاستخدام   اكواد استايل تومبيلات جاهزة للاستخدام Emptyالجمعة 3 سبتمبر 2021 - 14:29

احسنت الطرح عزيزي بالتوفيق لكgg444g


توقيع : فارس الدعاية


اكواد استايل تومبيلات جاهزة للاستخدام Aiyo--12
<<<< لشكوى الأعضاء ضد فريق المنتدى >>>>
<<<< القانون العام لمنتدى الدعاية و الإشهار >>>>
<<<< القانون العام لعلبة الدردشة >>>>

Mc nabulsy يعجبه هذا الموضوع

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

البلد : مصر
الجنس : ذكر
المساهمات : 261
نقاط النشاط : 295

اكواد استايل تومبيلات جاهزة للاستخدام Empty
مُساهمةموضوع: رد: اكواد استايل تومبيلات جاهزة للاستخدام   اكواد استايل تومبيلات جاهزة للاستخدام Emptyالإثنين 6 سبتمبر 2021 - 19:49

@Mc nabulsy شرح ممتاز اخي
لكن جربت اطبقه وطلع في مشكله
في الهيدر شوف الصوره للهيدر

اكواد استايل تومبيلات جاهزة للاستخدام P_2075tnv6p0

بالاضافه انه هيكل المنتدى فضل على شكله الاصلي و ماحصل
فيه اي تغير الستايل الجديد


توقيع : أفندينا


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

اكواد استايل تومبيلات جاهزة للاستخدام Do

https://q-wada3.net/vb/
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Mc nabulsy
مشرف تطوير المواقع والمنتديات

Mc nabulsy

البلد : فلسطين
الجنس : ذكر
المساهمات : 4140
نقاط النشاط : 5916

اكواد استايل تومبيلات جاهزة للاستخدام Empty
مُساهمةموضوع: رد: اكواد استايل تومبيلات جاهزة للاستخدام   اكواد استايل تومبيلات جاهزة للاستخدام Emptyالإثنين 6 سبتمبر 2021 - 20:04

أفندينا كتب:
@Mc nabulsy شرح ممتاز اخي
لكن جربت اطبقه وطلع في مشكله
في الهيدر شوف الصوره للهيدر

اكواد استايل تومبيلات جاهزة للاستخدام P_2075tnv6p0

بالاضافه انه هيكل المنتدى فضل على شكله الاصلي و ماحصل
فيه اي تغير الستايل الجديد


اخي ركز في اللي كتبته بالموضوع بتفهم اكثر
اقتباس :
ويكون الاستايل بالهيدر صورتان يمين ويسار وتمدد بالمنتصف 
بالفوتر يمين ويسار وتمدد بالمنتصف
وعلى يمين ويسار الموقع يوجد تمدد يربط بين الهيدر والفوتر



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

واخر شي بالنسبة للشكل
اقتباس :
طبعا يجب تغيير ارتفاع وعرض الصور بكود الـcss بحسب الصور اللي انت بتستخدمها

width هو العرض
height هو الارتفاع
كله موجود اسفل رابط كل صورة باكواد الـ css


توقيع : Mc nabulsy


اكواد استايل تومبيلات جاهزة للاستخدام Aiyo--12
<<<< لشكوى الأعضاء ضد فريق المنتدى >>>>
<<<< القانون العام لمنتدى الدعاية و الإشهار >>>>
<<<< القانون العام لعلبة الدردشة >>>>





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

البلد : مصر
الجنس : ذكر
المساهمات : 261
نقاط النشاط : 295

اكواد استايل تومبيلات جاهزة للاستخدام Empty
مُساهمةموضوع: رد: اكواد استايل تومبيلات جاهزة للاستخدام   اكواد استايل تومبيلات جاهزة للاستخدام Emptyالإثنين 6 سبتمبر 2021 - 21:05

طيب اخي ايش بالنسبه للهيكل و الخطوط والالوات
+
المقاسات كلها مظبوته و رغم هذا طلع شكل الهيدر مو مظبوط


توقيع : أفندينا


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

اكواد استايل تومبيلات جاهزة للاستخدام Do

https://q-wada3.net/vb/
الرجوع الى أعلى الصفحة اذهب الى الأسفل
أفندينا
 
 
أفندينا

البلد : مصر
الجنس : ذكر
المساهمات : 261
نقاط النشاط : 295

اكواد استايل تومبيلات جاهزة للاستخدام Empty
مُساهمةموضوع: رد: اكواد استايل تومبيلات جاهزة للاستخدام   اكواد استايل تومبيلات جاهزة للاستخدام Emptyالأربعاء 8 سبتمبر 2021 - 10:04



توقيع : أفندينا


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

اكواد استايل تومبيلات جاهزة للاستخدام Do

https://q-wada3.net/vb/
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Mc nabulsy
مشرف تطوير المواقع والمنتديات

Mc nabulsy

البلد : فلسطين
الجنس : ذكر
المساهمات : 4140
نقاط النشاط : 5916

اكواد استايل تومبيلات جاهزة للاستخدام Empty
مُساهمةموضوع: رد: اكواد استايل تومبيلات جاهزة للاستخدام   اكواد استايل تومبيلات جاهزة للاستخدام Emptyالخميس 9 سبتمبر 2021 - 18:51

أفندينا كتب:
طيب اخي ايش بالنسبه للهيكل و الخطوط والالوات
+
المقاسات كلها مظبوته و رغم هذا طلع شكل الهيدر مو مظبوط

اخي كملها انت مش صعبة الالوان والهيكل بلوحة الادارة - مظهر المنتدى - الوان
والهيكل من خلال قوالب التومبيلات موجود كثير اكواد وقوالب جاهزة + من ادارة الصور بلوحة التحكم

وبالنسبة للمقاسات لازم يكون الارتفاع متساوي دائما عشان تزبط لأني مجرب الكود وشغال 100%


توقيع : Mc nabulsy


اكواد استايل تومبيلات جاهزة للاستخدام Aiyo--12
<<<< لشكوى الأعضاء ضد فريق المنتدى >>>>
<<<< القانون العام لمنتدى الدعاية و الإشهار >>>>
<<<< القانون العام لعلبة الدردشة >>>>





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

البلد : مصر
الجنس : ذكر
المساهمات : 261
نقاط النشاط : 295

اكواد استايل تومبيلات جاهزة للاستخدام Empty
مُساهمةموضوع: رد: اكواد استايل تومبيلات جاهزة للاستخدام   اكواد استايل تومبيلات جاهزة للاستخدام Emptyالجمعة 10 سبتمبر 2021 - 14:32

@Mc nabulsy
اقتباس :
وبالنسبة للمقاسات لازم يكون الارتفاع متساوي دائما عشان تزبط لأني مجرب الكود وشغال 100%
الارتفاع متساوي كله اخي رغم هذا ما يظبت
+ هل هناك مساحه معينه للعمل قبل التقطيع
انا اشتغل المساحه على 1000 عرض في 700 ارتفاع


توقيع : أفندينا


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

اكواد استايل تومبيلات جاهزة للاستخدام Do

https://q-wada3.net/vb/
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Mc nabulsy
مشرف تطوير المواقع والمنتديات

Mc nabulsy

البلد : فلسطين
الجنس : ذكر
المساهمات : 4140
نقاط النشاط : 5916

اكواد استايل تومبيلات جاهزة للاستخدام Empty
مُساهمةموضوع: رد: اكواد استايل تومبيلات جاهزة للاستخدام   اكواد استايل تومبيلات جاهزة للاستخدام Emptyالجمعة 10 سبتمبر 2021 - 15:06

أفندينا كتب:
@Mc nabulsy
اقتباس :
وبالنسبة للمقاسات لازم يكون الارتفاع متساوي دائما عشان تزبط لأني مجرب الكود وشغال 100%
الارتفاع متساوي كله اخي رغم هذا ما يظبت
+ هل هناك مساحه معينه للعمل قبل التقطيع
انا اشتغل المساحه على 1000 عرض في 700 ارتفاع

لا اخي العرض ما بفرق المهم ما يكون عرض الصورتين يمين ويسار كتير كبير يعني اكثر من 500 مثلا 
لان وقتها حجم الشاشة اللي بحكم على ظهور الكود
+
اخي ارسلي رابط معاينه افضل من الردود الكثيرة


توقيع : Mc nabulsy


اكواد استايل تومبيلات جاهزة للاستخدام Aiyo--12
<<<< لشكوى الأعضاء ضد فريق المنتدى >>>>
<<<< القانون العام لمنتدى الدعاية و الإشهار >>>>
<<<< القانون العام لعلبة الدردشة >>>>





لا اله الا الله
الرجوع الى أعلى الصفحة اذهب الى الأسفل
AsHeK EgYpT
نائب المدير

AsHeK EgYpT

البلد : مصر
الجنس : ذكر
المساهمات : 12171
نقاط النشاط : 3681
الأوسمة : اكواد استايل تومبيلات جاهزة للاستخدام 220
اكواد استايل تومبيلات جاهزة للاستخدام 1510

اكواد استايل تومبيلات جاهزة للاستخدام Empty
مُساهمةموضوع: رد: اكواد استايل تومبيلات جاهزة للاستخدام   اكواد استايل تومبيلات جاهزة للاستخدام Emptyالجمعة 10 سبتمبر 2021 - 16:10

اظن يا شباب انا تركتكم في الحوار بما يكفي
فكل هذه الردود تجعل الموضوع ساحة للحوار وليس موضوع تقنية
اذا اراد احد الاستفسار عن اي شئ يقوم بوضعه بـ قسم الدعم و المساعدة
ويستطيع وقتها الاستفسار من صاحب موضوع الكود عن ما يشاء
اكواد استايل تومبيلات جاهزة للاستخدام 235873 اكواد استايل تومبيلات جاهزة للاستخدام 235873


توقيع : AsHeK EgYpT


اكواد استايل تومبيلات جاهزة للاستخدام Aiyo--12
<<<< لشكوى الأعضاء ضد فريق المنتدى >>>>
<<<< القانون العام لمنتدى الدعاية و الإشهار >>>>
<<<< القانون العام لعلبة الدردشة >>>>
اكواد استايل تومبيلات جاهزة للاستخدام Lmt4x710
وَإِذا أَتَتكَ مَذَمَّتي مِن ناقِصٍ .. فَهِيَ الشَهادَةُ لي بِأَنِّيَ كامِلُ

Mc nabulsy يعجبه هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل
مصطفى ستيتان
مرشح لفريق الإشراف

مصطفى ستيتان

البلد : فلسطين
الجنس : ذكر
المساهمات : 10525
نقاط النشاط : 6954

اكواد استايل تومبيلات جاهزة للاستخدام Empty
مُساهمةموضوع: رد: اكواد استايل تومبيلات جاهزة للاستخدام   اكواد استايل تومبيلات جاهزة للاستخدام Emptyالجمعة 30 سبتمبر 2022 - 0:40

يعطيك العافية أخي معتصم دام تألقك


توقيع : مصطفى ستيتان


اكواد استايل تومبيلات جاهزة للاستخدام Aiyo--12
<<<< لشكوى الأعضاء ضد فريق المنتدى >>>>
<<<< القانون العام لمنتدى الدعاية و الإشهار >>>>
<<<< القانون العام لعلبة الدردشة >>>>
سبحان الله والحمدلله ولا إله إلا الله 
- ملتقى المصمم الفلسطيني = www.paldes.net
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
اكواد استايل تومبيلات جاهزة للاستخدام
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» خدمة يقدمها توب استايل اطلب استايل تومبيلات لمنتداك و السعر ولا في الخيال
» منتدى برشلونة الرسمي استايل احترافي اقسام جاهزة .... الحق
» حصريات اكاديميه التلعيم العربي اكواد تومبيلات وستايلات حصريا بالمجان
»  حصرياا اكواد إضافات,اكواد رائعة لمنتداك ببلوجر,فلاشات رمضانيات:اكواد كم باقى على رمضان 2015/1436 ؟
» اشهر منتداك وارشفه واطلب اى تصميم يكون جاهز فى ثوانى وكمان اكواد تومبيلات واكواد سى سى للمنتديات

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
دليل الإشهار العربي :: منتدى تطوير المواقع والمنتديات :: قسم تطوير احلى منتدى :: استايلات المنتديات-
انتقل الى:  
جميع الحقوق محفوظة لمنتدى دليل الإشهار العربي