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

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

avatar
بصمة خالدة
الجنس : ذكر

الاسد

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

نقاط النشاط : 23184

السٌّمعَة : 334

بلد العضو :

العمر : 22



معاينة صفحة البيانات الشخصي للعضوhttp://www.weeb-h.com/
تمت المشاركة في الأحد فبراير 22, 2015 11:06 pm
  • تقييم المساهمة: 100% (2)
السلام عليكم ورحمة الله وبركاته





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



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

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

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


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

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

avatar
بصمة خالدة
الجنس : ذكر

الاسد

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

نقاط النشاط : 23184

السٌّمعَة : 334

بلد العضو :

العمر : 22



معاينة صفحة البيانات الشخصي للعضوhttp://www.weeb-h.com/
تمت المشاركة في الأحد فبراير 22, 2015 11:11 pm
  • تقييم المساهمة: 100% (3)
تعريف قبل بدأ العمل



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

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

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

avatar
بصمة خالدة
الجنس : ذكر

الاسد

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

نقاط النشاط : 23184

السٌّمعَة : 334

بلد العضو :

العمر : 22



معاينة صفحة البيانات الشخصي للعضوhttp://www.weeb-h.com/
تمت المشاركة في الأحد فبراير 22, 2015 11:16 pm
  • تقييم المساهمة: 100% (3)
[كود 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 في الأحد فبراير 22, 2015 11:19 pm عدل 1 مرات
التوقــيـــــــــــــــــــــع

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

avatar
بصمة خالدة
الجنس : ذكر

الاسد

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

نقاط النشاط : 23184

السٌّمعَة : 334

بلد العضو :

العمر : 22



معاينة صفحة البيانات الشخصي للعضوhttp://www.weeb-h.com/
تمت المشاركة في الأحد فبراير 22, 2015 11:18 pm
  • تقييم المساهمة: 100% (3)
[كود 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

avatar
بصمة خالدة
الجنس : ذكر

الاسد

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

نقاط النشاط : 23184

السٌّمعَة : 334

بلد العضو :

العمر : 22



معاينة صفحة البيانات الشخصي للعضوhttp://www.weeb-h.com/
تمت المشاركة في الأحد فبراير 22, 2015 11:20 pm
  • تقييم المساهمة: 100% (4)
[كود 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

avatar
بصمة خالدة
الجنس : ذكر

الاسد

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

نقاط النشاط : 23184

السٌّمعَة : 334

بلد العضو :

العمر : 22



معاينة صفحة البيانات الشخصي للعضوhttp://www.weeb-h.com/
تمت المشاركة في الأحد فبراير 22, 2015 11:22 pm
  • تقييم المساهمة: 100% (3)
[كود تومبيلات] اجعل مرفقات على منتداك بشكل احترافي من برمجة 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

avatar
بصمة خالدة
الجنس : ذكر

الاسد

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

نقاط النشاط : 23184

السٌّمعَة : 334

بلد العضو :

العمر : 22



معاينة صفحة البيانات الشخصي للعضوhttp://www.weeb-h.com/
تمت المشاركة في الأحد فبراير 22, 2015 11:27 pm
  • تقييم المساهمة: 100% (5)
[كود تومبيلات] اجعل بيانات شخصية بشكل احترافي من صنع 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 تمتع معنا بما هو حصري

avatar
عضو دهبي
الجنس : ذكر

الاسد

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

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

السٌّمعَة : 23

بلد العضو :

العمر : 15

معاينة صفحة البيانات الشخصي للعضوhttp://alamtiazbonjour.allahmuntada.com
تمت المشاركة في الخميس ديسمبر 10, 2015 8:23 pm
روعة يرجى المواصلة
التوقــيـــــــــــــــــــــع



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

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

avatar
بصمة خالدة
الجنس : ذكر

الاسد

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

نقاط النشاط : 26540

السٌّمعَة : 90

بلد العضو :

العمر : 37

معاينة صفحة البيانات الشخصي للعضوhttps://www.ibda3araby.com/
تمت المشاركة في الجمعة ديسمبر 11, 2015 4:26 pm

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

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

التوقــيـــــــــــــــــــــع

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

avatar
عضو جديد
الجنس : ذكر

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

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

السٌّمعَة : 11

بلد العضو :

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الجمعة يناير 29, 2016 9:51 pm
بارك الله فيك
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
Propellerads                                                                           Propellerads