إضافة بانرات في واجهة مدونتك (شرح)

رشيد بيدوسي · #1 08-30-2006, 06:00 PM

اولاً:

حضّر صورة البانر او البانرات
تقدر تعمل التصميم بال frontpage حتى يطلع معك ملف adv
بالمرفقات تجد ملف adv مثال وتقدر تعدل عليه كما تشاء

ثانياً:

ادخل على الثيم الذي تستعمله
انا استعمل ال default
/wp-content/themes/default/

ثالثاً:

بعد ان دخلت على الثيم عدّل في ملف index.php واضف له الكود التالي

كود:

<?include "Adv.htm" ?>

ضع الكود في المكان الذي تريده (طبعا مفضل يكون في الواجهة) يعني ضعه قبل:

كود:

<?php if (have_posts()) : ?>

ملاحظة:

ملف ال adv.html يجب ان يكون بنفس المجلد الموجود به ال index

طبعا تستطيع ان تغيّر اسم الملف من adv بشرط انك تغيره من ال Index ايضا

النتيجة: تكون عندك بانرات في الواجهة. صممها باتقان لتضفي جمالاَ وأناقة على مدونتك.

بالتوفيق

R-HaT · #2 09-03-2006, 07:53 AM

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

تحمل اسئلتي لاني لا افقه بهذه الامور

طيب الان بالنسبه لملف Adv.htm

محتوياته بعد مافتحناه بمحرر نصوص هي

كود:

<html dir="rtl">



<head>

<meta http-equiv="Content-Language" content="en-us">

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<title>New Page 1</title>

</head>



<body LEFTMARGIN="0" TOPMARGIN="0">



<div align="center">



&nbsp;<table border="0" width="432" id="table1" cellspacing="3" cellpadding="4" height="44">

	<tr>

		<td align="justify" width="139" nowrap>

		

		<p style="line-height: 200%">

		

		.</td>

		<td align="justify" width="133" nowrap>

		<p style="line-height: 200%">

		.</td>

		<td align="justify" width="136" nowrap>

		<p dir="ltr" align="center" style="line-height: 200%">

		.</td>

	</tr>

	<tr>

		<td align="center" colspan="3">

		.</td>

	</tr>

	<tr>

		<td align="center" colspan="3">

		<p style="line-height: 200%">

		.</td>

	</tr>

	</table>

</div>



</body>



</html>

وانا عندي صور و هذا رابطها
http://www.r-hat.com/wp-content/them...ault/sbhan.gif
وابيها تطلع كبنر
وين اضيفها فيه بالظبط

رشيد بيدوسي · #3 09-03-2006, 08:05 AM

سيكون الكود كذا:

كود:

<html dir="rtl">

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>

<body LEFTMARGIN="0" TOPMARGIN="0">

<div align="center">

&nbsp;<table border="0" width="432" id="table1" cellspacing="3" cellpadding="4" height="44">
	<tr>
		<td align="center">
		<img border="0" src="http://www.r-hat.com/wp-content/themes/default/sbhan.gif" width="470" height="60"></td>
	</tr>
	</table>
</div>

</body>

</html>

ملف ال adv بالمرفقات.

R-HaT · #4 09-03-2006, 08:14 AM

ياخي انت زقرت
:D

المفروض يعطونك جائزة نوبل لتحمل رفع الضغط :p

مشكور و ماقصرت

طيب اخر سؤال و بروح ارقد :D

لو بغيت احط رابط ثاني وش الدبره :D

بجرب الان وبرد عليك

مشكور مقدما

رشيد بيدوسي · #5 09-03-2006, 08:31 AM

نفس الفكرة لكن بالفرونت بيج تعمل اطار اضافي لصورة اضافية

R-HaT · #6 09-03-2006, 08:53 AM

مشكور استاذ رشيد

الان ظبطت
http://www.r-hat.com

mdonh · #7 01-21-2007, 10:35 PM

انا اتبعت طريقتك اخوي رشيد لكن طلعلي البنر ولكن لم تظهر الصور يعني ( علامة اكس ) فما الحل ؟؟؟

انا عملت الصوره بالفوتوشوب وبصيغة gif ثم فتحت الفرنت بيج واضفت الصوره
وحفظتها بصيغه htm وبعدها عدلت في index وايضا اضفت الـ htm في المجلد
ولكن للاسف بعد اكثر من محاوله لم تظهر الصوره معي

