جاري التحميل
المواضيع الأخيرة
أفضل 10 أعضاء في هذا الأسبوع
omarpop23
 
JoryAbdallah
 
khairanynabil
 
نورالدين خلف
 
BAZOKA Libya
 
game4rest
 

المتواجدون الآن ؟
ككل هناك 10 عُضو متصل حالياً :: 1 أعضاء, 0 عُضو مُختفي و 9 زائر :: 2 عناكب الفهرسة في محركات البحث

tofayas

[ مُعاينة اللائحة بأكملها ]


أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 141 بتاريخ 19/07/16, 08:08 am
احصائيات
هذا المنتدى يتوفر على 486 عُضو.
آخر عُضو مُسجل هو khairanynabil فمرحباً به.

أعضاؤنا قدموا 9723 مساهمة في هذا المنتدى في 1841 موضوع

منتديات تقنيات :: جاليري استايلات التومبلايت والقوالب والاكواد :: 

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

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

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

قالب اسطوري ..  ومعه اضافات جافا و 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) عدد مرات التنزيل 7


عدل سابقا من قبل JAR7 في 23/04/16, 10:55 am عدل 1 مرات
يعطيك آلف عافيه ع هالموضوع
avatar
منور الموضوع


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


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


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


avatar
مجهود ممتاز
ننتظر المزيد من ابداعك
avatar
كالعادة ابداع رائع 
وطرح يستحق المتابعة
شكراً لك 
بانتظار الجديد القادم
دمت بكل خير
avatar
رائع جدا شكرا لك ننتظر المزيد من ابداعك
avatar
أخوي .. اول شي مشكووور كتير ع القالب
لكن فيه مشكلة الابتسامات ما تطلع معي بالمنشور
ما تدخل نص الكتابة اي رمز من الابتسامات ؟؟
ارجو شرح حل المشكلة
avatar
اهلا بك


m13

سجل دخولك أو انشئ حساب لترك رد

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

انشئ حساب

الانضمام إلى مجتمعنا من خلال إنشاء حساب جديد. من السهل


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

تسجل دخول

هل لديك حساب بالفعل؟ لا توجد مشكلة، قم بتسجيل الدخول هنا.


تسجيل دخول