السلام عليكم ورحمة الله وبركاته . كما عودناكم بوضع كل جديد على معهد ترادنت ...
تم بحمد الله اليوم الإنتهاء من برمجة كود code آخر الآخبار [آخر التدوينات] لـ مجلات الوورد برس .الكود code تمت برمجته بطريقة رآئعة وهو يعمل بكفائة فهو يعرض آخر التدوينات بشكل سلس ومناسب .. لن أطيل عليكم أولا مثال على الكود code www.almubtaker.com ثانياً مثال مقتطف من الموقع :
" الكود code بالمرفقات "
نأتي الآن لشرح طريقة طريقة التركيب install خطوة بخطوه . لكي يفهم الجميع إن شاء الله تعالى [خطوات التركيب install بسيطة جداً].
أولا نروح إلى لوحة التحكم من ثم نروح إلى > محرر القالب template > نختار الترويسة الهيدر header .. تابع الشرح طريقة بالصور :
ثم نروح للترويسة الهيدر header [header.php] ونأخذ نسخة إختياطية منه لاسمح الله حدثت مشكلة رح يكون عندك نسخة
بعد إختيار الهيدر header . رح تظهر أكواد الهيدر header نحنُ نقوم بالبحث على هذا الكود code
إليكم الكود code لكي تسهل عملية البحث عليه
رمز PHP:
<code style="white-space:nowrap"> <code> <div id="inner" class="clearfloat">
</code> </code>
بعدها نلصق الكود code أمام الكود code الذي بحثنا عنه على الجانب الأيمن شاهد الصورة :
رمز PHP:
<code style="white-space:nowrap"> <code> <div style="background-color: #FFFFFF; border: 1px solid #000000; color: rgb(240, 76, 19); font-family: Arial,Helvetica,sans-serif; font-size:
</code> </code>
رمز PHP:
<code style="white-space:nowrap"> <code> [CENTER]
12px; font-weight: bold; text-align: right; padding: 1px">
<table border="0" width="100%" cellspacing="0" cellpadding="0" dir="rtl">
<tr>
<td style="background-image: url('/wp-content/uploads/mubtaker.jpg')">
</td>
<td width="847">
<marquee scrollAmount=3 scrollDelay=50
direction="right" onmouseover=this.stop();
onmouseout=this.start(); width="843" style="font-size: 14pt; font-family: Tahoma; border: 1px solid #FFFFFF; padding: 0; background-color: #FFFFFF; color:#000000" height="30" ><?php get_archives('postbypost', '30', 'custom', '', ' <img src="wp-content/uploads/mubtaker.gif " '); ?></marquee></td>
</tr>
</table>
</div></div>
<p style="margin-top: -19px"> </p> [/CENTER] </code> </code>
عشان أسهل عليكم الكود code الي نبحث عنه بإختصار رح نلاقية أخر الصفحة
بعدما نلصق الكود code .. نسوي حفظ ونروح للموقع رح تلاقية إن شاء الله
مـلاحظة مهمةجداً [الرجاء التركيز في الشرح طريقة لانه أدنى غلط مارح يظبط الكود code]
الآن نأتي لتغيير الصورة الي في الشريط حسب ذوقك وحسب موقعك فالبعض لديهم موقع برامج أو غيرها ويريدون تعديل الصورة لمسمى آخر .
أولا : اذا أردتم تغيير الصورة هذه:
الصورة تصميمها رح يكون بـ مقاس [ العرض 70 والطول 30 ]
بعدتصميم الصورة حسب إختيارك وحسب ذوقك ،نفتح الكود code ونبحث عن هذا المسار :
wp-content/uploads/mubtaker.jpg
وتغيير مسار الصورة الي تبيها
نأنياً : لتغيير الصور الي تأتي بين الأخبار [التدوينات] طبعاً مقاسات الصورة [العرض 25 والطول 28]
نروح نأخذ الكود code ونلصقة في الفرونت بيج تابع الشرح طريقة المصور :
طبعاً أعتقد الكل يعرف يضيف الكود code بالفرونت بيج > تعليمات برمجية > تصميم .. وغيرها عشان يظهر مثل مافي الصورة
الآن بعد ماضغطنا دبل كليك رح تفتح لنا نافذة أخرى بهذا الشكل :
نحدد هذا الكود code wp-content/uploads/mubtaker.gif وتستبدلونه بمسار الصورة الخاصة بكم
لتغيير طول وعرض كود code الأخبار نغير البيكسل مثل مافي الصورة حسب الرغبة
المصدر : موقع المبتكر
في النهاية .. أتمنى أني قد وفقت في الشرح طريقة . وكل ما أتمناه من إخواني هو الدعاء لي ولوالدي
وجزاكم الله خير الجزاء
اللهم إني أسألك الهُدى والتقى والعفاف والغنى
الصور المصغرة المرفقة
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©
رد مع اقتباس
