دورة عمل سجل زوار الدرس الثالث(عمل صفحة الاضافة المتطورة(محرر مثل المنتدى))

محمد الفرح · Mar 21, 2007

بسم الله الرحمن الرحيم

قبل كل شئ ....

نضغط ctrl+u
نذهب الى
fonts
نختار اوروبا الغربية
بعدها الى
New Doucument
ونختار ايضا
العربي (windows) وهذا لدعم اللغة العربية
سوف نتعلم بهذا الدرس:-

طريقة اضافة موضوع .....

طريقة اضافة محرر نصوص مثل الي بالمنتدى واتحداكم تلقوا الشرح بمنتدى اخر

نبدأ بعون الله :-

اعمل ملف اسمه sup.php اعمل ريكوردر سيت وسمة sup واستدعي جدول sup كما بالصورتين

الأن نقوم بالتالي من اجل عملية الاضافة:-

الأن لنقوم سوف ينتج لدينا ......

الأن لنقوم بعملات تعديلية قم بحذف حقل id وبعدها قم بالتالي:-

الأن بدأت حلاوة الدرس .....

نقوم باعادة كتابة اللغة ونكتبها بلغة عربية .....

الأن مكان اضافة التعليق ندمج الحقول عن طريق

كلك يمين .. جدول (tabel) ..دمج الحقول (merge cells)

الأن بدأ الاحلى من الحلو :d وحصريا فقط لشبكتنا الغالية

قم بتنزيل الملفات من هنا

كلمة فك الضغط :www.alfarh.com/vb

وضعها في مجلد العمل الرئيسي

قم بوضع هذا الكود قبل

<body>

لا تسألني عن معناه لاني لا اجيد الجافا سكربيت وساعدني فيه مبرمج..جزاه الله كل خير

Rich (BB code):

<script type="text/javascript" src="vbulletin_global.js"></script>
<script type="text/javascript" src="vbulletin_menu.js"></script>


<script language="JavaScript">
var bLoad=false
var pureText=true
var bodyTag="<BODY>"
var bTextMode=false

public_description=new Editor


function Editor() {
 this.put_html=SetHtml;
 this.get_html=GetHtml;
 this.put_text=SetText;
 this.get_text=GetText;
 this.CompFocus=GetCompFocus;
}

function GetCompFocus() {
 Composition.focus();
}

function GetText() {
 return Composition.document.body.innerText;
}

function SetText(text) {
 text = text.replace(/\n/g, "<br>")
 Composition.document.body.innerHTML=text;
}

function GetHtml() {
 if (bTextMode) 
    return Composition.document.body.innerText;
 else {
   cleanHtml();
   cleanHtml();
   return Composition.document.body.innerHTML;
 }
}

function SetHtml(sVal) {
 if (bTextMode) Composition.document.body.innerText=sVal;
 else Composition.document.body.innerHTML=sVal;
}
function validateMode() {
 if (! bTextMode) return true;
 alert(" HTML Source الرجاء إالغاء تحديد");
 Composition.focus();
 return false;
}


function formatC(what,opt) {
 if (!validateMode()) return;
 
 if (opt=="removeFormat") {
   what=opt;
   opt=null;
 }

 if (opt==null) Composition.document.execCommand(what);
 else Composition.document.execCommand(what,"",opt);
 
 pureText = false;
 Composition.focus();
 
}

function setMode(newMode) {
 bTextMode = newMode;
 var cont;
 if (bTextMode) {
   cleanHtml();
   cleanHtml();

   cont=Composition.document.body.innerHTML;
   Composition.document.body.innerText=cont;
 } else {
   cont=Composition.document.body.innerText;
   Composition.document.body.innerHTML=cont;
 }
 
 Composition.focus();
 document.composeForm.info.value=Composition.document.body.innerText;

}

function getEl(sTag,start) {
 while ((start!=null) && (start.tagName!=sTag)) start = start.parentElement;
 return start;
}

function createLink() {
 if (!validateMode()) return;
 
 var isA = getEl("A",Composition.document.selection.createRange().parentElement());
 var str=prompt("URL أدخل:", isA ? isA.href : "http:\/\/");
 
 if ((str!=null) && (str!="http://")) {
   if (Composition.document.selection.type=="None") {
     var sel=Composition.document.selection.createRange();
     sel.pasteHTML("<A HREF=\""+str+"\">"+str+"</A> ");
     sel.select();
   }
   else formatC("CreateLink",str);
 }
 else Composition.focus();
}