فاتمنى وكل امل ان اجد الجواب وشكر وجزاكم الله خير

رشيد بيدوسي · #8 01-22-2007, 02:00 AM

اقتباس:

المشاركة الأصلية كتبت بواسطة mdonh

انا اتبعت طريقتك اخوي رشيد لكن طلعلي البنر ولكن لم تظهر الصور يعني ( علامة اكس ) فما الحل ؟؟؟

انا عملت الصوره بالفوتوشوب وبصيغة gif ثم فتحت الفرنت بيج واضفت الصوره
وحفظتها بصيغه htm وبعدها عدلت في index وايضا اضفت الـ htm في المجلد
ولكن للاسف بعد اكثر من محاوله لم تظهر الصوره معي

فاتمنى وكل امل ان اجد الجواب وشكر وجزاكم الله خير

ممكن الرابط ؟

هل رفعت الصور ؟

واضح انه عندك مشكلة بالروابط ...

mdonh · #9 01-22-2007, 04:26 PM

اخوي رشيد اتمنى ان تتواصل معي لكي اطلع بنتيجه ولك من جزيل الشكر

اولا : انا لم ارفع الصوره على الانترنت ولا على الموقع .

انا فقط رفعت الــ Adv.htm على موقعي في مجلد الـ index
وعدلت في ملف ال index فقط

فمــا ادري هل ينقصني شي لكي تظهر الصوره

وشــــكراً

رشيد بيدوسي · #10 01-23-2007, 05:59 AM

اقتباس:

المشاركة الأصلية كتبت بواسطة mdonh

اخوي رشيد اتمنى ان تتواصل معي لكي اطلع بنتيجه ولك من جزيل الشكر

اولا : انا لم ارفع الصوره على الانترنت ولا على الموقع .

انا فقط رفعت الــ Adv.htm على موقعي في مجلد الـ index
وعدلت في ملف ال index فقط

فمــا ادري هل ينقصني شي لكي تظهر الصوره

وشــــكراً

ارفع الصور على الانترنت (الموقع) وعدل روابط الصور في ملف ال adv حتى تظهر.

كيف للصور ان تظهر وانت لم ترفعها على الموقع ؟

mdonh · #11 01-23-2007, 11:25 PM

جزاك الله خير اخوي رشيـد لا ابشرك زبطت معاي 100%

لــكن مشكلة البنر قريب جدا من الهيدر حتى ان البنر ملامس للهيدر

فهل توجد طريقه لوضع مسافه ؟

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

شاكرين ومقدرين حسن التعامل

wajdi · #12 01-24-2007, 03:46 AM

مشكووور استاذ رشيد والله مبدع كا العادة

دمت بخير

ابو انور · #13 01-24-2007, 06:25 AM

عفوا استاذي
ولكن بصراحة لم افهم الطريقة
ارجوك تحملني . . انا جديد في عالم البرمجة
اريد ان اضع بنر انا صممته مسبقا
وقمت بتنزيل الملف ( index.php ) من السيرفر

وبعدها مالخطوات ؟
حفظك الله يالغالي

mdonh · #14 01-24-2007, 08:49 AM

عزيزي ابوانور بعد اذن استأذنا الكبير رشيد

بعد ماتنهيت من تصميمك ولنفرض انك سمت تصميمك adv
اول خطوه تعملها هي :

انك تذهب للفرنت بيج وتضيف الصوره التي صممتها وبعدها تحفظها بصيغة adv.htm

الخطوه الثانيه تقوم برفع الصوره التي صممتها على الانترنت وتنسخ الرابط

بعد ماتنسخ الرابط تذهب الى الملف الذي حفظته adv.htm وتضغط عليه
بيمين الماوس افتحها ببرنامج الدفتر ( notebad ) وضع الرابط مكان "adv.نوع الصيغه"

بعدها ارفع ملف adv.htm الى المجلد الذي موجود فيه index.php وافتح ملف الـ index.php
وضع الكود <?include "Adv.htm" ?>

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

شكراً

أبو سمر · #15 03-04-2007, 10:43 PM

