مركز الإعتمادات العربى
مرحبا بك في مركز الإعتمادات العربي

تشرفنا زيارتك لنا وندعوك الى التسجيل وانضمام لنا والتمتع بخدماتنا المتميزة

مركز الإعتمادات العربى

إعتمادات أحلى منتدى , خدمات الإعتمادات و المعاملات المالية
 
الرئيسيةالرئيسية  البوابةالبوابة  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  المجموعاتالمجموعات  التسجيلالتسجيل  دخولدخول  

شاطر | 
 

 اقوى قوالب الposting_body في عالم المنتديات !

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
t-Gaming
عضو نشيط
عضو نشيط


عدد المساهمات : 265
التقييم : 1
احترام قوانين المنتدى :

مُساهمةموضوع: اقوى قوالب الposting_body في عالم المنتديات !   الثلاثاء 25 أغسطس - 22:26

السلام عليكم ورحمة الله وبركاته

اليوم عندي اقوى قالب بوستنق بودي في العالم كله ! 

قالب اسطوري ..  ومعه اضافات جافا و css 

مميزات القالب :
توسيط الصندوق الماسي في وسط الصفحة
وضع الابتسامات و ايقونات الموضوع و كتابة الكلمات الدلالية وادوات الموضوع اسفل الصندوق الماسي
زيادة ايقونات الصندوق الماسي لجعلها 57 أيقونة إن لم تكن اكثر !
صورة الصفحة :


القالب كل العالم عرضته للبيع الا انا اعرضه مجانآ بعد ما برمجته بنفسي وساعدني بتوسيط البيانات new.moon جزاه الله خير



اولآ يفضل تكون مطبق هذا الشرح :
تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى
سواء وضعت العناصر اعلى ام اسفل المنتدى لم تفرق اهم شيء انه مايكون على اليمين او اليسار 
هذا عشان اكواد الازرار ^

عمومآ نبدأ الطريقة ..
لوحة الادارة - عناصر إضافية - إدارة العناصر المستقلة -إنشاء عنصر شخصي
ركز معاي لحظة ... هذي العملية بنكررها : 7 مرات !
كل عنصر بنحط فيه كود معين

وكلهم نفس الاعدادات ! 
إسم العنصر :  في العناصر السبعة كلهم حط الاسم على راحتك
استعمال جدول عام : لا
عنوان العنصر : اتركه فارغ
مصدر العنصر : نضع الكود ..
طبعآ قلنا نسوي سبع عناصر وكل عنصر بكود معين وطبعآ وكلهم نفس الاعدادات ^ ومو لازم ترتيب معين على راحتك

الاكواد ال7 :

الرمز:
<script src="http://gamesalex.ahlamontada.com/11317.js" type="text/javascript"></script>

الرمز:
<script src="http://x-gaming.lforum.biz/14099.js" type="text/javascript"></script>

الرمز:
<script src="http://x-gaming.lforum.biz/15115.js" type="text/javascript"></script>

الرمز:
<script src="http://x-gaming.lforum.biz/13495.js" type="text/javascript"></script>

الرمز:
<script src="http://x-gaming.lforum.biz/16634.js" type="text/javascript"></script>

الرمز:
<script src="http://x-gaming.lforum.biz/17843.js" type="text/javascript"></script>

الرمز:
<script src="http://x-gaming.lforum.biz/18227.js" type="text/javascript"></script>

وبعدها تضيف العناصر السبعة لأي مكان عمود يعجبك يمين ولا شمال خذ راحتك وسو سجل

والحين نجي إلى الcss 
لوحة الادارة - مظهر المنتدى - اللوان - ورقة تصميم الcss
وضع هذا الكود :
الرمز:



