كيف تعرف سكربتك يشتغل على اي نوع مثلا MySQLi او PDO ثلاث طرق

🧠 كيف تعرف سكربتك يشتغل على أيهم؟ (3 طرق مؤكدة)

🔍 الطريقة (1): افتح includes/db.php

انظر بعينك، ما الذي يُنشأ؟

إذا وجدت هذا:

$conn = new mysqli(DB_HOST, DB_USER, DB_PASS, DB_NAME);

✅ سكربتك MySQLi

---

إذا وجدت هذا:

$pdo = new PDO( "mysql:host=".DB_HOST.";dbname=".DB_NAME.";charset=utf8mb4", DB_USER, DB_PASS );

✅ سكربتك PDO

---

⚠️ إذا وجدت الاثنين:

$conn = new mysqli(...); $pdo = new PDO(...);

❌ هذا خطأ قاتل

السكربت غير محدد ويجب تنظيفه فورًا.

---

🔍 الطريقة (2): افتح functions.php

انظر كيف يتم تنفيذ الاستعلامات:

MySQLi:

$stmt = $conn->prepare("SELECT ..."); $stmt->bind_param("i", $id); $stmt->execute();

PDO:

$stmt = $pdo->prepare("SELECT ..."); $stmt->execute([$id]);

🔑 إذا شفت bind_param → MySQLi

🔑 إذا شفت execute([]) → PDO

---

🔍 الطريقة (3): البحث السريع (الأذكى)

افتح المشروع كاملًا واضغط Ctrl + Shift + F

ابحث عن:

bind_param

✔️ إذا ظهر → MySQLi

ابحث عن:

PDO::

✔️ إذا ظهر → PDO

---

🧨 لماذا سكربتك تعبك؟

لأن اللي صار عندك هذا السيناريو 👇

• db.php مرة ينشئ $conn

• functions.php يستخدم $pdo

• ملفات ثانية تستخدم $conn

🔴 النتيجة:

• تسجيل لا يعمل

• تثبيت يكرر بيانات

• أخطاء Duplicate

• صفحات بيضاء

---

🧱 القاعدة الذهبية (احفظها)

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

وأنا أنصحك 👇

✅ PDO فقط

لأنه:

• أكثر أمانًا

• أوضح

• أسهل صيانة

• يدعم الاستضافة القديمة والجديدة

---

✅ كيف تثبت سكربتك على PDO نهائيًا؟

اعمل التالي بالترتيب:

1️⃣ includes/db.php

يجب أن يحتوي فقط:

$pdo = new PDO(...);

❌ لا يوجد $conn

---

2️⃣ أي ملف فيه:

global $conn;

✂️ استبدله بـ:

global $pdo;

---

3️⃣ ممنوع وجود:

bind_param get_result

---

🧯 اختبار فوري (مهم جدًا)

ضع هذا مؤقتًا في أي صفحة:

var_dump(isset($pdo), isset($conn)); exit;

النتيجة الصحيحة:

bool(true) bool(false)

---

🧠 خلاصة نهائية

• سكربتك إما PDO أو MySQLi

• لا تخلط

• اختر PDO

• امسح أي أثر لـ $conn

• بعدها السكربت يستقر 100٪

تطبيق يدوي للمنتديات كود وضع قلوب بين المتواجدين الان

وضع صوره قلب او ما يناسبك في المتواجدون الآن للمنتديات تطبيق للاستايل المطلوب

 البحث عن في الاستايل اللي تبي تسوي فيه هذي الحركه في المتواجدين

 forumhome_loggedinuser

 

 راح تجد مثل هذا الاصلي

 <if condition="$show['comma_leader']">, </if>$stylevar[dirmark]<a href="member.php?$session[sessionurl]u=$loggedin[userid]">$loggedin[musername]</a>$loggedin[invisiblemark]$loggedin[buddymark]

 او يختلف المهم احفظ الاصلي لديك للاحتياط <<<

 والاستبدال بــــــــــــــ

 <a href="member.php?$session[sessionurl]u=$loggedin[userid]">$loggedin[musername]</a>$loggedin[invisiblemark] <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFPzjlq82Ikhl_DVC0EN9vZ2_Q_uIPUuxSza5aA5OewqAiJRASyzDxGeSEC0cIzToactmL0bUTvb4kAqxGjhO5vnA5vmZ12Dxr7qoqgz_v8uGgla2XI1_gxplwshr-HFUx_gBo2NuBGwYwzL8ck5yQWk8ZD90GUvtL8gw8rL7DYqVhPLSYiUjOBzxIrVqe/s25/heart.gif">$invisibleuser

 

 ويمكنك تغير الصوره

 http://yoursmileys.ru/tsmile/heart/t4524.gif

 وسلامتكم

 

أضافة أحصائية للقسم بالمشاركات والمواضيع