ممكن الشرح مفصل الله يجزاكم الجنه يارب..

رشيد بيدوسي · #16 03-08-2007, 12:22 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة أبو سمر

ممكن الشرح مفصل الله يجزاكم الجنه يارب..

الشرح مفصل اخي.
اذا في شيئ غير واضح اكتب لنا.

Adham · #17 04-21-2007, 08:49 PM

بورك فيكم

خالد خالد خالد · #18 04-26-2007, 02:32 AM

مشكووووووووووووووووور

phparabic · #19 05-01-2007, 05:23 AM

لأضافة صورة للهيدر من غير ما تضع ملفات زائدة في الثيم إتبع الطريقة التالية:

نحتاج تعديل في ملف style.css و في ملف header.php

ونحتاج رفع صورة البنر بالمقاس والحجم الي تحب ترفع الصورة إلى مجلد الصور images

طبعاً هذه الطريقة تطبق على أثيم المستخدم فكل ما حبيت تغير ثيم تعمل نفس الطريقة الأولى.

الخطوات:

1- تضيف هذا الكود لملف :style.css

كود:

#header h1,
#header img.banar {
	position: absolute;
	right: 40px;
	top: 90px;
	border: none;
	}

2- ضيف هذا الكود إلى ملف:header.php

كود PHP:


			
<div href="<?php bloginfo('home'); ?>"><img class="banar" src="<?php bloginfo('template_url'); ?>/images/alburak_banner.gif" alt="تبادل إعلاني" / --></div>

وغير مسار رابط البنر ومسار الصورة الي اي ما ترغب

مع التحية

mx6 · #20 05-11-2007, 06:48 AM

شكرا ً رشيد

لكن انا استخدمت طريقة السايد بار .. احس انها افضل واريح ..

SANAA · #21 12-13-2008, 09:04 PM

جزاكم الله الف خير على هذه الدروس

شاكوماكو · #22 05-13-2009, 01:24 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة phparabic

لأضافة صورة للهيدر من غير ما تضع ملفات زائدة في الثيم إتبع الطريقة التالية:

نحتاج تعديل في ملف style.css و في ملف header.php

ونحتاج رفع صورة البنر بالمقاس والحجم الي تحب ترفع الصورة إلى مجلد الصور images

طبعاً هذه الطريقة تطبق على أثيم المستخدم فكل ما حبيت تغير ثيم تعمل نفس الطريقة الأولى.

الخطوات:

1- تضيف هذا الكود لملف :style.css

كود:

#header h1,
#header img.banar {
	position: Absolute;
	right: 40px;
	top: 90px;
	border: None;
	}

2- ضيف هذا الكود إلى ملف:header.php

كود PHP:


			
<div href="<?php bloginfo('home'); ?>"><img class="banar" src="<?php bloginfo('template_url'); ?>/images/alburak_banner.gif" alt="تبادل إعلاني" / --></div>

وغير مسار رابط البنر ومسار الصورة الي اي ما ترغب

مع التحية

اخي اين اضيف الكود في ملف الهيدر بالتحديد ؟ لإني ضفته فتلخبط علي الهيدر كله الرجاء مساعدتي

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

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
ADD This إضافة تساهم في نشر مدونتك	القائد المجهول	معرض الإضافات	20	10-03-2008 07:52 PM
[إضافة] wp-central بكبسة زر تركب أي إضافة في مدونتك	aouni_tahech	معرض الإضافات	7	06-17-2008 04:37 AM
إدعم عرب ووردبريس: بانرات بمقاسات مختلفة	رشيد بيدوسي	مناقشة عامة	33	11-01-2007 07:37 PM
درس فيديو للتعديل بتصميم واجهة مدونتك.	qyasi	قوالب ووردبريس - عام	2	10-04-2007 12:17 AM
Shoutbox - شرح إضافة الشات الى مدونتك	mobd3	إضافات ووردبريس - عام	6	05-27-2007 03:22 PM

هؤولاء الاعضاء يشكرونك يا رشيد بيدوسي على هذه المشاركة:
JWD (05-05-2009), سنان (12-30-2008), S T O P (11-08-2010)

SANAA, تمّ شُكرك على هذه المشاركة من قبل الأعضاء:
سوفت اون لاين (01-22-2009)

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)