منتديات تقنيات
يسعدنا تسجيلكم بالمنتدى اهلا بكم


قالب posting_body . كود عمل ايقونات الموضوع اسفل صندوق الكتابة

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

قالب posting_body . كود عمل ايقونات الموضوع اسفل صندوق الكتابة

مُساهمة من طرف JAR7 في 02/03/16, 06:20 pm

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

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

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

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

اولآ يفضل تكون مطبق هذا الشرح :
تحديث: شرح عمل العناصر المُستقله بأسفل او أعلى المنتدى
عمومآ نبدأ الطريقة ..
لوحة الادارة - عناصر إضافية - إدارة العناصر المستقلة -إنشاء عنصر شخصي
ركز معاي لحظة ... هذي العملية بنكررها : 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://x-gaming.lforum.biz/smilies.forum?mode=smilies_frame&t=1372088007
راح تشوفه مرتين
تشيل رابط منتداي وتحط رابط منتداك في المرتين 

ودوس سجل

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

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


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

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


وشكرآ لكم ..
المرفقات
قالب posting_body.zip لا تتوفر على صلاحيات كافية لتحميل هذه المرفقات.(7 Ko) عدد مرات التنزيل 5


عدل سابقا من قبل JAR7 في 23/04/16, 10:55 am عدل 1 مرات

JAR7
مؤسس المنتدى


الجنس : انثى
عدد المساهمات : 2195
التقييم : 285
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

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

رد: قالب posting_body . كود عمل ايقونات الموضوع اسفل صندوق الكتابة

مُساهمة من طرف عضوة مبدعة في 02/03/16, 10:23 pm

يعطيك آلف عافيه ع هالموضوع

عضوة مبدعة
عضو نشيط


الجنس : انثى
عدد المساهمات : 82
التقييم : 3
تاريخ التسجيل : 27/02/2016

معاينة صفحة البيانات الشخصي للعضو

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

رد: قالب posting_body . كود عمل ايقونات الموضوع اسفل صندوق الكتابة

مُساهمة من طرف JAR7 في 02/03/16, 11:10 pm

منور الموضوع



JAR7
مؤسس المنتدى


الجنس : انثى
عدد المساهمات : 2195
التقييم : 285
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

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

رد: قالب posting_body . كود عمل ايقونات الموضوع اسفل صندوق الكتابة

مُساهمة من طرف المصمم الليلي في 02/03/16, 11:54 pm

مجهود ممتاز
ننتظر المزيد من ابداعك

المصمم الليلي
عضو نشيط


الجنس : ذكر
عدد المساهمات : 192
التقييم : 8
تاريخ التسجيل : 27/02/2016
اوسمتي : :1:0:0

معاينة صفحة البيانات الشخصي للعضو http://arab-ibda3.0wn0.com/

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

رد: قالب posting_body . كود عمل ايقونات الموضوع اسفل صندوق الكتابة

مُساهمة من طرف JAR7 في 03/03/16, 06:56 am

منور الموضوع



JAR7
مؤسس المنتدى


الجنس : انثى
عدد المساهمات : 2195
التقييم : 285
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

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

رد: قالب posting_body . كود عمل ايقونات الموضوع اسفل صندوق الكتابة

مُساهمة من طرف AmEr 3OshA8 في 04/03/16, 11:18 am

شكرا ع الكود الاكثر من رائع



AmEr 3OshA8
عضو نشيط


الجنس : ذكر
عدد المساهمات : 143
التقييم : 24
تاريخ الميلاد : 11/12/1995
تاريخ التسجيل : 27/02/2016
العمر : 20
الموقع : قلبى
العمل/الترفيه : السباحه طبعا
المزاج : تأليف بن شرابى (أمير حروفه تلاطم بعضها..كثر الزين ما تعرف وين تناظر أدب واحترام ونظام واتباع..يستاهل لقب المبدع الشاطر)

معاينة صفحة البيانات الشخصي للعضو http://www.ahlawarsh.net/

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

رد: قالب posting_body . كود عمل ايقونات الموضوع اسفل صندوق الكتابة

مُساهمة من طرف Black Love في 19/03/16, 08:41 pm

شششكرآ على الكود #بلآك
  



Black Love
عضو نشيط


الجنس : ذكر
عدد المساهمات : 96
التقييم : 15
تاريخ التسجيل : 19/03/2016
الموقع : المغرب ~~♥
العمل/الترفيه : مصمم جرافيك و مككود وسسباح ايضا هع ♥
المزاج : ~~ ححلو النهردهه هع ♥

معاينة صفحة البيانات الشخصي للعضو

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

رد: قالب posting_body . كود عمل ايقونات الموضوع اسفل صندوق الكتابة

مُساهمة من طرف نورالدين خلف في 19/03/16, 08:59 pm

مجهود ممتاز
ننتظر المزيد من ابداعك

نورالدين خلف
عضو نشيط


الجنس : ذكر
عدد المساهمات : 155
التقييم : 10
تاريخ الميلاد : 29/10/1986
تاريخ التسجيل : 28/02/2016
العمر : 30
المزاج : الحمدلله رب العالمين

معاينة صفحة البيانات الشخصي للعضو http://alkuaml.blogspot.com.eg/

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

رد: قالب posting_body . كود عمل ايقونات الموضوع اسفل صندوق الكتابة

مُساهمة من طرف Mr.Yakoub في 21/04/16, 09:05 pm

كالعادة ابداع رائع 
وطرح يستحق المتابعة
شكراً لك 
بانتظار الجديد القادم
دمت بكل خير

Mr.Yakoub
الاشراف العام


الجنس : ذكر
عدد المساهمات : 548
التقييم : 3
تاريخ التسجيل : 28/02/2016
اوسمتي : :1:0:0

معاينة صفحة البيانات الشخصي للعضو

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

رد: قالب posting_body . كود عمل ايقونات الموضوع اسفل صندوق الكتابة

مُساهمة من طرف walid dz في 29/04/16, 04:30 pm

رائع جدا شكرا لك ننتظر المزيد من ابداعك

walid dz
عضو نشيط


الجنس : ذكر
عدد المساهمات : 90
التقييم : 20
تاريخ التسجيل : 11/04/2016

معاينة صفحة البيانات الشخصي للعضو

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

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

إنشاء حساب أو تسجيل الدخول لتستطيع الرد

تحتاج إلى أن يكون عضوا لتستطيع الرد.

انشئ حساب

يمكنك الانضمام لمنتديات تقنيات فعملية التسجيل سهله !


انشاء حساب جديد

تسجيل الدخول

اذا كنت مسجل معنا فيمكنك الدخول بالضغط هنا


تسجيل الدخول

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