أضافة أحصائية للقسم بالمشاركات والمواضيع

 

 أفتح تمبلت

 forumhome_forumbit_level2_post

 وأبحث عن

 <if condition="$forum[description]"><br /><span class="smallfont">$forum[description]</span></if>

 تعديلي على نسخه البحث عن هذا

 3.8.9

 <if condition="$show['forumdescription']"><div class="smallfont">$forum[description]</div></if>

 وأضف تحته مباشرة الكود التالي

 <br>هذا المنتدى يحتوي على<b>$forum[threadcount]</b> موضوع و <b>$forum[replycount]</b> مشاركة

 واضف تحته تعديلي ويمكنك تنزينه بالصور واللون

 <br><b>$forum[threadcount]</b> موضوع <b>$forum[replycount]</b> مشاركة

 صور خارجيه

 مشاركات

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYL_vOl8NF2YMIpxiOqFo48zJJ3zC9CaIhjHOVP0l-1PTpWAu85Cnb7He3PVFQ6TbqyaiRvPz44BQS5vZSeJFWH5yU3QFvJhWNO_LLm6UqSplGnKv79PKjaanvCYab6x-47zsM1qnWHv11uQa8qIvUcrvuG63Q0Ix7Ce4tnaxusfJUc-qgVoZ4e1275UKl/s16/v.gif

 مواضيع

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1eP7Mrktc5U71WueHwqmODE1RlTtRRgkN2bEeQaemxKKxLJTonKHAsOdtRtoDGCyTWICrDQQ-YEwDxCt9Ya74dnfJhEm6OYkOVQujY3HYQgiuRsWRCab933ypfmKUurd7MjsuaCa7wo4tkI2WM-zdXtxa9flrhL6-kZSIXRLkzxwDJJ5xFIviESb_eJdw/s21/copy.gif

 زوار

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtzhaBMnC4XY8Ta0rif32n-q1Enp7l7HkaW2QavD4FwRT9yUqFjLEDlhgwiUi5pGsSoyPvfNT0ab0J90X0K_-qnrnRv8umBIwrCU8dh7mxkKoJRiX-_Dwigmp1UOvprV3_VSjiqqEoinD0uKMY_Hw6G3NlpKYfDEZyy3-RBC4Ts9EsLpa_pWNZGSsc-Rp6/s26/30ho9ox.jpg

 

 ============ مربعات معي صور

 <table border="1" width="33%" cellspacing="1" style="border-style: dashed; border-width: 1px">

 <tr>

 <td align="center"><b>$forum[threadcount]</b> موضوع <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1eP7Mrktc5U71WueHwqmODE1RlTtRRgkN2bEeQaemxKKxLJTonKHAsOdtRtoDGCyTWICrDQQ-YEwDxCt9Ya74dnfJhEm6OYkOVQujY3HYQgiuRsWRCab933ypfmKUurd7MjsuaCa7wo4tkI2WM-zdXtxa9flrhL6-kZSIXRLkzxwDJJ5xFIviESb_eJdw/s21/copy.gif" width="12" height="12"></td>

 <td align="center"><b>$forum[replycount]</b> مشاركة

 <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYL_vOl8NF2YMIpxiOqFo48zJJ3zC9CaIhjHOVP0l-1PTpWAu85Cnb7He3PVFQ6TbqyaiRvPz44BQS5vZSeJFWH5yU3QFvJhWNO_LLm6UqSplGnKv79PKjaanvCYab6x-47zsM1qnWHv11uQa8qIvUcrvuG63Q0Ix7Ce4tnaxusfJUc-qgVoZ4e1275UKl/s16/v.gif" width="16" height="16"></td>

 </tr>

 </table>

 ============ شفاف

 <table border="0" width="31%" cellspacing="0" cellpadding="0">

 <tr>

 <td align="center"><b>$forum[threadcount]</b> موضوع <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1eP7Mrktc5U71WueHwqmODE1RlTtRRgkN2bEeQaemxKKxLJTonKHAsOdtRtoDGCyTWICrDQQ-YEwDxCt9Ya74dnfJhEm6OYkOVQujY3HYQgiuRsWRCab933ypfmKUurd7MjsuaCa7wo4tkI2WM-zdXtxa9flrhL6-kZSIXRLkzxwDJJ5xFIviESb_eJdw/s21/copy.gif" width="12" height="12"> </td>

 <td align="center"><b>$forum[replycount]</b> مشاركة

 <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYL_vOl8NF2YMIpxiOqFo48zJJ3zC9CaIhjHOVP0l-1PTpWAu85Cnb7He3PVFQ6TbqyaiRvPz44BQS5vZSeJFWH5yU3QFvJhWNO_LLm6UqSplGnKv79PKjaanvCYab6x-47zsM1qnWHv11uQa8qIvUcrvuG63Q0Ix7Ce4tnaxusfJUc-qgVoZ4e1275UKl/s16/v.gif" width="16" height="16"></td>

 </tr>

 </table>

 سلامتكم

الترحيب بالعضوء الجديد بصور

التطبيق تتعرف اولا على الجمله المكتوبه كمثال الصوره

 

 أهلا وسهلا بكـ

 وتروح لـ لوحه تحكم المنتدى وتدخل على اللغات والعبارات والى البحث في العبارات

 وتحط : أهلا وسهلا بكـ ! اذا وجده اكثر من وحده

 نختار اللى فيها href

 ونغيرها بكودنا الجديد

 أهلا وسهلا بكـ

 <img border="0" src="http://yoursmileys.ru/tsmile/yes/t2776.gif" width="30" height="27"><a href="{2}">{1}</a>

 

 الاصلي

 أهلا وسهلا بكـ <a href="{2}">{1}</a>

 

 وسلامتكم

تعديل تمبلت Postbit_attachment لتحسين شكل المرفقات