function cleanHtml() {
 var fonts = Composition.document.body.all.tags("FONT");
 var curr;
 for (var i = fonts.length - 1; i >= 0; i--) {
   curr = fonts;
   if (curr.style.backgroundColor == "#FFCC99") curr.outerHTML = curr.innerHTML;
 }
}

function write_signature() {
    var signature = "";
    cf = document.composeForm;
    index = composeForm.signature.selectedIndex;

    if (cf.signature[index].value == 1) {
         signature = "";
    }
    else if (cf.signature[index].value == 2) {
         signature = "";
    }
    else if (cf.signature[index].value == 3) {
         signature = "";
    }
    else {
         return;
    }
    cf.body.value += '\r\n\r\n';
    cf.body.value += signature;

    if(bTextMode)
    {
         temp = public_description.get_text();
         temp += '\r\n\r\n';
         temp += signature;
         public_description.put_text(temp);
    }
    else
    {
         temp = public_description.get_html();
         temp += "<p>";
         temp += signature;
         public_description.put_html(temp);
    }
}
function confirmSwitch(){
    if(bTextMode){
         if(confirm('You have checked View HTML Source. Do you want to continue with the displayed text, including the HTML tags?')){
              Composition.document.body.innerText=public_description.get_text();
              document.composeForm.switchnow.value="yes";
              return true;




         }
    }
    else{
         if(confirm('This will convert your message into plain text. All formatting will be lost. Continue?')){
              Composition.document.body.innerText=public_description.get_text();
              document.composeForm.switchnow.value="yes";
              return true;
         }
    }
    return false;
}

function updateSaveSent(){
    dml = document.composeForm;
    if (dml.savesent_box.checked) {
         dml.savesent.value = "yes";
    }
    else {
         dml.savesent.value = "no";
      }
}
                                </script>
<script language="JavaScript"><!--

var count = 0; var text = "اسم موقعك";
scroll();

  function  scroll () {
    window.status = text.substring (count, text.length)

 text.substring
(0, count)
    if (count < text.length)

      count ++;
    else
       count = 0;

    setTimeout ("scroll()", 250);
    }
// --></script>

الأن نقوم بالذهاب الى مكان وضع التعليق طبعا احنا اعملنا دمج وحذفنا محتواه على طرفة حتى يصبح مضلل نذهب الى كلمة كود ونضع مكان المحددة التالي :-

Rich (BB code):

