مدونة اكواد Yassine Bablil تمتع معنا بما هو حصري

صفحة 1 من اصل 2 1, 2  الصفحة التالية

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

مدونة اكواد Yassine Bablil تمتع معنا بما هو حصري

مُساهمة من طرف YaSsInE BaBLiL في الأحد فبراير 22, 2015 11:06 pm


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





هده مدونتي الخاصة مدونة أعمالي الخاصة بمجال النت من تصاميم اكواد برمجيات وامور خاصة بي



لا تنسونا بتقييمات

فكلما وجدت تقييمات اكثر كلما عرضت مزيد من الإحتراف التي تفيد ملايين الاعضاء

ملاحظة : يمنع منعا كليا نقل ما هو حصري من مدونتي الشخصية دون إدن مني






عدل سابقا من قبل Yassine Bablil في الأحد فبراير 22, 2015 11:14 pm عدل 1 مرات

YaSsInE BaBLiL
مؤسس الابداع العربي

مؤسس الابداع العربي

الجنس : ذكر

الاسد

عدد المساهمات : 18370

نقاط النشاط : 22606

السٌّمعَة : 318

بلد العضو :

العمر : 21


http://www.weeb-h.com/

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

رد: مدونة اكواد Yassine Bablil تمتع معنا بما هو حصري

مُساهمة من طرف YaSsInE BaBLiL في الأحد فبراير 22, 2015 11:11 pm


تعريف قبل بدأ العمل



- الاسم الكامل : ياسين ببليل
- العمر : 21 سنة

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





YaSsInE BaBLiL
مؤسس الابداع العربي

مؤسس الابداع العربي

الجنس : ذكر

الاسد

عدد المساهمات : 18370

نقاط النشاط : 22606

السٌّمعَة : 318

بلد العضو :

العمر : 21


http://www.weeb-h.com/

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

[كود Css]اجعل اقتباسات spoiler لمنتداك احترافية من صنع Yassine Bablil

مُساهمة من طرف YaSsInE BaBLiL في الأحد فبراير 22, 2015 11:16 pm


[كود Css]اجعل اقتباسات spoiler لمنتداك احترافية من صنع Yassine Bablil

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

كما نعدكم دوما باكواد جديدة حصرية مفيدة لمنتديات اليوم لدينا [كود Css] يجعل اقتباسات spoiler داخل منتداك بشكل احترافي

 * صور قبل تركيب الكود



https://i38.servimg.com/u/f38/18/04/55/46/120.png




https://i38.servimg.com/u/f38/18/04/55/46/221.png


* صور بعد تركيب الكود




https://i38.servimg.com/u/f38/18/04/55/46/315.png





https://i38.servimg.com/u/f38/18/04/55/46/413.png

طريقة التركيب سهلة جدا
لوحة الإدارة / مظهر المنتدى / الوان/ ورقة تصميم css

واضف الكود التالي في ورقة تصميم css


الرمز:
.spoiler {   
background: #fff url(http://i38.servimg.com/u/f38/18/04/55/46/111.gif);   
background-repeat: no-repeat;   
background-position: 14px 3px;   
border-top-left-radius: 9px;   
border-top-right-radius: 9px;   
border-bottom-right-radius: 9px;   
border-bottom-left-radius: 9px;   
border: 2px solid #C6C9C9;   
color: #C70917;   
font-family: Arial;   
font-size: 13px;   
padding-right: 18px;   
width: 40%;   
margin: 15px 25px -11px 18px;   
position: relative;
}


لا تنسونا بتقييماتكم احبائي الغاليين






عدل سابقا من قبل Yassine Bablil في الأحد فبراير 22, 2015 11:19 pm عدل 1 مرات

YaSsInE BaBLiL
مؤسس الابداع العربي

مؤسس الابداع العربي

الجنس : ذكر

الاسد

عدد المساهمات : 18370

نقاط النشاط : 22606

السٌّمعَة : 318

بلد العضو :

العمر : 21


http://www.weeb-h.com/

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

[كود Css] اجعل اقتباس منتداك بشكل جديد حصريا من Yassine Bablil

مُساهمة من طرف YaSsInE BaBLiL في الأحد فبراير 22, 2015 11:18 pm


[كود Css] اجعل اقتباس منتداك بشكل جديد حصريا من Yassine Bablil

السلام عليكم ورحمة الله وبركاته
بدون مقدمات او اطالة ندخل صلب الموضوع مباشرة

اليوم نوفر لكم كود يجعل اقتباس داخل منتداكم بشكل جديد ومطور واكثر تنسيقا

* صورة قبل تركيب الكود :




https://i38.servimg.com/u/f38/18/04/55/46/121.png


* صورة بعد تركيب الكود