اختر الاستايل المطوب والبحث عنه

 

 Postbit_attachment

 الاصلي لشركه

 <tr>

 <td><img class="inlineimg" src="$stylevar[imgdir_attach]/$attachment[attachmentextension].gif" alt="<phrase 1="$attachment[attachmentextension]">$vbphrase[file_type_x]</phrase>" width="16" height="16" border="0" style="vertical-align:baseline" /></td>

 <td><a href="attachment.php?$session[sessionurl]attachmentid=$attachment[attachmentid]&amp;d=$attachment[dateline]"<if condition="$show['newwindow']"> target="_blank"</if>>$attachment[filename]</a> ($attachment[filesize]<if condition="$show['views']">, <phrase 1="$attachment[counter]">$vbphrase[x_views]</phrase></if>)</td>

 </tr>

 ===========================

 التعديل كما بالصوره

 ===========================

 <tr><td dir="rtl">

 <table border="0" cellpadding="0" width="100%" bordercolor="#000000" id="table2" dir="rtl">

 <tr>

 <td><img border="0" class="inlineimg" src="$stylevar[imgdir_attach]/$attachment[attachmentextension].gif" alt="&lt;phrase 1=&quot;$attachment[attachmentextension]&quot;&gt;$vbphrase[file_type_x]&lt;/phrase&gt;" width="16" height="16">

 <a href="attachment.php?$session[sessionurl]attachmentid=$attachment[attachmentid]" target="_blank">

 $attachment[filename]</a>&nbsp;&nbsp;

 <input type="text" name="T2" size="28" style="font-size: 8pt; font-family: ms sans serif; border: 1px dotted #000000; " value=" حجم الملف : $attachment[filesize]">

 <input type="text" name="T1" size="24" style="font-size: 8pt; font-family: ms sans serif; border: 1px dotted #000000; " value="<phrase 1="$attachment[counter]">$vbphrase[x_views]</phrase>">&nbsp;&nbsp;&nbsp;&nbsp;

 &nbsp;</td>

 </tr>

 </table>

 وسلامتكم

هاك الماوس او ماشر الماوس

 /vb/images

ادخل لوحة التحكم ومن ثمَّ إذهب إلى تمبلت الهيدر header

وآخر التمبلت ضع الكود التالي :-

<style>

body

{

CURSOR: url("http://cur.cursors-4u.net/cursors/cur-2/cur222.cur");

}

</style>

او الكود هذا --

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur222.cur), progress;} 

إحفظ التغيرات .. إذهب لمنتداك وشاهد تغيير شكل الماوس

-----------------

في الموقع الكثير من الاشكال

http://cur.cursors-4u.net

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

:اسماء اشكال الماوس

huwair.cur

mouse.ani

اذا حبيت وضع اعلانات بالمنتدى navbar

يمكنك الزياده اذا كانت الصور صغيره ومنسقه ليكون اجمل

 إفتح تمبلت : navbar

 إبحث عن :

 <!-- / nav buttons bar -->

 <br />

 إستبدله بهذا الكود الجديد

  تعديلي بصور خارجيه

 <br />

 <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">

 <tr>

 <td class="alt1"><p align="center">

 <a href="http://youtube-kw.blogspot.com/" target="_blank">

 <img border="0" src="https://d.top4top.net/p_11161dayx3.gif" alt="الوصف" width="360" height="130"></a></td>

 <td class="alt1"><p align="center">

 <a href="https://paskuwait1.blogspot.com/" target="_blank">

 <img border="0" src="https://c.top4top.net/p_1116k39q02.gif" alt="الوصف" width="360" height="130"></a></td>

 </tr>

 </table>

 <br />

 

 او هذا اختر احدهم

 

 <br />

 <!-- Forum announcement -->

 <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">

 <tr>

 <td class="alt1"><p align="center">

 <a href="رابط الموقع" target="_blank">

 <img border="0" src="$stylevar[imgdir_buttons]/announcement.gif" alt="الوصف"></a></td>

 <td class="alt2"><p align="center">

 <a href="رابط الموقع" target="_blank">

 <img border="0" src="$stylevar[imgdir_buttons]/announcement.gif" alt="الوصف"></a></td>

 <td class="alt1"><p align="center">

 <a href="رابط الموقع" target="_blank">

 <img border="0" src="$stylevar[imgdir_buttons]/announcement.gif" alt="الوصف"></a></td>

 </tr>

 </table>

 <br />

 <!-- /Forum announcement -->

 إحفظ العمل

 ارفع الصورة : announcement إلى مجلد buttons

 قم بتغيير الروابط في الإعلان بحيث يتم استبدال

 $stylevar[imgdir_buttons]/announcement.gif ، برابط صورة الإعلان

 

 وجملة رابط الموقع ، استبدلها برابط الموقع الذي سيذهب اليه المتصفح عند الضغط على صورة الإعلان

 جملة الوصف ، استبدلها بالوصف الخاص بالاعلان ، الوصف يعني تلك النافذة الصفراء الذي تظهر عند وضع مؤشر الفارة عن صورة الإعلان

تلوين الارقام برئيسية المنتدى FORUMHOME

افتح قالب

 FORUMHOME

 ابحث عن

 $totalthreads

 استبدلها بـ

 <font color="#FF0000">$totalthreads</font>

 ابحث عن

 $totalposts

 استبدلها بـ

 <font color="#FF0000">$totalposts</font>

 ابحث عن

 $numbermembers

 استبدلها بـ

 <font color="#FF0000">$numbermembers</font>

 النتيجة

 

 بإمكآن الجميع إستبدال كود اللون الى ما يناسب منتداه 

SHOWTHREAD ظهور عنوان الموضوع بخط عريض

من قالب SHOWTHREAD

 ابحث عن $navbar

 اضف بعده :

 <center><span class="smallfont"><font size="5"><b>$thread[title]</b></font></span></center><br>

 وهذا تعديلي بالصوره

 <center><span class="smallfont"><font size="5"><b>$thread[title]

 <img border="0" src="http://yoursmileys.ru/tsmile/forum/t1257.gif" width="24" height="23"></b></font></span></center><br>

 قبل

 بعد

 اضافة بسيطه , ارجوا ان تفيدكم

شرح موقع وخدمات tapatalk الجديد