<tr class="style3"> <td colspan="3"> <script type="text/javascript" src="vbulletin_editor.js"></script> <script type="text/javascript" src="vbulletin_wysiwyg.js"></script> <script type="text/javascript"> <!-- var fontoptions = new Array("Arial", "Arial Black", "Arial Narrow", "Book Antiqua", "Century Gothic", "Comic Sans MS", "Courier New", "Fixedsys", "Franklin Gothic Medium", "Garamond", "Georgia", "Impact", "Lucida Console", "Lucida Sans Unicode", "Microsoft Sans Serif", "Palatino Linotype", "System", "Tahoma", "Times New Roman", "Trebuchet MS", "Verdana"); var sizeoptions = new Array(1, 2, 3, 4, 5, 6, 7); var istyles = new Array(); istyles = { "pi_button_down" : [ "#98B5E2", "#000000", "0px", "1px solid #316AC5" ], "pi_button_hover" : [ "#C1D2EE", "#000000", "0px", "1px solid #316AC5" ], "pi_button_normal" : [ "#ECE9D8", "#000000", "1px", "none" ], "pi_button_selected" : [ "#E1E6E8", "#000000", "0px", "1px solid #316AC5" ], "pi_menu_down" : [ "#98B5E2", "#316AC5", "0px", "1px solid #316AC5" ], "pi_menu_hover" : [ "#C1D2EE", "#316AC5", "0px", "1px solid #316AC5" ], "pi_menu_normal" : [ "#FFFFFF", "#000000", "0px", "1px solid #FFFFFF" ], "pi_popup_down" : [ "#98B5E2", "#000000", "0px", "1px solid #316AC5" ] }; var normalmode = false; var smiliewindow_x = 240; var smiliewindow_y = 280; var ignorequotechars = 1; var vbphrase = { "wysiwyg_please_wait" : "برجاء الإنتظار حتى يتم تحميل محرر النصوص المطوّر", "wysiwyg_initialized" : " ", "wysiwyg_command_invalid" : "This command is invalid or not implemented.", "moz_must_select_text" : "Mozilla requires that you must select some text for this function to work", "moz_edit_config_file" : "You need to edit your Mozilla config file to allow this action.", "enter_tag_option" : "Please enter the option for your %1$s tag:", "must_select_text_to_use" : "You must select some text to use this function.", "browser_is_safari_no_wysiwyg" : "", "must_enter_subject" : "لا بد من كتابةعنوان الموضوع ونص الرسالة !", "message_too_short" : "نص الموضوع قصير جدأً ، من فضلك أعد كتابة النص بما لا يقل عن %1$s أحرف. ", "enter_link_url" : "من فضلك أدخل عنوان الرابط :", "enter_image_url" : "من فضلك أدخل رابط الصورة :", "enter_email_link" : "من فضلك أدخل عنوان البريدي الإلكتروني :" }; </script> <link rel="stylesheet" type="text/css" href="vbulletin_editor.css" /> <style type="text/css"> <!-- #vBulletin_editor { background: #ECE9D8; padding: 6px; } .imagebutton { background: #ECE9D8; color: #000000; padding: 1px; border: none; } .ocolor, .ofont, .osize, .osmilie, .osyscolor, .smilietitle { background: #FFFFFF; color: #000000; border: 1px solid #FFFFFF; } .popup_pickbutton { border: 1px solid #FFFFFF; } .popup_feedback { background: #FFFFFF; color: #000000; border-right: 1px solid #FFFFFF; } .popupwindow { background: #FFFFFF; } #fontOut, #sizeOut, .popup_feedback div { background: #FFFFFF; color: #000000; } .alt_pickbutton { border-left: 1px solid #ECE9D8; } </style> <div id="vBulletin_editor" style="padding:6px; background:#ECE9D8; text-align:right"> <table width="511" border="0" align="center" cellpadding="0" cellspacing="0" id="table16"> <tr valign="bottom"> <td colspan="2"> <div id="controlbar"> <div class="controlholder"> <table border="0" align="center" cellpadding="0" cellspacing="0" id="table17"> <tr> <td><div class="imagebutton" id="cmd_removeformat"> <img src="editor/removeformat.gif" alt="حذف تنسيق النص" width="21" height="20" /></div></td> <td> <img src="editor/separator.gif" alt="" width="6" height="20" /></td> <td style="position:relative"> <div class="imagebutton" id="cmd_fontname"> <table class="popup_control" id="table18" cellpadding="0" cellspacing="0" border="0"> <tr> <td class="popup_feedback" id="fontFeedback"> <div style="background:#FFFFFF; width:91px; display:none; color:#000000"> Arial</div> <div style="background:#FFFFFF; width:91px; display:none; color:#000000">Arial Black</div> <div style="background:#FFFFFF; width:91px; display:none; color:#000000">Arial Narrow</div> <div style="background:#FFFFFF; width:91px; display:none; color:#000000">Book Antiqua</div> <div style="background:#FFFFFF; width:91px; display:none; color:#000000"> Century Gothic</div> <div style="background:#FFFFFF; width:91px; display:none; color:#000000"> Comic Sans MS</div> <div style="background:#FFFFFF; width:91px; display:none; color:#000000"> Courier New</div> <div style="background:#FFFFFF; width:91px; display:none; color:#000000"> Fixedsys</div> <div style="background:#FFFFFF; width:91px; display:none; color:#000000"> Franklin Gothic Medium</div> <div style="background:#FFFFFF; width:91px; display:none; color:#000000"> Garamond</div> <div style="background:#FFFFFF; width:91px; display:none; color:#000000"> Georgia</div> <div style="background:#FFFFFF; width:91px; display:none; color:#000000"> Impact</div> <div style="background:#FFFFFF; width:91px; display:none; color:#000000">Lucida Console</div> <div style="background:#FFFFFF; width:91px; display:none; color:#000000"> Lucida Sans Unicode</div> <div style="background:#FFFFFF; width:91px; display:none; color:#000000"> Microsoft Sans Serif</div> <div style="background:#FFFFFF; width:91px; display:none; color:#000000"> Palatino Linotype</div> <div style="background:#FFFFFF; width:91px; display:none; color:#000000"> System</div> <div style="background:#FFFFFF; width:91px; display:none; color:#000000">Tahoma</div> <div style="background:#FFFFFF; width:91px; display:none; color:#000000"> Times New Roman</div> <div style="background:#FFFFFF; width:91px; display:none; color:#000000"> Trebuchet MS</div> <div style="background:#FFFFFF; width:91px; display:none; color:#000000"> Verdana</div> <div style="background:#FFFFFF; width:91px; display:block; color:#000000"></div></td> <td class="popup_pickbutton" id="fontButton"> <img src="editor/menupop.gif" alt="فتح القائمة" width="11" height="16" /></td> </tr> </table> </div> <div id="popup_fontname" class="popupwindow" style="width:200px; height:220px; display:none; position:absolute; top:21px; filter:alpha(enabled=1,opacity=100)"> <table id="table19" cellpadding="0" cellspacing="0" border="0" width="183"> <col> <col width="100%"> <script type="text/javascript"> build_fontoptions(true); </script> </table> </div></td> <td style="position:relative"> <div class="imagebutton" style="left:0px" id="cmd_fontsize"> <table class="popup_control" id="table20" cellpadding="0" cellspacing="0" border="0"> <tr> <td class="popup_feedback" id="sizeFeedback"> <div style="background:#FFFFFF; width:12px; display:none; color:#000000"> 1</div> <div style="background:#FFFFFF; width:12px; display:none; color:#000000">2</div> <div style="background:#FFFFFF; width:12px; display:none; color:#000000"> 3</div> <div style="background:#FFFFFF; width:12px; display:none; color:#000000">4</div> <div style="background:#FFFFFF; width:12px; display:none; color:#000000"> 5</div> <div style="background:#FFFFFF; width:12px; display:none; color:#000000">6</div> <div style="background:#FFFFFF; width:12px; display:none; color:#000000"> 7</div> <div style="background:#FFFFFF; width:12px; display:block; color:#000000"></div></td> <td class="popup_pickbutton" id="sizeButton"> <img src="editor/menupop.gif" alt="فتح القائمة" width="11" height="16" /></td> </tr> </table> </div> <div id="popup_fontsize" class="popupwindow" style="width:36px; height:222px; display:none; position:absolute; top:21px; filter:alpha(enabled=1,opacity=100)"> <table id="table21" cellpadding="0" cellspacing="0" border="0"> <script type="text/javascript"> build_sizeoptions(true); </script> </table> </div></td> <td> <img src="editor/separator.gif" alt="" width="6" height="20" /></td> <td style="position:relative"> <div class="imagebutton" style="left:0px" id="cmd_forecolor"> <table cellpadding="0" cellspacing="0" border="0" id="table22"> <tr> <td> <img id="instantcolor" src="editor/color.gif" alt="اللون" width="21" height="20" /><img id="colorbar" style="display:none; background:black; position:absolute; top:15px; left:2px" src="clear.gif" width="16" height="4" alt="" /></td> <td class="alt_pickbutton"> <img src="editor/menupop.gif" alt="فتح القائمة" width="11" height="16" /></td> </tr> </table> </div> <div id="popup_forecolor" class="popupwindow" style="width:144px; height:90px; display:none; position:absolute; top:21px; filter:alpha(enabled=1,opacity=100)"> <table id="table23" cellpadding="0" cellspacing="0" border="0"> <script type="text/javascript"> build_coloroptions(true); </script> </table> </div></td> <td style="position:relative"> <div class="imagebutton" style="left:0px" id="cmd_smilie"> <table cellpadding="0" cellspacing="0" border="0" id="table24"> <tr> <td> <img src="editor/smilie.gif" alt="إضافة إبتسامة" width="21" height="20" /></td> <td class="alt_pickbutton"> <img src="editor/menupop.gif" alt="فتح القائمة" width="11" height="16" /></td> </tr> </table> </div> <div id="popup_smilie" class="popupwindow" style="width:150px; height:220px; display:none; position:absolute; top:21px; filter:alpha(enabled=1,opacity=100)"> <table id="table25" cellpadding="0" cellspacing="0" border="0" width="133"> <tr> <td class="thead" style="padding:6px">Generic Smilies</td> </tr> <tr> <td class="osmilie" id="smilie_5"> <img src="images/smilies/tongue.gif" alt="Stick Out Tongue" /> Stick Out Tongue</td> </tr> <tr> <td class="osmilie" id="smilie_4"> <img src="images/smilies/wink.gif" alt="Wink" /> Wink</td> </tr> <tr> <td class="osmilie" id="smilie_11"> <img src="images/smilies/frown.gif" alt="Frown" /> Frown</td> </tr> <tr> <td class="osmilie" id="smilie_3"> <img src="images/smilies/biggrin.gif" alt="Big Grin" /> Big Grin</td> </tr> <tr> <td class="osmilie" id="smilie_10"> <img src="images/smilies/confused.gif" alt="Confused" /> Confused</td> </tr> <tr> <td class="osmilie" id="smilie_2"> <img src="images/smilies/redface.gif" alt="Embarrassment" /> Embarrassment</td> </tr> <tr> <td class="osmilie" id="smilie_1"> <img src="images/smilies/smile.gif" alt="Smile" /> Smile</td> </tr> <tr> <td class="osmilie" id="smilie_8"> <img src="images/smilies/mad.gif" alt="Mad" /> Mad</td> </tr> <tr> <td class="osmilie" id="smilie_7"> <img src="images/smilies/rolleyes.gif" alt="Roll Eyes (Sarcastic)" /> Roll Eyes (Sarcastic)</td> </tr> <tr> <td class="osmilie" id="smilie_6"> <img src="images/smilies/cool.gif" alt="Cool" /> Cool</td> </tr> <tr> <td class="osmilie" id="smilie_9"> <img src="images/smilies/eek.gif" alt="EEK!" /> EEK!</td> </tr> </table> </div></td> <td> <img src="editor/separator.gif" alt="" width="6" height="20" /></td> <td><div class="imagebutton" id="cmd_cut"> <img src="editor/cut.gif" alt="قص" width="21" height="20" /></div></td> <td><div class="imagebutton" id="cmd_copy"> <img src="editor/copy.gif" alt="نسخ" width="21" height="20" /></div></td> <td><div class="imagebutton" id="cmd_paste"> <img src="editor/paste.gif" alt="لصق" width="21" height="20" /></div></td> <td> <img src="editor/separator.gif" alt="" width="6" height="20" /></td> <td><div class="imagebutton" id="cmd_undo"> <img src="editor/undo.gif" alt="العودة" width="21" height="20" /></div></td> <td><div class="imagebutton" id="cmd_redo"> <img src="editor/redo.gif" alt="إفعل" width="21" height="20" /></div></td> </tr> </table> </div> <div class="controlholder"> <table border="0" align="center" cellpadding="0" cellspacing="0" id="table26"> <tr> <td><div class="imagebutton" id="cmd_bold"> <img src="editor/bold.gif" alt="عريض" width="21" height="20" /></div></td> <td><div class="imagebutton" id="cmd_italic"> <img src="editor/italic.gif" alt="مائل" width="21" height="20" /></div></td> <td><div class="imagebutton" id="cmd_underline"> <img src="editor/underline.gif" alt="تحته خط" width="21" height="20" /></div></td> <td> <img src="editor/separator.gif" alt="" width="6" height="20" /></td> <td><div class="imagebutton" id="cmd_justifyleft"> <img src="editor/justifyleft.gif" alt="تنسيق لليسار" width="21" height="20" /></div></td> <td><div class="imagebutton" id="cmd_justifycenter"> <img src="editor/justifycenter.gif" alt="توسيط" width="21" height="20" /></div></td> <td><div class="imagebutton" id="cmd_justifyright"> <img src="editor/justifyright.gif" alt="تنسيق لليمين" width="21" height="20" /></div></td> <td> <img src="editor/separator.gif" alt="" width="6" height="20" /></td> <td><div class="imagebutton" id="cmd_insertorderedlist"> <img src="editor/insertorderedlist.gif" alt="قائمة مرتبة" width="21" height="20" /></div></td> <td><div class="imagebutton" id="cmd_insertunorderedlist"> <img src="editor/insertunorderedlist.gif" alt="قائمة غير مرتبة" width="21" height="20" /></div></td> <td><div class="imagebutton" id="cmd_outdent"> <img src="editor/outdent.gif" alt="خفض الطلب" width="21" height="20" /></div></td> <td><div class="imagebutton" id="cmd_indent"> <img src="editor/indent.gif" alt="زيادة الطلب" width="21" height="20" /></div></td> <td> <img src="editor/separator.gif" alt="" width="6" height="20" /></td> <td><div class="imagebutton" id="cmd_createlink"> <img src="editor/createlink.gif" alt="إضافة رابط" width="21" height="20" /></div></td> <td><div class="imagebutton" id="cmd_unlink"> <img src="editor/unlink.gif" alt="حذف الرابط" width="21" height="20" /></div></td> <td><div class="imagebutton" id="cmd_createmail"> <img src="editor/email.gif" alt="Insert Email Link" width="21" height="20" /></div></td> <td><div class="imagebutton" id="cmd_insertimage"> <img src="editor/insertimage.gif" alt="إضافة صورة" width="21" height="20" /></div></td> <td> <img src="editor/separator.gif" alt="" width="6" height="20" /></td> <td><div class="imagebutton" id="cmd_wrap0_code"> <img src="editor/code.gif" alt="إضافة كود" width="21" height="20" /></div></td> <td><div class="imagebutton" id="cmd_wrap0_html"> <img src="editor/html.gif" alt="كود HTML: " width="21" height="20" /></div></td> <td><div class="imagebutton" id="cmd_wrap0_php"> <img src="editor/php.gif" alt="كود بي اتش بي " width="21" height="20" /></div></td> <td> <img src="editor/separator.gif" alt="" width="6" height="20" /></td> <td><div class="imagebutton" id="cmd_wrap0_quote"> <img src="editor/quote.gif" alt="Wrap [quote] Tags" width="21" height="20" /></div></td> </tr> </table> </div> </div></td> </tr> <tr valign="top"> <td class="controlbar" width="494"> <div id="htmlbox" class="wysiwyg" tabindex="1" style="width:510px; height:300px; padding:8px"></div></td> <td class="controlbar" width="4"> <div id="smiliebox" style="display:none"></div></td> </tr> </table> <script type="text/javascript"> editInit(); </script> </div></td> </tr> [/code][SIZE=4] [/SIZE][SIZE=5] الأن ابحث عن هذا الكود [code=rich] <form method="post" name="form1" action="<?php echo $editFormAction; ?>"[/CODE][/SIZE][SIZE=5] نجده ففي سطر 272 لكن الحرف قبل الاخير نضع السهم قبل < ونضع الكود التالي وهو مهم جدا [code=rich] enctype="multipart/form-data" onsubmit="return validatePost(this, 10, 10000);"> <input type="hidden" name="WYSIWYG_HTML" id="html_hidden_field" value="<p></p>" /[/CODE][/SIZE][SIZE=5] [/SIZE][SIZE=4] وهيك حط حفظ وانتضر الدرس القادم لا تلعب بشئ :) ولا تتأكد من شئ [/SIZE][/CENTER]