.border_bg {
 background-image: url('http://imageshack.us/a/img17/6203/ijbj.jpg');
 background-repeat: repeat-x;
 height: 36px;
}
.border_r {
 background-image: url('http://imageshack.us/a/img716/4164/w2ob.jpg');
 background-repeat: repeat;
 float: right;
 height: 36px;
 width: 70px;
}
.border_l {
 background-image: url('http://imageshack.us/a/img855/2623/22ow.jpg');
 background-repeat: no-repeat;
 height: 36px;
 width: 44px;
 float: left;
}


.border_f_bg {
 background-image: url('http://imageshack.us/a/img6/9843/ptyq.jpg');
 background-repeat: repeat-x;
 height: 56px;
}


.border_f_r {
 background-image: url('http://imageshack.us/a/img15/3278/t148.jpg');
 background-repeat: no-repeat;
 height: 56px;
 width: 70px;
 float: right;
}
.border_f_l_1 {
 background-image: url('http://imageshack.us/a/img571/958/dw0z.jpg');
 background-repeat: no-repeat;
 height: 56px;
 width: 44px;
 float: left;
}
.border_f_l_2 {
 background-image: url('http://imageshack.us/a/img62/5899/lubq.jpg');
 background-repeat: no-repeat;
 height: 56px;
 width: 236px;
 float: left;
}
.border_bg_c{
 background:transparent;
 color:white;
}
.border_bg_r{
 background: url('http://imageshack.us/a/img833/7323/h6j4.jpg') repeat-y right center;
 padding-right:70px;
}
.border_bg_l{
 background: url('http://imageshack.us/a/img841/6881/1vy3.jpg
') repeat-y left center;
 padding-left:44px;
}

.bodyline{
    background:# url(*);
    border:0;
    padding:0;
    margin:0;
    }



    body{
    padding:0;
    margin:0;
    background-position:center;
    }
    a{
    text-decoration:none;
    }

.d0ccaf6 mainmenu {
height:1px;
 
  }

      /* كود شكل الاقتباس المميز */

 . QUOTE{
    background: #FFFFFF url(http://i38.servimg.com/u/f38/18/04/55/46/222210.gif);
    background-repeat: no-repeat;
    background-position: 10px 9px;
    margin-right: auto;
    margin-left: auto;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
    border-bottom-left-radius: 14px;
    border: 2px solid #C6C9C9;
    color: #694040;
    padding-top: 20px;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 20px;
    width: 95%;
}
/* كود السايز و الفونت في الصندوق مثل الفي بي */
 .sceditor-button.sceditor-button-font {
    background: url(http://i18.servimg.com/u/f18/16/58/61/26/122gjm11.png) 0 0 no-repeat scroll!important;
    height: 22px!important;
    width: 81px;
}



 .sceditor-button.sceditor-button-size {
    background: url(http://i18.servimg.com/u/f18/16/58/61/26/122gjm10.png) 0 0 no-repeat scroll!important;
    height: 22px!important;
    width: 81px;
}



.sceditor-button-font div {
    background-image:url('http://illiweb.com/fa/empty.gif') !important;
    background-position:0 !important;
}



.sceditor-button-size div {
    background-image:url('http://illiweb.com/fa/empty.gif') !important;
    background-position:0 !important;
}


/* كود إزالة خلفية الازرار بدون خلفية العارضة */
div.sceditor-group {
    background: rgba(221, 221, 221, 0)!important;
    background-clip: padding-box!important;
    border-bottom: 1px solid rgba(170, 170, 170, 0)!important;
}

/* كود خلفية لعارضة الأزرار في لوحة الكتابة */
.sceditor-toolbar {
background:#E2E2E4 !important;
}


/* كود تغير خلفيات الازرار وجعلها مثل الفي بي */

/* زر الB */

.sceditor-button-bold div {
    background-image:url('http://i18.servimg.com/u/f18/16/80/02/94/bold10.gif') !important;
    background-position:0 !important;
}

/* زر ال l */

.sceditor-button-italic div {
    background-image:url('http://i18.servimg.com/u/f18/16/80/02/94/italic10.gif') !important;
    background-position:0 !important;
}

/* زر ال U */

.sceditor-button-underline div {
    background-image:url('http://i18.servimg.com/u/f18/16/80/02/94/underl10.gif') !important;
    background-position:0 !important;
}

/* زر ال S */

.sceditor-button-strike div {
    background-image:url('http://i18.servimg.com/u/f18/16/80/02/94/strike10.gif') !important;
    background-position:0 !important;
}

/* زر الأنحياز إلى اليسار */


.sceditor-button-left div {
    background-image:url('http://i18.servimg.com/u/f18/16/80/02/94/justif10.gif') !important;
    background-position:0 !important;
}

/* زر التوسيط */

.sceditor-button-center div {
    background-image:url('http://i18.servimg.com/u/f18/16/80/02/94/justif11.gif') !important;
    background-position:0 !important;
}


/* زر الانحياز إلى اليمين */


.sceditor-button-right div {
    background-image:url('http://i18.servimg.com/u/f18/16/80/02/94/justif12.gif') !important;
    background-position:0 !important;
}

/* زر المحاذاة إلى الاطراف */

.sceditor-button-justify div {
    background-image:url('http://i18.servimg.com/u/f18/16/80/02/94/justif13.gif') !important;
    background-position:0 !important;
}


/* زر ترقيم الكلام */

.sceditor-button-orderedlist div {
    background-image:url('http://i18.servimg.com/u/f18/16/80/02/94/insert10.gif') !important;
    background-position:0 !important;
}


/* زر تنقيط الكلام */

.sceditor-button-bulletlist div {
    background-image:url('http://i18.servimg.com/u/f18/16/80/02/94/insert11.gif') !important;
    background-position:0 !important;
}


/* زر خط افقي */

.sceditor-button-horizontalrule div {
    background-image:url('http://i18.servimg.com/u/f18/16/80/02/94/wand-m10.png') !important;
    background-position:0 !important;
}


/* زر ادراج اقتباس */

.sceditor-button-quote div {
    background-image:url('http://i18.servimg.com/u/f18/16/80/02/94/html2111.png') !important;
    background-position:0 !important;
}

/* زر إدارج كود */

.sceditor-button-code div {
    background-image:url('http://i18.servimg.com/u/f18/16/80/02/94/html2112.png') !important;
    background-position:0 !important;
}

/* زر إخفاء الرد */


.sceditor-button-faspoiler div {
    background-image:url('http://i18.servimg.com/u/f18/16/80/02/94/hide10.gif') !important;
    background-position:0 !important;
}

/* زر إدارج جدول */

.sceditor-button-table div {
    background-image:url('http://i18.servimg.com/u/f18/16/80/02/94/table10.gif') !important;
    background-position:0 !important;
}



/* زر إدراج صورة */

.sceditor-button-image div {
    background-image:url('http://i18.servimg.com/u/f18/16/80/02/94/insert12.gif') !important;
    background-position:0 !important;
}



/* زر رفع الصور */

.sceditor-button-servimg div {
    background-image:url('http://i18.servimg.com/u/f18/16/80/02/94/insert13.gif') !important;
    background-position:0 !important;
}


/* زر ربط الرابط */

.sceditor-button-link div {
    background-image:url('http://i18.servimg.com/u/f18/16/80/02/94/create10.gif') !important;
    background-position:0 !important;
}


/* ايقونات الخطوط الرائعة */
/* Ajoute Font Awesome aux polices de la textarea pour que les icônes soient visibles */


.sceditor-container textarea { font-family:Verdana, Arial, Helvetica, sans-serif, FontAwesome !important }


/* Image du bouton */


.sceditor-button-fontawesome div { background:url(http://i19.servimg.com/u/f19/19/06/98/92/fa-f10.png) !important }


 


/* Popup */


.sceditor-fontawesome {


  width:220px;


  height:250px;


  overflow-y:auto;


}


 


/* Icônes */


.sceditor-fontawesome i {


  color:#333;


  font-size:20px;


  text-align:center;


  cursor:pointer;


  padding:3px 0;


  width:25%;


}


.sceditor-fontawesome i:hover { color:#666 }

/* كود زر الهاش تاق */

/* image du bouton hashtag */
.sceditor-button-hashtag div { background-image:url(http://i19.servimg.com/u/f19/19/06/98/92/scehas11.png) !important }
 
/* menu déroulant des hashtags */
#fa-hashtag {
  background:url(http://i19.servimg.com/u/f19/19/06/98/92/scehas11.png) no-repeat 3px 50% #FFF;
  padding-left:22px;
}

الأكواد كثيرة تأكد من نسخها كلها ^

واضغط سجل

وبعدها نروح إلى :

لوحة الادارة - مظهر المنتدى - التومبلات & القوالب - إدارة عامة - overall_header

ونبحث عن :
الرمز:
{T_HEAD_STYLESHEET}

ونضع بعدها :
الرمز:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
{T_HEAD_STYLESHEET}

واضغط سجل 
وفعل التغيرات

واذهب إلى :
لوحة الادارة - مظهر المنتدى - ارسل & الرسائل الخاصة - posting_body

احذف كل القالب وضع هذا :

حمل القالب من هنا : http://www.4shared.com/office/n6CfcdIzba/posting_body.html?
حاولة وضعه في المرفقات لكن يخبرني انه يوجد مشكلة في رفع الملف على المفرقات فرفعته على مركز الخليج 
وقبل ماتدوس سجل تبحث عن :
http://x-gaming.lforum.biz/smilies.forum?mode=smilies_frame&t=1372088007
راح تشوفه مرتين
تشيل رابط منتداي وتحط رابط منتداك في المرتين 

ودوس سجل

وفعل التغيرات

ومبروك عليك ولو ماشتغل معك القالب حطه مرة ثانية وثالثة ورابعة لين مايشتغل 


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

http://www.e3tmadat.com/t62202p15-topic


وشكرآ لكم ..



عدل سابقا من قبل t-Gaming في السبت 26 سبتمبر - 23:37 عدل 1 مرات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
JAR7
عضو سوبر
عضو سوبر



انثى
عدد المساهمات : 13599
التقييم : 39
احترام قوانين المنتدى :

مُساهمةموضوع: رد: اقوى قوالب الposting_body في عالم المنتديات !   الثلاثاء 25 أغسطس - 23:03

كود خرافي ورائع وفقك الله تم قبوله
راااااااااااااائع جدا

الرجوع الى أعلى الصفحة اذهب الى الأسفل
t-Gaming
عضو نشيط
عضو نشيط


عدد المساهمات : 265
التقييم : 1
احترام قوانين المنتدى :

مُساهمةموضوع: رد: اقوى قوالب الposting_body في عالم المنتديات !   الثلاثاء 25 أغسطس - 23:26

شكرآ اختي في انتظار النتائج

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



انثى
عدد المساهمات : 13599
التقييم : 39
احترام قوانين المنتدى :

مُساهمةموضوع: رد: اقوى قوالب الposting_body في عالم المنتديات !   الخميس 27 أغسطس - 21:39

ينقل الموضوع بالقسم المناسب

الرجوع الى أعلى الصفحة اذهب الى الأسفل
Abd El Hafidh
عضو نشيط
عضو نشيط


عدد المساهمات : 391
التقييم : 1
احترام قوانين المنتدى :

مُساهمةموضوع: رد: اقوى قوالب الposting_body في عالم المنتديات !   الأربعاء 2 سبتمبر - 11:06

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

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



ذكر
عدد المساهمات : 615
التقييم : 0
العمر : 18
احترام قوانين المنتدى :

مُساهمةموضوع: رد: اقوى قوالب الposting_body في عالم المنتديات !   الأربعاء 2 سبتمبر - 12:21

شكرا جزيلا لك اخي الكريم


بار الله فيك تسلم


:;وردة حمراء ه: 

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.muj-max.com
روح الأسد
عضو سوبر
عضو سوبر



ذكر
عدد المساهمات : 6464
التقييم : 9
العمر : 26
احترام قوانين المنتدى :

مُساهمةموضوع: رد: اقوى قوالب الposting_body في عالم المنتديات !   الخميس 3 سبتمبر - 0:28

رائع جدا يا صديقى

ننتظر المزيد

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.raafat2.com
Ramy Osman
عضو سوبر
عضو سوبر



ذكر
عدد المساهمات : 11207
التقييم : 5
العمر : 19
احترام قوانين المنتدى :

مُساهمةموضوع: رد: اقوى قوالب الposting_body في عالم المنتديات !   الخميس 3 سبتمبر - 22:05

كل الشكر والامتنان على روعهـ بوحـكـ
..
وروعهـ مانــثرت .. وجماليهـ طرحكـ
..
دائما متميز في الانتقاء
سلمت يالغالي على روعه طرحك
نترقب المزيد من جديدك الرائع
دمت ودام لنا روعه مواضيعك

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://khlykco0ol.egyptfree.net/
Abd El Hafidh
عضو نشيط
عضو نشيط


عدد المساهمات : 391
التقييم : 1
احترام قوانين المنتدى :

مُساهمةموضوع: رد: اقوى قوالب الposting_body في عالم المنتديات !   السبت 26 سبتمبر - 23:16

رائع جدا

لكن الرابط لا يشتغل لتحميل القالب

ممكن تصليح الرابط


شكرا

الرجوع الى أعلى الصفحة اذهب الى الأسفل
t-Gaming
عضو نشيط
عضو نشيط


عدد المساهمات : 265
التقييم : 1
احترام قوانين المنتدى :

مُساهمةموضوع: رد: اقوى قوالب الposting_body في عالم المنتديات !   السبت 26 سبتمبر - 23:36

تم تصليح الرابط : 

الرجوع الى أعلى الصفحة اذهب الى الأسفل
Abd El Hafidh
عضو نشيط
عضو نشيط


عدد المساهمات : 391
التقييم : 1
احترام قوانين المنتدى :

مُساهمةموضوع: رد: اقوى قوالب الposting_body في عالم المنتديات !   الأحد 27 سبتمبر - 18:56

شكرا

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



ذكر
عدد المساهمات : 4458
التقييم : 3
العمر : 19
احترام قوانين المنتدى :

مُساهمةموضوع: رد: اقوى قوالب الposting_body في عالم المنتديات !   الإثنين 28 سبتمبر - 16:57

كود رائع جدا + هل يمكنك تركيبه لي فانا لم اعرف

الرجوع الى أعلى الصفحة اذهب الى الأسفل
t-Gaming
عضو نشيط
عضو نشيط


عدد المساهمات : 265
التقييم : 1
احترام قوانين المنتدى :

مُساهمةموضوع: رد: اقوى قوالب الposting_body في عالم المنتديات !   الأربعاء 30 سبتمبر - 12:45

الشرح واضح جداً اخي مالذي  لم تعرفه بالضبط كي تطلب هذا ؟؟ 

لا اعتقد من الصعب فهمه ^.^

لكن ممنوع ان تعطيني عضوية الأدارة لذا انتظر المشرفين او اطلب من منتدى الدعم ^.^

الرجوع الى أعلى الصفحة اذهب الى الأسفل
Black Love
عضو نشيط
عضو نشيط


ذكر
عدد المساهمات : 303
التقييم : 0
احترام قوانين المنتدى :

مُساهمةموضوع: رد: اقوى قوالب الposting_body في عالم المنتديات !   الإثنين 16 نوفمبر - 21:58

جميل , شكرآ لك ♥

الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
اقوى قوالب الposting_body في عالم المنتديات !
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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