تثبيت
قم بتثبيت البرنامج الإضافي باستخدام العملية خطوة بخطوة التالية:
قم بتنزيل حزمة zip الخاصة بـ Tapatalk Plugin for vBulletin على جهاز الكمبيوتر الخاص بك
قم بفك ضغط الحزمة. يجب أن ترى مجلدًا باسم " mobiquo "
قم بتحميل مجلد " mobiquo " بالكامل وهذا المجلد فقط إلى دليل جذر نظام المنتدى الخاص بك. على سبيل المثال، إذا كان عنوان URL الخاص بالمنتدى هو http://www.mysite.com/forum ، فيجب أن يكون مجلد mobiquo الخاص بك على العنوان http://www.mysite.com/forum/mobiquo/
قم بتسجيل الدخول إلى لوحة التحكم الإدارية، ثم انتقل إلى "المكونات الإضافية والمنتجات" -> "إدارة المنتجات"

انقر فوق "إضافة/استيراد المنتجات" في أسفل الصفحة

اختر "استيراد ملف XML من الخادم الخاص بك"، وأدخل "./mobiquo/product-tapatalk.xml"، وانقر فوق الزر "استيراد"

دعم الإشعارات الفورية في vBulletin 3.7 و3.8 و4.x
للتحقق من عمل الإشعارات الفورية مع المنتدى الخاص بك، قم بزيارة {مسار عنوان URL الجذر للمنتدى الخاص بك}/mobiquo/push.php باستخدام متصفح الويب. يجب أن تتلقى رسالة "اختبار الإشعارات الفورية من Tapatalk: نجاح". إذا لم تتلق هذه الرسالة، فسيظل بإمكان Tapatalk العمل ولكن بدون ميزة الإشعارات الفورية. احصل على المساعدة هنا
التثبيت لـ vBulletin 3.6 (Legacy)
ضع حزمة zip في جذر نظام المنتدى الخاص بك
قم بفك ضغط الحزمة. يجب أن ترى دليلاً يسمى " mobiquo " داخل دليل جذر نظام المنتدى الخاص بك. على سبيل المثال، إذا كان عنوان URL للمنتدى الخاص بك هو http://www.mysite.com/forum ، فيجب أن يكون مجلد mobiquo الخاص بك على العنوان http://www.mysite.com/forum/mobiquo/
تسجيل الدخول إلى لوحة التحكم الإدارية
اختر "مدير الأنماط" ضمن "الأنماط والقوالب"
لكل القوالب التي قمت بتثبيتها (كل من سطح المكتب والواجهة المحمولة):
انقر فوق "تحرير" في القالب الحالي الخاص بك
اختر "headinclude" في القائمة، ثم انقر فوق "تحرير"
في بداية المحرر، أدخل السطر التالي:
<script type="text/javascript" src="mobiquo/tapatalkdetect.js"></script>
انقر فوق "حفظ"
إذا كان لديك أكثر من قالب مثبت (خاصةً قالب الهاتف المحمول)، فقم بإعادة خطوات تحرير القالب المذكورة أعلاه لكل قالب
الترقية من الإصدار 1.0.0 السابق لبرنامج Tapatalk لـ vBulletin 5
إذا كنت تستخدم إصدارًا من برنامج Tapatalk Plugin الخاص بـ vBulletin 5 الذي جاء قبل الإصدار 1.0.0، فيجب عليك إلغاء تثبيت منتج Tapatalk من لوحة تحكم المشرف الخاصة بـ vBulletin 5 وحذف مجلد "mobiquo" أيضًا. يمكنك بعد ذلك متابعة الخطوات المذكورة أعلاه
التثبيت الأول لـ vBulletin 5
1. قم بتحميل مجلد "mobiquo" إلى جذر تثبيت vBulletin 5. تأكد من إمكانية الوصول إلى المجلد من خلال متصفحك وإلا فقد يفشل التعديل في العمل كما هو مصمم؛
2. قم بتحميل المجلد "core" إلى جذر تثبيت vBulletin 5. هذا مطلوب لإرسال الإشعارات.
3. في لوحة تحكم المشرف في vBulletin 5، انتقل إلى المشاريع والمشاركات -> إدارة المنتجات. في الأسفل، انقر فوق خيار [إضافة/استيراد منتج]؛
4. يمكنك استيراد الملف من الخادم الخاص بك باستخدام خيار "استيراد ملف XML من الخادم الخاص بك". أدخل هذا "./mobiquo/product-tapatalk.xml"، ثم انقر فوق الزر "استيراد"
5. تم تثبيت البرنامج الإضافي ويمكنك الآن تكوينه. توجد الإعدادات في لوحة تحكم المسؤول -> الإعدادات -> الخيارات -> Tapatalk - الإعدادات العامة؛
6. إذا كانت هذه هي المرة الأولى التي تقوم فيها بتثبيت البرنامج الإضافي الخاص بنا لموقعك، فيرجى تسجيل موقعك في منطقة مالك منتدى tapatalk: http://tapatalk.com/forum_owner.php

darabhorror

Hayef-makia-1 معرض صور مميز وعداد يخرج كم صوره

الويب

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="ar" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>معرض الصور</title>
<link rel="stylesheet" href="styles-hayef-soer.css">
</head>
<body>
<header>
<h1>معرض الصور</h1>
<nav>
<ul>
<li><a href="#">الصفحة الرئيسية</a></li>
<li><a href="#">المعرض</a></li>
</ul>
</nav>
</header>