https://i38.servimg.com/u/f38/18/04/55/46/222.png

* طريقة التركيب :

لوحة الإدارة / مظهر المنتدى / الوان / ورقة تصميم css
واضف الكود التالي في ورقة تصميم css




الرمز:

 .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%;

}



لا تنسونا من تقييماتكم شباب





YaSsInE BaBLiL
مؤسس الابداع العربي

مؤسس الابداع العربي

الجنس : ذكر

الاسد

عدد المساهمات : 18370

نقاط النشاط : 22606

السٌّمعَة : 318

بلد العضو :

العمر : 21


http://www.weeb-h.com/

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

[كود Css] جعل اسم أقسام منتداى بشكل احترافي من تطوير Yassine Bablil

مُساهمة من طرف YaSsInE BaBLiL في الأحد فبراير 22, 2015 11:20 pm


[كود Css] جعل اسم أقسام منتداى بشكل احترافي من تطوير Yassine Bablil

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

اليوم وكما نعدكم دوما بجديد لمنتدياتكم وتطويرها
نقدم لكم اليوم كود جديد يجعل اقسام الاقسام بمنتداكم بشكل احترافي 

* صورة قبل تركيب الكود: 




https://i38.servimg.com/u/f38/18/04/55/46/125.png


* صورة بعد تركيب الكود




https://i38.servimg.com/u/f38/18/04/55/46/224.png



طريقة التركيب سهلة جدا
لوحة الإدارة / مظهر المنتدى / الوان/ ورقة تصميم css

واضف الكود التالي في ورقة تصميم css



الرمز:
 .forumlink{   

-moz-box-shadow:inset 0px 1px 0px
 0px #ffffff;   

-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;   


box-shadow:inset 0px 1px 0px 0px #ffffff;   


background-color:transparent;   

-moz-border-radius:6px;   


-webkit-border-radius:6px;   

border-radius:6px;   

border:1px solid
#dcdcdc;   

display:inline-block;   

color:#666666;   


font-family:arial;   

font-size:15px;   

font-weight:bold;   


padding:6px 24px;   

text-decoration:none;   

text-shadow:1px 1px 0px
#ffffff;
}


لا تنسونا بتقييماتكم شباب





YaSsInE BaBLiL
مؤسس الابداع العربي

مؤسس الابداع العربي

الجنس : ذكر

الاسد

عدد المساهمات : 18370

نقاط النشاط : 22606

السٌّمعَة : 318

بلد العضو :

العمر : 21


http://www.weeb-h.com/

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

[كود تومبيلات] اجعل مرفقات على منتداك بشكل احترافي من برمجة Yassine Bablil

مُساهمة من طرف YaSsInE BaBLiL في الأحد فبراير 22, 2015 11:22 pm


[كود تومبيلات] اجعل مرفقات على منتداك بشكل احترافي من برمجة Yassine Bablil

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

اليوم نقدم لكم شكل جديد للمرفقات حصريا على الإبداع العربي من برمجتي الخاصة Yassine Bablil
تعمل على جميع النسخ بدون استثناء لان كود الخاص بالمرفقات داخل التومبيلات هو نفسه على جميع النسخ كل ما عليك بحث عنه وحدفه واستبداله بالكود الجديد
ساوفر لكم صور للكود مركب على النسخ الأربعة معا


* صورة الكود على النسخة الثالثة phpbb3





https://i38.servimg.com/u/f38/18/04/55/46/oo_oo10.png



* صورة للكود على نسخة PunBB



 

https://i38.servimg.com/u/f38/18/04/55/46/o_punb10.png



* صورة للكود على نسخة المتطورة invision





https://i38.servimg.com/u/f38/18/04/55/46/o_invi10.png



* صورة للكود على النسخة التانية : Phpbb2





https://i38.servimg.com/u/f38/18/04/55/46/o_ooa10.png


* طريقة تركيب الكود :


لوحة الإدارة » مظهر المنتدى » التومبيلات و القوالب »
نقوم توجه لقالب viewtopic_body ونضغط على تعديل



نقوم بالبحث عن الكود التالي

اضغط ليظهر الكود:

الرمز:
<!-- BEGIN switch_attachments -->
                        <dl class="attachbox">
                            <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                            <dd class="attachments">                               
<!-- BEGIN switch_post_attachments -->                               
<dl class="file clearfix">                                   
<dt>                                       
<img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt=""/>
</dt>                                   
<dd>                                       
<!-- BEGIN switch_dl_att -->                                       
<span><a
 class="postlink"
href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a>
 
{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}</span>                                       
 
<!-- END switch_dl_att -->                                        
<!-- BEGIN switch_no_dl_att -->                                       
<span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT}
 