watban · Apr 15, 2007

اشكرك جزيل الشكر على هذ الموضــــــــــــوع....

good_man · Apr 20, 2007

مشكووووووووووووووور كتير يا حبيب الشعب و الأمـــة

alzaabi_9 · May 23, 2007

مشكوووووووووووووور على هذا الدرس الشيق

fars_bla_goad · Jun 17, 2007

تسلم الايادي والف شكر

مجموعة العنيد · Jun 23, 2007

تسلم اياديكـ الحلوة على الشرح الحلو

جاري التطبيق ....

الرايق · Jun 24, 2007

درس ولا اروع مشكور اخوي

الرايق · Jun 24, 2007

درس ولا اروع مشكور اخوي

الرايق · Jun 24, 2007

درس ولا اروع مشكور اخوي

*specialist* · Aug 30, 2007

ننتظر باقى ا لدوس بفراغ الصبر

جزاكم الله خيرا

دورة عمل سجل زوار الدرس الثالث(عمل صفحة الاضافة المتطورة(محرر مثل المنتدى))

محمد الفرح

Well-Known Member

watban

New Member

good_man

New Member

alzaabi_9

New Member

fars_bla_goad

New Member

مجموعة العنيد

Well-Known Member

الرايق

New Member

الرايق

New Member

الرايق

New Member

specialist

New Member