home الرئيسيةpeople_outline الأعضاء vpn_key دخول


chatالمواضيع الأخيرة
كلمات لهــا معنى access_timeالأحد يناير 20, 2019 10:42 pmpersonمحمد فهمي يوسف
طلب بتصميم غلافaccess_timeالأحد يناير 20, 2019 3:01 pmpersonAhmed Alshiqaqi
طلب كتابه علي شعارaccess_timeالأحد يناير 20, 2019 2:39 pmpersonمودي الشرقاوي
طلب بعمل غلاف فيس بوكaccess_timeالأحد يناير 20, 2019 9:37 ampersonAhmed Alshiqaqi
اريد تصميم غلاف لصفحة فيس access_timeالسبت يناير 19, 2019 11:05 pmpersonAhmed Alshiqaqi
تصميم بنر access_timeالسبت يناير 19, 2019 6:21 pmpersonرؤوف
1طلب بتغيير لون access_timeالجمعة يناير 18, 2019 3:18 pmpersonAhmed Alshiqaqi
طلب بتصميم شبيه باحترافيهaccess_timeالجمعة يناير 18, 2019 3:11 pmpersonAhmed Alshiqaqi
طلب تصميم شعارaccess_timeالجمعة يناير 18, 2019 11:26 ampersonAhmed Alshiqaqi
new_releasesأفضل 10 أعضاء في هذا الأسبوع

طريقة عرض الأقسام

لونك المفضل



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

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





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



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

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

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

عدل سابقا من قبل Yassine Bablil في الإثنين فبراير 23, 2015 12:14 am عدل 1 مرات


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

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



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

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


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

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

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

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

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



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




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


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




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





https://i.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 في الإثنين فبراير 23, 2015 12:19 am عدل 1 مرات


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

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

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

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

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




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


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





https://i.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%;

}




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


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

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

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

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

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




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


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




https://i.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

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

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

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


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





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



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



 

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



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





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



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





https://i.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

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

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

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

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




https://i.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 تمتع معنا بما هو حصري

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



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

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

سلمت يداك لا عدمناك

دمت في حمي الرحمن



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

بارك الله فيك

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

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

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

جمييل 

وآصل إبدآعآتك ولآ توقف


سبحان الله وبحمده ..
          سبحان الله العظيم ...

اللهم صلِّ وسلم على محمد.. وعلى آله وصحبه أجمعين



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

بارك الله فيك

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

يشرفنا كثيرا كل ما تقوم به وكل ما تقدمه أخي ياسين
كل الشكر والتقدير فإلى جانب الطب وشؤونه لديك مواهب أخرى
التصميم واحتراف لغة البرمجة بالاضافة إلى مواهب أخرى
فهذا شئ مشرف جدا وهي أيضا قوى شخصية أنصحك ألا تتركها أبدا
مرة أخرى تحية خاصة لك يا ولد بلادي


يمكنك أخي الكريم متابعتي من خلال قناة على اليوتيوب من هنا
أو متابعة موقعــــي الخاص ألوان24
صفحتي على الفيس بوك صفحة مجرة المعارف

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


يعطيك العآفيه يا الغلا
طرح بقمة الذوووق والرووعهـ
تسلم يدك ع الطرح المميز لاعدمنـآك ,...
بانتظارجديدك بكل شوق ودي وشذى وردي



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

السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك

تحياتــي

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

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

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

شكرا لمروركم وبارك الله فيكم


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

شكرا لك
طرح مميز


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

شكرا لك ياسين


ارسال رد

هــــــام

ندعوك للتسجيل في المنتدى لتتمكن من ترك رد أو تسجيل الدخول اذا كنت من اسرة المنتدى

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