{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}</span>                                       
 
<!-- END switch_no_dl_att -->                                        
<!-- BEGIN switch_no_comment -->                                       
<span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</span>                                       
 
<!-- END switch_no_comment -->                                        
<!-- BEGIN switch_no_dl_att -->                                       
<span><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></span>                                       
 
<!-- END switch_no_dl_att -->                                        
<span>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE})
 
{postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</span>                                   
 
</dd>                               
</dl>                               
<!-- END switch_post_attachments -->                           
</dd>                       
</dl>                       
<!-- END switch_attachments -->



قم بحدفه وضع بدله الكود التالي


اضغط ليظهر الكود:

الرمز:
<!-- BEGIN switch_attachments -->
<table
class="Yassine-bablil" cellspacing="1" border="0" align="center"
width="90%"><tbody><tr align="right"><td
class="Yassine-bablil-1" width="50%">
<!-- BEGIN switch_post_attachments -->
<dl class="file clearfix">                                   
<dt>                                       
<img
 
src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}"
 alt=""/>                                   
</dt>                                   
<dd>                                       
<!-- BEGIN switch_dl_att -->                                       
<span><a
 class="postlink"
href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a>
 
{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}</span>
<!-- END switch_dl_att -->                                        
<!-- BEGIN switch_no_dl_att -->                                       
<span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT}
 
{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}</span>                                       
 
<!-- END switch_no_dl_att -->                                        
<!-- BEGIN switch_no_comment -->                                       
<span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</span>                                       
 
<!-- END switch_no_comment -->                                        
<!-- BEGIN switch_no_dl_att -->                                       
<span><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></span>                                       
 