<main>
<div id="gallery">
<!-- صور الاحتياطية -->
<img src="maeppne-1.jpg" alt="صورة 1" data-caption="نبذة عن الصورة 1">
<img src="maeppne-2.jpg" alt="صورة 2" data-caption="نبذة عن الصورة 2">
<img src="maeppne-3.jpg" alt="صورة 3" data-caption="نبذة عن الصورة 3">
<img src="saiiiibeah1.png" alt="صورة 4" data-caption="نبذة عن الصورة 4">
<img src="saiiiibeah2.png" alt="صورة 5" data-caption="نبذة عن الصورة 5">
<img src="saiiiibeah3.png" alt="صورة 5" data-caption="نبذة عن الصورة 5">
<img src="saiiiibeah4.png" alt="صورة 5" data-caption="نبذة عن الصورة 5">

<!-- أضف المزيد من الصور هنا -->
</div>
</main>

<div id="lightbox">
<div id="lightbox-content">
<span class="close">&times;</span>
<img id="lightbox-image" src="" alt="">
</div>
</div>

<footer>
<p>تابعنا على الشبكات الاجتماعية:</p>
<div id="social-links">
<a href="#"><img src="facebook.png" alt="Facebook"></a>
<a href="#"><img src="twitter.png" alt="Twitter"></a>
<a href="#"><img src="instagram.gif" alt="Instagram"></a>
</div>
<p id="photo-count">عدد الصور: <span>5</span></p>
</footer>

<script src="styles-hayef-soer.js"></script>
</body>
</html>

الاستايل :

body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}

header {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}

nav ul {
list-style-type: none;
padding: 0;
}

nav ul li {
display: inline;
margin-left: 20px;
}

nav ul li a {
color: #fff;
text-decoration: none;
}

main {
padding: 20px;
}

#gallery {
display: flex;
flex-wrap: wrap;
justify-content: center;
}

#gallery img {
max-width: 200px;
height: auto;
margin: 10px;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
}

#gallery img:hover {
transform: scale(1.1);
cursor: pointer;
}

#lightbox {
display: none;
position: fixed;
z-index: 999;
padding-top: 50px;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.9);
overflow: auto;
}

#lightbox-content {
position: relative;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
width: 90%;
height: 90%;
}

#lightbox-image {
max-width: 100%;
max-height: 100%;
}

.close {
color: #fff;
position: absolute;
top: 10px;
right: 25px;
font-size: 36px;
font-weight: bold;
transition: 0.3s;
cursor: pointer;
}

.close:hover,
.close:focus {
color: #999;
text-decoration: none;
}

footer {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}

#social-links {
margin-bottom: 10px;
}

#social-links a {
margin: 0 5px;
}

#photo-count {
margin-top: 0;
}

الجافا سكربت :

document.addEventListener("DOMContentLoaded", function() {
const photoCount = document.querySelectorAll("#gallery img").length;
document.querySelector("#photo-count span").textContent = photoCount;

const images = document.querySelectorAll("#gallery img");
const lightbox = document.getElementById("lightbox");
const lightboxImage = document.getElementById("lightbox-image");

images.forEach(img => {
img.addEventListener("click", function() {
lightbox.style.display = "flex";
lightboxImage.src = this.src;
});
});

const closeButton = document.querySelector(".close");
closeButton.addEventListener("click", function() {
lightbox.style.display = "none";
});

lightbox.addEventListener("click", function(event) {
if (event.target === lightbox) {
lightbox.style.display = "none";
}
});
});

وسلامتكم ويوجد استايل وتطوير افضل

كيفيه شراء ترخيص من vbulletin

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

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

لكل من يرغب بـ شراء ترخيص للـ vbulletin وهناك من يجهل طريقة الشراء وهناك من يتعرض لنصب الشركات و العموله العالية و احتكار لوحة التحكم

والان نقدم لكم شرح تفصيلي وسهل لشراء ترخيص منتدى vb ببطاقة الاتمان

اولاُ قم بدخول علي موقع الشركة

: http://www.vbulletin.com/order

ثم تابع الشرح الصور تشرح نفسها

بعدين راح توصل لك رساله علي الاميل بيقول تم الشراء بنجاح ،،

راح توصلك رساله الي اميلك من الشركة باسم

Sales@vBulletin.com

سوف يتم قبول طلبك بعد 24 ساعه

Thank you for your recent order from vBulletin.com. Your order will be

reviewed shortly by a member of our sales team, and you will then

receive a second email containing details of the products and/or

services that you have ordered. Your order will be reviewed and

completed within 24 hours.

وبكذا يكون شريت ترخيص خاص بك

الف مبروك

وهناك اشتراك سعر الاشتراك سنوي يتجدد في كل سنه (85 دولار )

وهناك للابد ( مدى الحياه)(160دولار)

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

بخصوص تصريح المنتدى للابد ودخول الى موقع www.vbulletin.com وقائمة الاعضاء لسنه واحده فقط

اما التجديد للسنه التالية بالنسبة للدخول لقائمة الاعضاء فيكون ( 30 دولار )

اتمنى ان اكون قدرت افيدكم

ملاحظه لمن لم يستطيع او يرغب بالترخيص وبلوحة تحكم خاصه بواسطة الكثيري نت كل ماعليه تسجيل طلب بقسم

الطلبات الخاصه

قسم الطلبـــــات الخاصه +الإستضافـــه

عفواً .. لايمكن مشاهدة الطلب إلا صاحبه والمشرف العام فقط

مع وضع المعلومات الخاصه بطلب الترخيص

كالااتي

======================

طلب ترخيص جديد

لمنتدى xxxxxxxxxxxx

يجب تدوينها باللغه الانجليزيه .

Name: xxxx xxxx xxxxxxx

Email: xxxxx@xxxxxx.com

Address: (العنوان)

City: xxxxxx

Country: xxxxxxxx

Postal Code: xxxxxxxxx

Mobile: xxxxxxxx

Site: xxxxxxxxx.com

=============================

وقيمة الترخيص مدى الحياة 160 دولار اي ماياعدل 600 ريال سعودي

يضاف لها 100 ريال كعموله

اي 700 ريال

ولتجديد الترخيص التكلفه 200 ريال لسنه

المطلوب لتجديد الترخيص فقط

Customer Number: xxxxxxxxx

Customer Password: xxxxxxx

هذه والله ولي التوفيق

البرنامج الاول لتعريب البلوجر من الانجليزيه الى العربيه blogger TBT 1.2

تعريب البلوجر TBT-1.2

https://e.top4top.io/p_3290dn53q1.gif

https://top4top.io/downloadf-32907bpe42-rar.html 
https://www.mediafire.com/file/1lwouyqd92h93at/TBT-1.2.rar/file 
هذا البرنامج لتعريب قوالب الاجنبيه لعربيهـ

كود soundcloud لرفع في البلوجر

 كود الصوتيات

<iframe width="100%" height="400" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https://soundcloud.com/pzezhaep4ipi&amp;color=ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false" target="_blank"></iframe></p>

غير اللى باللون الاحمر لرابطك

أخبر صديقك عن الصفحة Tell a friend about the page

التنزيل
https://files.fm/u/csn6fy55z6
https://top4top.io/downloadf-32007blky1-rar.html
صوره

ونتابع

أضع موقعك بلا شروط I put your site without conditions

قريبا

اضف مقاله وبدون تسجيل Add an article without registration

المثال

http://camel-carry-arab.atwebpages.com/HaYeF5-NeseaR3/index.html

تنزيل
https://top4top.io/downloadf-320035ouz1-rar.html
https://files.fm/u/586c7enkg4
الملفات المشروع
1- articles.csv
2- scripts
3- styles
4- index
5- صور

تاريخ الانتساب الزائر Visitor Join Date html php

visitor_registration/
├── index.html # الصفحة الرئيسية مع نموذج التسجيل
├── styles.css # أنماط CSS لتنسيق الصفحة
├── script.js # سكربت JavaScript لمعالجة التسجيل
└── register.php # ملف PHP لمعالجة البيانات وإدخالها في قاعدة البيانات

خطوات الإعداد:
إنشاء مجلد المشروع:
أنشئ مجلدًا باسم visitor_registration على خادمك المحلي
إنشاء الملفات:
أنشئ الملفات المذكورة أعلاه (index.html, styles.css, script.js, register.php) وضع المحتوى المناسب في كل منها
إعداد قاعدة البيانات:
استخدم phpMyAdmin لإنشاء قاعدة البيانات visitor_registration وإنشاء جدول visitors باستخدام الاستعلامات SQL السابقة
تشغيل الخادم المحلي:
تأكد من تشغيل خادم الويب (مثل XAMPP أو MAMP)
افتح المتصفح وانتقل إلى http://localhost/visitor_registration/index.html
بهذا، سيكون لديك نظام تسجيل زوار بسيط ومنظم. إذا كان لديك أي استفسارات أو تحتاج إلى مزيد من المساعدة، فلا تتردد في السؤال!
index.html الكود

<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>نظام تسجيل الزوار</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<h1>تسجيل الزوار</h1>
<form id="registrationForm" action="register.php" method="POST">
<input type="text" name="name" placeholder="اسمك" required>
<input type="email" name="email" placeholder="بريدك الإلكتروني" required>
<input type="text" name="phone" placeholder="رقم الهاتف">
<button type="submit">تسجيل</button>
</form>
<div id="message"></div>
</div>
<script src="script.js"></script>
</body>
</html>

styles.css الكود

body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}

.container {
background: white;
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
width: 300px;
}

h1 {
text-align: center;
}

input {
width: 100%;
padding: 10px;
margin: 10px 0;
}

button {
width: 100%;
padding: 10px;
background: #007BFF;
color: white;
border: none;
cursor: pointer;
}

button:hover {
background: #0056b3;
}

#message {
margin-top: 10px;
text-align: center;
color: green;
}

script.js الكود

document.getElementById('registrationForm').onsubmit = function(event) {
event.preventDefault(); // منع الإرسال الافتراضي للنموذج

const formData = new FormData(this);

fetch('register.php', {
method: 'POST',
body: formData
})
.then(response => response.text())
.then(data => {
document.getElementById('message').innerText = data;
document.getElementById('registrationForm').reset();
})
.catch(error => {
console.error('خطأ:', error);
});
};

register.php الكود

<?php
$servername = "localhost";
$username = "username"; // اسم المستخدم الخاص بك
$password = "password"; // كلمة المرور الخاصة بك
$dbname = "visitor_registration";

// إنشاء الاتصال
$conn = new mysqli($servername, $username, $password, $dbname);

// التحقق من الاتصال
if ($conn->connect_error) {
die("فشل الاتصال: " . $conn->connect_error);
}

// الحصول على البيانات من النموذج
$name = $_POST['name'];
$email = $_POST['email'];
$phone = $_POST['phone'];

// إدخال البيانات في قاعدة البيانات
$sql = "INSERT INTO visitors (name, email, phone) VALUES ('$name', '$email', '$phone')";
if ($conn->query($sql) === TRUE) {
echo "تم التسجيل بنجاح!";
} else {
echo "خطأ: " . $sql . "<br>" . $conn->error;
}

$conn->close();
?>

وسلامتكم

اي بي الزائر Visitor IP php

تفاصيل الملفات

index.php: يحتوي على الكود الذي يتتبع الزوار ويعرض المعلومات