<!-- END switch_no_dl_att -->                                    
</dd>                               
</dl> 
 <td class="Yassine-bablil-1" width="25%">   
{postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</td>
 
 <td class="Yassine-bablil-1" width="25%">    حجم الملف :
({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE})
 </td>                               
<!-- END switch_post_attachments --> 
</td></tr></tbody></table><br><br> 
<!-- END switch_attachments -->


تم نتوجه الى لوحة الإدارة » مظهر المنتدى » الوان » ورقة تصميم Css

ونقوم باضافة الكود التالي



الرمز:
.Yassine-bablil {
background-color: #ece0e0;
padding: 0;}


.Yassine-bablil-1 {   
background-color: #f9f6f6;   
border: 0 solid #ffffff;   
font-family: Arial,Times New Roman;   
font-size: 15px;   
font-weight: bold;   
padding: 10px;
}

وهكدا انتيهت من تركيب الكود واصبحت لديك مرفقات احترافية مطورة على منتداك معنا تميز بموقعك

يمنع نقل شباب نهائيا
ولا تنسونا من تقييماتكم






YaSsInE BaBLiL
مؤسس الابداع العربي

مؤسس الابداع العربي

الجنس : ذكر

الاسد

عدد المساهمات : 18370

نقاط النشاط : 22606

السٌّمعَة : 318

بلد العضو :

العمر : 21


http://www.weeb-h.com/

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

[كود تومبيلات] اجعل بيانات شخصية بشكل احترافي من صنع Yassine Bablil

مُساهمة من طرف YaSsInE BaBLiL في الأحد فبراير 22, 2015 11:27 pm


[كود تومبيلات] اجعل بيانات شخصية بشكل احترافي من صنع Yassine Bablil

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

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

* صورة للبيانات الشخصية بعد تركيب




https://i38.servimg.com/u/f38/18/04/55/46/1113.png



* طريقة التركيب 

وحة الادارة » مظهر المنتدي » التومبلايتات و القوالب » إدار عامة
نختار هذا القالب viewtopic_body ونضغط عليه تعديل


ابحث عن الكود التالي وقم بحدفه


الرمز:
  <table border="0" cellspacing="0" cellpadding="0">   
          <tr>             <td valign="middle">             
  {postrow.displayed.PROFILE_IMG}             
 {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN
contact_field -->             
 {postrow.displayed.contact_field.CONTENT}<!-- END contact_field
-->               {postrow.displayed.ONLINE_IMG}           
 </td>             </tr>           </table>

وايضا قم بالبحث عن هدا الكود

الرمز:

 <tr class="post">                           
 <td
class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR}
valign="top" width="150">                                 <span
class="name"><a          
 name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br  
                   />                                     <span
class="postdetails poster-profile">                                   
  {postrow.displayed.POSTER_RANK}<br />                           
        
 {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br
/><br />                                     <!-- BEGIN
profile_field -->                                   
 {postrow.displayed.profile_field.LABEL}          
 {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}  
                                   <!-- END profile_field -->      
                               {postrow.displayed.POSTER_RPG}           
                      </span><br />                         
        <img src="http://illiweb.com/fa/empty.gif" alt=""
style="width:150px;height:1px" />                           
 </td>

واستبدله بالكود التالي



الرمز:
<td class="Yassine" width="18%" valign="top"><div
onclick="switchBlock('38_menu');"><ul
class="yassine_babl"><li><strong>{postrow.displayed.POSTER_NAME}</strong>  
  <br /></li></ul><strong><div
class="Yassine_Bablil"
align="center"><span>{postrow.displayed.POSTER_RANK}<span
div="" <=""><div class="Yassine_Bablil"
align="center"><div class="UserPhoto_large"
align="center">{postrow.displayed.POSTER_AVATAR}</div></div>   
                  <!-- BEGIN profile_field -->         <div
class="Yassine_Bablil">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}</div>    
                  <!-- END profile_field --> <br>            
  {postrow.displayed.PROFILE_IMG}             
 {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<br>      
        
 {postrow.displayed.ONLINE_IMG}</span></span></div></strong></div></td>


ثم نذهب الي
لوحة الادارة » مظهر المنتدي » الوان » ورقة تصميم css
وقم باضافة الكود التالي :



الرمز:
.Yassine {    background-color: #f2f6f8;    border: 2px solid
#fff;    color: #2c2c2c;    font-family: Tahoma;    font-size: 11px;   
padding: 5px;}.Yassine_Bablil {    background-color: rgb(236, 236,
236);    border: 1px solid rgb(212, 212, 212);    border-radius: 9px;   
 color: rgb(0, 0, 0);    font-family: Tahoma,Geneva,sans-serif;   
font-size: 11px;    font-style: normal;    font-variant: normal;   
font-weight: bold;    line-height: normal;    margin: 5px;    padding:
6px;    text-align: center;    text-shadow: 0 0 2px
#837d87;} ul.yassine_babl {    border-radius: 4px;    clear: both;   
margin: 0 0 10px;    padding: 0;} ul.yassine_babl li {    display:
inline-block;    font-size: 12px;}ul.yassine_babl a {    background:
none repeat scroll 0 0 #ffffff;    border-color: #e9eeef;    display:
block;    font-size: 12px;    height: 22px;    line-height: 22px;   
margin-left: 4px;    padding: 0 10px;    text-decoration: none;}



تقييمكم شباب





YaSsInE BaBLiL
مؤسس الابداع العربي

مؤسس الابداع العربي

الجنس : ذكر

الاسد

عدد المساهمات : 18370

نقاط النشاط : 22606

السٌّمعَة : 318

بلد العضو :

العمر : 21


http://www.weeb-h.com/

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

رد: مدونة اكواد Yassine Bablil تمتع معنا بما هو حصري

مُساهمة من طرف Iron-Man في الخميس ديسمبر 10, 2015 8:23 pm


روعة يرجى المواصلة




التوقيع



**عندما يكون اسلوبي لطيفا مع شخص ما فأنا لا ارجو الحصول على شيء كما يعتقد بعض الناس .. انا فقط امارس ما تربيت عليه**
شكرا THE ROCK على التصميم الحلو


Iron-Man
عضو دهبي
عضو دهبي

الجنس : ذكر

نقاط التفاعل : 10 نقاط

الاسد

عدد المساهمات : 5055

نقاط النشاط : 5736

السٌّمعَة : 23

بلد العضو :

العمر : 14


http://alamtiazbonjour.allahmuntada.com

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

رد: مدونة اكواد Yassine Bablil تمتع معنا بما هو حصري

مُساهمة من طرف almaldin في الجمعة ديسمبر 11, 2015 4:26 pm


almaldin
الادارة العليا
الادارة العليا

الجنس : ذكر

الاسد

عدد المساهمات : 17724

نقاط النشاط : 19943

السٌّمعَة : 55

بلد العضو :

العمر : 36





http://www.ibda3araby.com/

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

رد: مدونة اكواد Yassine Bablil تمتع معنا بما هو حصري

مُساهمة من طرف فارس.التطوير في الجمعة يناير 29, 2016 9:51 pm


بارك الله فيك


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

الجنس : ذكر

عدد المساهمات : 10

نقاط النشاط : 15

السٌّمعَة : 11

بلد العضو :


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

صفحة 1 من اصل 2 1, 2  الصفحة التالية

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

سجل دخولك لتستطيع الرد بالموضوع

لابد تكون لديك عضوية لتستطيع الرد سجل الان

سجل معنا الان

انضم الينا بمنتدي الابداع العربي فعملية التسجيل سهله جدا ؟


تسجيل عضوية جديدة

سجل دخولك

لديك عضوية هنا ؟ سجل دخولك من هنا .


سجل دخولك

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