<?php
// تضمين ملف إعدادات قاعدة البيانات
include 'db_config.php';

// إنشاء اتصال بقاعدة البيانات
$conn = new mysqli(DB_SERVER, DB_USERNAME, DB_PASSWORD, DB_NAME);

// التحقق من الاتصال
if ($conn->connect_error) {
die("فشل الاتصال: " . $conn->connect_error);
}

// الحصول على عنوان IP الزائر ومعلومات المتصفح
$visitor_ip = $_SERVER['REMOTE_ADDR'];
$user_agent = $_SERVER['HTTP_USER_AGENT'];

// إدخال عنوان IP في قاعدة البيانات
$sql = "INSERT INTO visitors (ip_address, user_agent) VALUES ('$visitor_ip', '$user_agent')";
$conn->query($sql);

// جلب جميع الزيارات لتظهر في الصفحة
$sql = "SELECT * FROM visitors ORDER BY visit_time DESC";
$result = $conn->query($sql);
?>

<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>تسجيل الزوار</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>تسجيل الزوار</h1>

<table>
<tr>
<th>رقم الزيارة</th>
<th>عنوان IP</th>
<th>معلومات المتصفح</th>
<th>وقت الزيارة</th>
</tr>
<?php
if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {
echo "<tr>
<td>" . htmlspecialchars($row["id"]) . "</td>
<td>" . htmlspecialchars($row["ip_address"]) . "</td>
<td>" . htmlspecialchars($row["user_agent"]) . "</td>
<td>" . $row["visit_time"] . "</td>
</tr>";
}
} else {
echo "<tr><td colspan='4'>لا توجد زيارات.</td></tr>";
}
?>
</table>

</body>
</html>

<?php
// إغلاق الاتصال بقاعدة البيانات
$conn->close();
?>

db_config.php: يحتوي على إعدادات قاعدة البيانات

<?php
define('DB_SERVER', 'localhost'); // اسم الخادم
define('DB_USERNAME', 'your_username'); // اسم المستخدم
define('DB_PASSWORD', 'your_password'); // كلمة المرور
define('DB_NAME', 'my_website'); // اسم قاعدة البيانات
?>

style.css: يحتوي على التنسيق لصفحة تتبع الزوار

body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 20px;
}
h1 {
text-align: center;
color: #333;
}
table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}
th, td {
padding: 10px;
border: 1px solid #ddd;
text-align: right;
}
th {
background-color: #007bff;
color: white;
}
tr:hover {
background-color: #f1f1f1;
}

الخطوات
تأكد من أن لديك قاعدة بيانات وجداولك تم إعدادها باستخدام الاستعلامات المناسبة. يمكنك استخدام واجهة PHPMyAdmin أو أي أداة إدارة قاعدة بيانات أخرى
قم برفع الملفات إلى خادم الويب الخاص بك
هذا الهيكل المبسط سهل الاستخدام ويحقق الغرض المطلوب. إذا كان لديك أي استفسارات أخرى أو تحتاج إلى مساعدة إضافية، فأنا هنا للمساعدة!
تحديث إعدادات قاعدة البيانات: افتح ملف db_config.php وقم بتحديث المعلومات الخاصة بخادم قاعدة البيانات (اسم المستخدم، كلمة المرور، إلخ)
رفع الملفات: قم برفع جميع الملفات إلى خادم الويب الخاص بك
زيارة الصفحة: افتح index.php في المتصفح لتسجيل الزوار ورؤية تفاصيلهم
بهذا الشكل، لديك مشروع بسيط لتتبع الزوار باستخدام PHP وMySQL. إذا كان لديك أي استفسارات أو تحتاج إلى مزيد من التفاصيل، فلا تتردد في طرحها!
انشاء visitors *

CREATE TABLE visitors (
id INT(11) AUTO_INCREMENT PRIMARY KEY,
ip_address VARCHAR(45) NOT NULL,
user_agent TEXT NOT NULL,
visit_time TIMESTAMP DEFAULT CURRENT_TIMESTAMP

);
لإنشاء جدول visitors في قاعدة البيانات الخاصة بك، يجب عليك تنفيذ أمر SQL لإنشاء هذا الجدول. إليك كيفية القيام بذلك خطوة بخطوة:
1. الدخول إلى قاعدة البيانات
استخدام واجهة PHPMyAdmin:
افتح متصفح الويب الخاص بك واذهب إلى عنوان PHPMyAdmin (عادةً ما يكون مثل http://yourdomain.com/phpmyadmin)
سجل الدخول باستخدام معلومات قاعدة البيانات الخاصة بك.
استخدام سطر الأوامر (إذا كنت تعمل على خادم محلي مثل XAMPP أو MAMP):
افتح سطر الأوامر
قم بتشغيل الأمر التالي للدخول إلى MySQL:
bash
نسخ الكود

mysql -u your_username -p

أدخل كلمة المرور الخاصة بك.
2. إنشاء قاعدة البيانات (إذا لم تكن موجودة)
إذا لم يكن لديك قاعدة بيانات بالفعل، يمكنك إنشاء واحدة. يمكنك استخدام الأمر التالي:
sql
نسخ الكود

CREATE DATABASE my_website;
USE my_website;

3. إنشاء جدول visitors
قم بتنفيذ الأمر SQL التالي لإنشاء جدول visitors:
sql
نسخ الكود

CREATE TABLE visitors (
id INT(11) AUTO_INCREMENT PRIMARY KEY,
ip_address VARCHAR(45) NOT NULL,
user_agent TEXT NOT NULL,
visit_time TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

4. تنفيذ الأوامر
باستخدام PHPMyAdmin:
بعد الدخول إلى قاعدة البيانات، انتقل إلى علامة التبويب "SQL"
انسخ الأمر أعلاه (لإنشاء جدول visitors) والصقه في مربع النص
انقر على زر "تنفيذ" أو "Go"
باستخدام سطر الأوامر:
بعد استخدام قاعدة البيانات:
sql
نسخ الكود

USE my_website;

انسخ الأمر أعلاه (لإنشاء جدول visitors) والصقه ثم اضغط على Enter
5. التحقق من إنشاء الجدول
بعد تنفيذ الأمر، تأكد من أن الجدول تم إنشاؤه بنجاح:
في PHPMyAdmin: انتقل إلى علامة التبويب "الجداول" وتحقق من وجود جدول visitors
في سطر الأوامر: يمكنك استخدام الأمر التالي لرؤية جميع الجداول:
sql
نسخ الكود

SHOW TABLES;

الآن لديك جدول visitors جاهز للاستخدام!
يمكنك الآن استخدام المشروع الذي تم إعداده سابقًا لتتبع الزوار وتسجيل معلوماتهم في هذا الجدول. إذا كان لديك أي استفسارات إضافية، فلا تتردد في طرحها!
نعم، إنشاء جدول visitors في قاعدة البيانات هو خطوة أساسية لتتمكن من تتبع الزوار وتخزين المعلومات الخاصة بهم. إليك ملخص حول الأسباب وطرق تنفيذ ذلك:
لماذا تحتاج إلى جدول visitors؟
تخزين البيانات: الجدول سيسمح لك بتخزين معلومات الزوار مثل:
عنوان IP
معلومات المتصفح
وقت الزيارة
تحليل البيانات: يمكنك لاحقًا تحليل البيانات لمعرفة عدد الزوار، وأوقات الزيارة الأكثر شيوعًا، وأنماط استخدام أخرى
خطوات إنشاء جدول visitors
1. تسجيل الدخول إلى قاعدة البيانات
استخدم PHPMyAdmin أو سطر الأوامر للدخول إلى قاعدة البيانات
2. إنشاء قاعدة البيانات (إذا لم تكن موجودة)
sql
نسخ الكود

CREATE DATABASE my_website;
USE my_website;

3. إنشاء جدول visitors
استخدم الأمر التالي لإنشاء الجدول:
sql
نسخ الكود

CREATE TABLE visitors (
id INT(11) AUTO_INCREMENT PRIMARY KEY,
ip_address VARCHAR(45) NOT NULL,
user_agent TEXT NOT NULL,
visit_time TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

4. تنفيذ الأوامر
في PHPMyAdmin: انتقل إلى علامة التبويب "SQL" وأدخل الأوامر
في سطر الأوامر: أدخل الأوامر مباشرة بعد الاتصال بقاعدة البيانات
5. التحقق من إنشاء الجدول
تأكد من أن الجدول تم إنشاؤه بنجاح سواء عبر PHPMyAdmin أو باستخدام الأمر SHOW TABLES; في سطر الأوامر
الآن لديك جدول visitors جاهز!
بعد إنشاء الجدول، يمكنك استخدام الكود الذي قدمته سابقًا لتتبع الزوار وتخزين المعلومات في هذا الجدول. إذا كنت بحاجة إلى مساعدة إضافية، فلا تتردد في طرحها

علم الدولة لزائر State flag for visitor برمجه ويب

كيفية الاستخدام
أنشئ ملف HTML (مثل index.html) وضع فيه كود HTML
أنشئ ملف CSS (مثل styles.css) وضع فيه كود CSS
أنشئ ملف JavaScript (مثل script.js) وضع فيه كود JavaScript
افتح ملف index.html في المتصفح
ملاحظات
تأكد من أنك متصل بالإنترنت لأن الكود يستخدم خدمات خارجية للحصول على معلومات الموقع وعلم الدولة

الكود لـ styles.css

body {
font-family: Arial, sans-serif;
text-align: center;
}

.flag img {
width: 150px;
height: auto;
}

الكود لـ script.js

// استخدم واجهة برمجة التطبيقات للحصول على معلومات الموقع
fetch('https://ipapi.co/json/')
.then(response => response.json())
.then(data => {
const countryCode = data.country.toLowerCase(); // رمز الدولة
const flagUrl = `https://restcountries.com/v3.1/flags/${countryCode}.svg`;

const flagContainer = document.getElementById('flag');
const img = document.createElement('img');
img.src = flagUrl;
img.alt = `علم ${data.country_name}`;

flagContainer.appendChild(img);
})
.catch(error => {
console.error('Error fetching data:', error);
});

الكود لـ index.html

<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>علم الدولة الزائر</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>علم دولتك</h1>
<div id="flag" class="flag"></div>

<script src="script.js"></script>
</body>
</html>

تم تطويره : script.js تم تعديل الرابط على مجلد

بس عليك تغير اعلام الدول 

من Kuwait

الى حرفين

kw

وتم تعديل صيغه الصوره الى

gif

تنزيل المجلد

// استخدم واجهة برمجة التطبيقات للحصول على معلومات الموقع

fetch('https://ipapi.co/json/')

.then(response => response.json())

.then(data => {

  const countryCode = data.country.toLowerCase(); // رمز الدولة

  

  // تعديل رابط العلم إلى مجلد "flags" واستخدام اسم الدولة بالكامل

  const flagUrl = `flags/${countryCode}.gif`;

  const flagContainer = document.getElementById('flag');

  const img = document.createElement('img');

  img.src = flagUrl;

  img.alt = `علم ${data.country_name}`;

  flagContainer.appendChild(img);

})

.catch(error => {

  console.error('Error fetching data:', error);

});

وسلامتكم