<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>مدونة تايه</title>
	<atom:link href="http://tayh.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://tayh.wordpress.com</link>
	<description>مدونة تايه ، تصميم ، ملفات مفتوحة ، psd ، دروس تصميم</description>
	<lastBuildDate>Sun, 23 Nov 2008 15:48:48 +0000</lastBuildDate>
	<language>ar</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='tayh.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>مدونة تايه</title>
		<link>http://tayh.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://tayh.wordpress.com/osd.xml" title="مدونة تايه" />
	<atom:link rel='hub' href='http://tayh.wordpress.com/?pushpress=hub'/>
		<item>
		<title>سمو الشيخ حمد بن خليفة ال ثاني امر بسحب جميع السيارات القطرية</title>
		<link>http://tayh.wordpress.com/2008/11/23/%d8%b3%d9%85%d9%88-%d8%a7%d9%84%d8%b4%d9%8a%d8%ae-%d8%ad%d9%85%d8%af-%d8%a8%d9%86-%d8%ae%d9%84%d9%8a%d9%81%d8%a9-%d8%a7%d9%84-%d8%ab%d8%a7%d9%86%d9%8a-%d8%a7%d9%85%d8%b1-%d8%a8%d8%b3%d8%ad%d8%a8/</link>
		<comments>http://tayh.wordpress.com/2008/11/23/%d8%b3%d9%85%d9%88-%d8%a7%d9%84%d8%b4%d9%8a%d8%ae-%d8%ad%d9%85%d8%af-%d8%a8%d9%86-%d8%ae%d9%84%d9%8a%d9%81%d8%a9-%d8%a7%d9%84-%d8%ab%d8%a7%d9%86%d9%8a-%d8%a7%d9%85%d8%b1-%d8%a8%d8%b3%d8%ad%d8%a8/#comments</comments>
		<pubDate>Sun, 23 Nov 2008 15:48:48 +0000</pubDate>
		<dc:creator>tayh</dc:creator>
				<category><![CDATA[1]]></category>
		<category><![CDATA[قرار الشيخ حمد بن خليفة ال ثاني بسحب السيارات]]></category>
		<category><![CDATA[سحب السيارات القطرية]]></category>
		<category><![CDATA[سحب السيارات التي ذهبت إلى لندن]]></category>

		<guid isPermaLink="false">http://tayh.wordpress.com/?p=15</guid>
		<description><![CDATA[بقرار من سمو الشيخ حمـد بن خليفه آل ثاني أمير دولة قطر   امر بسحب كل السيارات القطريه اللي راحت هالسنه الى لندن وأولهم اعياله! كل الناس استغربت هالتصرف.. ليش يعني الأمير – بنفسه- يتأكد ويصمم بحجز المواتر هاذي تحت الشمس والغبار في أبو هامور!   والسالفه طلعت بسبب –فضيحه في فلم امريكي-     [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=tayh.wordpress.com&amp;blog=5029497&amp;post=15&amp;subd=tayh&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<div>
<p class="EC_MsoNormal" style="text-align:center;" align="center"><span style="font-size:18pt;" dir="rtl" lang="AR-SA">بقرار من سمو الشيخ حمـد بن خليفه آل ثاني</span></p>
</div>
<p class="EC_MsoNormal" style="text-align:center;" align="center"><span style="font-size:18pt;" dir="rtl" lang="AR-SA">أمير دولة قطر </span></p>
<p> </p>
<p class="EC_MsoNormal" style="text-align:center;" align="center"><span style="font-size:18pt;color:red;" dir="rtl" lang="AR-SA">امر بسحب كل السيارات القطريه اللي راحت هالسنه الى لندن وأولهم اعياله</span><span style="font-size:18pt;" dir="rtl" lang="AR-SA">!</span><span dir="rtl" lang="AR-SA"> </span></p>
<p class="EC_MsoNormal" style="text-align:center;" align="center"><span style="font-size:18pt;"><br />
<span dir="rtl" lang="AR-SA">كل الناس استغربت هالتصرف.. ليش يعني الأمير – بنفسه- يتأكد ويصمم </span></span></p>
<p class="EC_MsoNormal" style="text-align:center;" align="center"><span style="font-size:18pt;" dir="rtl" lang="AR-SA">بحجز المواتر هاذي تحت الشمس والغبار في أبو هامور! </span></p>
<p class="EC_MsoNormal" style="text-align:center;" align="center"><span style="font-size:10pt;" dir="rtl" lang="AR-SA"> </span><span dir="rtl" lang="AR-SA"> </span></p>
<p class="EC_MsoNormal" style="text-align:center;" align="center"><span style="font-size:26pt;" dir="rtl" lang="AR-SA">والسالفه طلعت بسبب –فضيحه في فلم امريكي-</span></p>
<p class="EC_MsoNormal" style="text-align:center;" align="center"> </p>
<p> </p>
<p class="EC_MsoNormal" style="text-align:center;" align="center"><span style="font-size:26pt;" dir="rtl" lang="AR-SA"><span style="font-size:18pt;" dir="rtl" lang="AR-SA">اولا هاذي صور السيارات&#8221; المفرووره&#8221; في بو هامور</span><span style="font-size:18pt;"> </span></span></p>
<p class="EC_MsoNormal" style="text-align:center;" align="center"> [url=http://www.tnahid.com/upload//uploads/images/tnahid-b34bb51101.gif][img]http://www.tnahid.com/upload//uploads/images/tnahid-b34bb51101.gif[/img][/url]</p>
<p class="EC_MsoNormal" style="text-align:center;" align="center"><span style="font-size:26pt;" dir="rtl" lang="AR-SA"><span style="font-size:18pt;">________________________________<br />
 <br />
<span dir="rtl" lang="AR-SA">صوره من الفلم – الفضيحه-</span><span dir="rtl" lang="AR-SA"> </span></span></span></p>
<p class="EC_MsoNormal" style="text-align:center;" align="center"><span style="font-size:26pt;" dir="rtl" lang="AR-SA"><span style="font-size:18pt;"><span dir="rtl" lang="AR-SA">[url=http://www.tnahid.com/upload//uploads/images/tnahid-d478f4e04e.gif][img]http://www.tnahid.com/upload//uploads/images/tnahid-d478f4e04e.gif[/img][/url]</span></span></span></p>
<p class="EC_MsoNormal" style="text-align:center;" align="center"><span style="font-size:26pt;" dir="rtl" lang="AR-SA"><span style="font-size:18pt;"><span dir="rtl" lang="AR-SA"><span dir="rtl" lang="AR-SA">قصة الفلم </span><br />
Taken<br />
 <br />
 <span dir="rtl" lang="AR-SA">والذي يعرض حاليا بدور العرض في الدول العربيه والاجنبيه  </span><span dir="rtl" lang="AR-SA"> </span></span></span></span></p>
<p class="EC_MsoNormal" style="text-align:center;" align="center"><span style="font-size:18pt;color:green;" dir="rtl" lang="AR-SA">تدور قصته حول عصابة تقوم بخطف النساء الأمريكيات وتحويلهم الى مدمنات مخدرات ثم يقومون بتحويلهم الى ساقطات وفتيات دعارة</span><span style="font-size:18pt;" dir="rtl" lang="AR-SA"> </span></p>
<p class="EC_MsoNormal" style="text-align:center;" align="center"><span style="font-size:18pt;color:blue;" dir="rtl" lang="AR-SA">ثم يقومون ببيعهن على تجار الدعارة ، وقد بينوا ان هؤلاء التجار من اصول عربية وكردية وتركية ، وعندما قامت العصابة بخطف </span><span style="font-size:18pt;color:#993300;" dir="rtl" lang="AR-SA">ابنة احد رجال المخابرات الأمريكية المتقاعدين بدأت رحلته بالبحث عن ابنته في باريس والتي تداولها تجار الدعارة الشرقيين</span><span style="font-size:18pt;"><br />
 <br />
<span style="color:fuchsia;" dir="rtl" lang="AR-SA">والذي لفت الانتباه هو التاجر الأخير الذي قام بشراء ابنة ها الرجل ،</span><br />
 <br />
</span><strong><span style="font-size:28pt;" dir="rtl" lang="AR-SA">هل تعلمون ما جنسيته ؟</span></strong><span style="font-size:36pt;color:red;" dir="rtl" lang="AR-SA">جنسيته قطرية ، نعم هذا التاجر الأخير كان قطري ،</span><span style="font-size:18pt;" dir="rtl" lang="AR-SA"> </span></p>
<p> </p>
<p class="EC_MsoNormal" style="text-align:center;" align="center"><span style="font-size:18pt;" dir="rtl" lang="AR-SA">هذا ما بينه الفيلم عندما أظهر سيارة هذا التاجر العاهر بلوحة قطرية </span><span style="font-size:18pt;">..<br />
<span style="color:purple;" dir="rtl" lang="AR-SA">كانوا يقصدون بأن تجار قطر هم تجار نساء وأنهم يذهبون الى فرنسا وأوربا عامة من اجل الاستمتاع بالنساء</span><span dir="rtl" lang="AR-SA"> </span>..</span></p>
<p class="EC_MsoNormal" style="text-align:center;" align="center"><span style="font-size:18pt;">[url=http://www.tnahid.com/upload//uploads/images/tnahid-c818456a2f.gif][img]http://www.tnahid.com/upload//uploads/images/tnahid-c818456a2f.gif[/img][/url]</span></p>
<p><span style="font-size:18pt;"></span> </p>
<p class="EC_MsoNormal" style="text-align:center;" align="center"><span style="font-size:18pt;"><br />
<span dir="rtl" lang="AR-SA">ما تعليقكم يا شباب قطر ذوي الغيرة ؟</span><br />
 <br />
<span style="color:#00ccff;" dir="rtl" lang="AR-SA">هل كلام الغرب صحيح بشأن من يذهبون الى دولهم من العرب ؟</span><span style="color:#00ccff;"><br />
</span> <br />
<span style="color:#99cc00;" dir="rtl" lang="AR-SA">أم انها محاولة لتشويه صورة القطريين ؟</span></p>
<p> <span style="color:#ff0066;" dir="rtl" lang="AR-SA">وكيف سمحت دولة قطر لهذا الفيلم باستخدام لوحة مرور قطرية تحمل الرقم 225499 خصوصي</span><span style="color:#cc99ff;" dir="rtl" lang="AR-SA"> </span></span></p>
<p class="EC_MsoNormal" style="text-align:center;" align="center"><span style="font-size:18pt;color:#cc99ff;" dir="rtl" lang="AR-SA"> </span><span dir="rtl" lang="AR-SA"> </span></p>
<p class="EC_MsoNormal" style="text-align:center;" align="center"><span style="font-size:18pt;color:#cc99ff;" dir="rtl" lang="AR-SA">ولماذا لا يتم رفع دعوى قضائية ؟</span></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/tayh.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/tayh.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/tayh.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/tayh.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/tayh.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/tayh.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/tayh.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/tayh.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/tayh.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/tayh.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/tayh.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/tayh.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/tayh.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/tayh.wordpress.com/15/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=tayh.wordpress.com&amp;blog=5029497&amp;post=15&amp;subd=tayh&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://tayh.wordpress.com/2008/11/23/%d8%b3%d9%85%d9%88-%d8%a7%d9%84%d8%b4%d9%8a%d8%ae-%d8%ad%d9%85%d8%af-%d8%a8%d9%86-%d8%ae%d9%84%d9%8a%d9%81%d8%a9-%d8%a7%d9%84-%d8%ab%d8%a7%d9%86%d9%8a-%d8%a7%d9%85%d8%b1-%d8%a8%d8%b3%d8%ad%d8%a8/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/0e4d5689334f853d23302f662de14477?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">tayh</media:title>
		</media:content>
	</item>
		<item>
		<title>شرح تصميم مدونة</title>
		<link>http://tayh.wordpress.com/2008/11/18/%d8%b4%d8%b1%d8%ad-%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d9%85%d8%af%d9%88%d9%86%d8%a9/</link>
		<comments>http://tayh.wordpress.com/2008/11/18/%d8%b4%d8%b1%d8%ad-%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d9%85%d8%af%d9%88%d9%86%d8%a9/#comments</comments>
		<pubDate>Tue, 18 Nov 2008 20:31:18 +0000</pubDate>
		<dc:creator>tayh</dc:creator>
				<category><![CDATA[1]]></category>
		<category><![CDATA[Add new tag]]></category>
		<category><![CDATA[تصميم مدونات]]></category>
		<category><![CDATA[تصميم المدونه]]></category>
		<category><![CDATA[درس تصميم مدونه]]></category>
		<category><![CDATA[درس تصميم مدونة]]></category>
		<category><![CDATA[شرح تصميم مدونه]]></category>

		<guid isPermaLink="false">http://tayh.wordpress.com/?p=13</guid>
		<description><![CDATA[بسم الله الرحمن الرحيم , نبدأ تصميم الموقع أو المدونة سنبدأ في هذا الجزء بتصميم الموقع أو المدونة. هناك أمور يجب ان نحددها في تصميم الموقع مثل لون الموقع وتنسيق الموقع وأن نحدد العرض المناسب للموقع, هل نريده متمدد بنسبة 100% او نريده ثابت بمقاس واحد ؟ أغلب المواقع المشهورة تستخدم تصاميم ذات عرض ثابت [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=tayh.wordpress.com&amp;blog=5029497&amp;post=13&amp;subd=tayh&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><strong>بسم الله الرحمن الرحيم , نبدأ</p>
<p></strong><strong><span style="font-size:large;"><span style="color:#4169e1;">تصميم الموقع أو المدونة</span><br />
</span></p>
<p>سنبدأ في هذا الجزء بتصميم الموقع أو المدونة.</p>
<p>هناك أمور يجب ان نحددها في تصميم الموقع مثل لون الموقع وتنسيق الموقع وأن نحدد العرض المناسب للموقع,</p>
<p>هل نريده متمدد بنسبة 100% او نريده ثابت بمقاس واحد ؟ أغلب المواقع المشهورة تستخدم تصاميم ذات عرض ثابت مثل Yahoo, WordPress, Facebook, YouTube وطبعاً الموقع الشهير عالم التقنية <img class="inlineimg" title="Smilie" src="http://www.swalif.net/softs/images/smilies/smile.gif" border="0" alt="" /></p>
<p>لذالك سنقوم بعمل تصميم ذات عرض مقاس ثابت , مقاسات العرض الثابته يفضل أن يكون أقصى عرض 1003px لكي تكون مناسبه لأكثر الشاشات المستخدمه حالياً وهذا ما يتم عمله لأكثر المواقع الشهيره, سابقاً كانت تستخدم مقاسات العرض 779px لكي تتناسب مع دقة الشاشة 800*600 لجميع المستخدمين لكن بدأت هذه الظاهره تنقرض وهذا لأن أغلب اذا ما كان كل المستخدمين يستخدمون حالياً مقاس دقة شاشة اكبر من 800*600 مثل 1280*800.</p>
<p>هذا هو تصميمي الذي سأشرح كيفية عمل مثله بالفوتوشوب وسأشرح طريقة تقطيعه وتركيبه كمدونه</strong><br />
<a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd_web_style.jpg" target="_blank"><strong><img src="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd_web_style_thumb.jpg" border="0" alt="" /><br />
</strong><span style="color:#1c547e;"><strong>أضغط على الصورة لتكبيرها<br />
</strong></span></a></p>
<p><strong>وطبعاً بعد ما نخلص من عمل وتقطيع الموقع راح أطرح الستايل مجاناً للجميع وكذالك مصدر الفوتوشوب موجود في هذا الموضوع <img class="inlineimg" title="Smilie" src="http://www.swalif.net/softs/images/smilies/smile.gif" border="0" alt="" /></p>
<p>بعض الأجزاء في التصميم مثل اسم الموقع والجمله التي تحت اسم الموقع وعناوين المقالات وعناوين القوائم الجانبية والنصوص المختلفه توضيحيه للتصميم وهي عباره عن امثله بحيث تقوم بتصميمها لكي ترى النتيجه النهائيه وبعد تقطيع واخذ الصور من التصميم تكتب النصوص بصيغة HTML وتنسق نوع الخطوط وألوانها بإستخدام CSS بنفس الخطوط والألوان التي استخدمتها في التصميم لكي تتناسق بالشكل المطلوب.</p>
<p>الأن بسم الله نبدأ</p>
<p>نفتح الفوتوشوب</p>
<p>نفتح صفحة جديدة بالضغط من القائمة العلوية ( File -&gt; New ) أو ( ملف -&gt; جديد )</p>
<p><img src="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/1.gif" border="0" alt="" /></p>
<p>اكتب اسم الملف الجديد &lt;&lt; حركه مالها داعي بس احب اتفلسف , اكتب العرض 1003 ويجب ان لا يتعدى هذا الرقم دائماً في تصميم المواقع الإلكترونية كمعيار لأغلب مواقع الشركات العالمية, دائماً دقة الوضوح في تصميم المواقع يجب ان تكون 72 اما في انواع التصميم المختلفه تختلف الدقه فمثلاً في حال كان التصميم للطباعه فستكون افضل دقة هي 300 بيكسل.</p>
<p>محتويات الخلفية موضوعه على شفاف يفضل جعلها أبيض بدل شفاف او يمكنك تعبئة الخلفيه باللون الأبيض بعد إنشاء الصفحة بأداة التعبئة</p>
<p><img src="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/2.gif" border="0" alt="" /></p>
<p>الان بعد إنشاء الصفحة نختار أداة المربع من هنا</p>
<p><img src="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/3.gif" border="0" alt="" /></p>
<p>ونرسم مستطيل كبير في أعلى الصفحة بهذا الشكل تماماً , لون المربع يمكنك وضعه أي لون تريده لا يهم</p>
<p><img src="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/4.gif" border="0" alt="" /></p>
<p>الان من نافذة الطبقات اضغط الزر الأيمن من الفأرة ثم اختر خيارات الدمج او Blending Options وهي على نفس الطبقه التي انشأناها قبل قليل التي تكون طبقة الشكل المستطيل</p>
<p>في حال ان نافذة الطبقات غير موجودة توجه لاعلى القائمة ثم اختر ( نافذة ثم طبقات ) او windows ثم layers</p>
<p><img src="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/5.gif" border="0" alt="" /></p>
<p>ثم عند فتح النافذة قم بإختيار تغشية متدرجة بالألوان 185ba2 إلى درجة اللون 92c7fd</p>
<p>كما رسمنا المستطيل الكبير في اعلى الصفحة نرسم مستطيل آخر تحته ولكن ارتفاعه اصغر بكثير</p>
<p>باستخدام اداة رسم الشكل المربع التالية :</p>
<p><img src="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/3.gif" border="0" alt="" /></p>
<p>و في هذه الحاله يفضل ان يكون اللون نفس اللون الموجود بالصورة وهو درجة اللون هذه ( 86c542 ) #</p>
<p><img src="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/6.gif" border="0" alt="" /></p>
<p>الأن نريد ان نضع على هذا المستطيل الأخضر تعبئة محشيه او قناع مثلاً نقاط بشكل جميل</p>
<p>فبالتالي نفتح صفحة جديدة بالضغط على ملف جديد او file new ثم نحدد المقاس العرض 7 والارتفاع 7 ثم نختار اداة القلم وليس الفرشاة وذالك بالضغط عليه من الأدوات الظاهره لك او اذا لم تكن ضاهرة فبالضغط على الزر الأيمن من الفأرة على اداة الفرشاة ثم اختيار اداة القلم</p>
<p><img src="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/7.gif" border="0" alt="" /></p>
<p>نختار اللون كما هو موجود في الشكل التالي بدرجة اللون هذه ( c7e4a7 ) # ثم نرسم شكلاً جميلاً بإمكانك عمل كما رسمت او الإبداع بنفسك بكل سهوله بالتنقيط</p>
<p>ولا تنسى ان تكون الخلفية شفافه لكي يضهر اللون الذي سنضع عليه القناع</p>
<p><img src="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/8.gif" border="0" alt="" /></p>
<p>الأن لنجعل هذا التصميم نموذج قناع لإستخدامه في اداة التعبئة المحشيه بالضغط على تحرير ثم تحديد النموذج او Edit ثم Define Pattern</p>
<p>واكتب اسم النموذج ثم اضغط موافق ونغلق الصفحة التي انشأناها</p>
<p><img src="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/9.gif" border="0" alt="" /></p>
<p>الأن نرجع إلى مستطيلنا الطويل الأخضر ونختار نمط الطبقه بالضغط على الطبقه بالزر الأيمن ثم اختيار خيارات الدمج او Blending Options</p>
<p>نختار نمط تعبئة الحشو ونختار من انواع الحشو وسنجد الحشوه التي انشأناها سابقاً , نختار عليها ثم موافق</p>
<p><img src="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/10.gif" border="0" alt="" /></p>
<p>سترى ان الشكل المستطيل ضهرت عليه نقشة جميلة ,</p>
<p>الأن نريد ان نصمم خلفية الجزء السفلي من الموقع والذي يسمى بـ (Footer) نقوم بمضاعفة طبقتي المستطيلين بأختيار واحد منهم ثم من لوحة المفاتيح الضغط على CTRL مع اختيار الطبقات التي تريدها وفي حالتنا هذه يكون المستطيل الآخر</p>
<p>ثم نضغط بالزر الأيمن من الفأرة ونختار مضاعفة طبقات او Duplicate Layer</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/11.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content&#8230;-wd-web/11.gif</strong></span></a></p>
<p><strong>سنجد ان الطبقتين تضاعفت</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/12.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content&#8230;-wd-web/12.gif</strong></span></a></p>
<p><strong>الأن نختار اداة التحريك او الـ move من ادوات التحكم او بالضغط على لوحة المفاتيح حرف V</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/13.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content&#8230;-wd-web/13.gif</strong></span></a></p>
<p><strong>طبعاً بما انك قمت بمضاعفة الطبقتين ستكون الطبقتين المتضاعفة لا زالت محدده عليها كما في الصورة السابقه ولكن اذا لم تكن محدده قم بتحديد الطبقتين التي تضاعفت قبل قليل</p>
<p>ثم في الصفحة اسحب الطبقتين إلى الأسفل واقلبهما بالضغط على CTRL + T ثم الضغط على الزر الأيمن من الفأرة واختيار قلب افقي او دوران افقي او Flip Vertical</p>
<p>بعد ذالك نود ان نعكس تدرجات الخلفية التي في المستطيل الكبير لكي يكون تصميماً جميلاً بشكل افضل , فنختار طبقة المستطيل الكبير ونختار على خيارات الدمج او Blending Options ثم في نمط تعبئة متدرجة نضع صح على ( عكس ) او Reverse</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/14.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content&#8230;-wd-web/14.gif</strong></span></a></p>
<p><strong>ليصبح لدينا مثل هذا الشكل</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/14a.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/14a.gif</strong></span></a></p>
<p><strong>الأن لدينا خلفية الجزء العلوي (Header) وخلفية الجزء السفلي (Footer) , ونريد ان نصمم خلفية جزء المحتوى او الجزء الوسطي (Content, Middle)</p>
<p>نختار اداة رسم الشكل المستطيل ذو الزوايا المائلة ونختار درجة الميلان 25 بكسل ( درجة الميلان تكون في أعلى القائمة )</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/15.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content&#8230;-wd-web/15.gif</strong></span></a></p>
<p><strong>نرسم شكل مستطيل كبير في وسط الصفحة يقطع جزء بسيط من الجزء العلوي والجزء السفلي على ان يكون درجة اللون له ( cdeaf9 ) # كما في الصورة التالية</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/15a.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/15a.gif</strong></span></a></p>
<p><strong>الأن على نفس الطبقة نختار خصائص الدمج او Blending Options لكي نقوم بتغيير نمط هذا المستطيل ذو الزوايا المائلة</p>
<p>من على خيارات الدمج: تخصيخ نضع دمج متطور وتضليل بقدر 59% او قريبه منها لكي يكون المستطيل شبه شفاف ويبين الجزء العلوي والسفلي من التصميم بشكل جذاب</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/16.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content&#8230;-wd-web/16.gif</strong></span></a></p>
<p><strong>مع اختيار خاصية الحدود بمقاس 13 بكسل واللون ( 70a7e1 ) #</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/17.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content&#8230;-wd-web/17.gif</strong></span></a></p>
<p><strong>لتظهر النتيجة كما في الشكل التالي :</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/18.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content&#8230;-wd-web/18.gif</strong></span></a></p>
<p><strong>الأن لدينا تصميم خلفيه جميله للموقع</p>
<p>سنبدأ بملئ محتوى الجزء العلوي بكتابة اسم الموقع اولاً بأختيار أداة النص</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/19.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content&#8230;-wd-web/19.gif</strong></span></a></p>
<p><strong>والكتابة في اعلى الصفحة في مكان مناسب يكون موازي لبداية خلفية المحتوى ويكون خصائص الخط كالتالي</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/20.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content&#8230;-wd-web/20.gif</strong></span></a></p>
<p><strong>ومن ثم نكتب في اسفل عنوان الموقع هذا السطر ( الرئيسية | من أنا ؟ | سجل الزوار | إتصل بي ) والذي يمثل القائمة العلوية ونقوم بتحديد الكلمات ووضعها باللون 3372b6</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/21.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content&#8230;-wd-web/21.gif</strong></span></a></p>
<p><strong>وتحديد الخطوط ووضعها باللون 96c4db لتظهر بشكل جميل وجذاب</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/22.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content&#8230;-wd-web/22.gif</strong></span></a></p>
<p><strong>بكل بساطه نرسم مستطيل صغير تحت كلمة الرئيسية ( هذا المستطيل يمثل بأنك انت في هذه الصفحة عند الدخول على الموقع ) سنتطرق لكيفية عملها لاحقاً بإذن الله في درس عملية تقطيع وتركيب الستايل في المدونة</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/23.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content&#8230;-wd-web/23.gif</strong></span></a></p>
<p><strong>الأن بودي ان نضع في الجانب الأيسر من التصميم صورة للـ RSS ويمكنك أختيار صوره متنوعة كثيرة ومختلفة من محرك بحث قوقل للصور من هنا</p>
<p></strong><a rel="nofollow" href="http://images.google.com/images?q=rss+icons" target="_blank"><span style="color:#1c547e;"><strong>rss icons &#8211; Google Image Search</strong></span></a></p>
<p><strong>ستجد الكثير والكثير من الصور الجميلة والرائعة والممتعة المتعلقة بأيقونات RSS او ما تسمى بالخلاصات</p>
<p>فمثلاً انا اخترت هذه الصورة</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/23a.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/23a.gif</strong></span></a></p>
<p><strong>نقوم بنسخها بالضغط على الزر الأيمن ثم نسخ او نسخ الصورة من المتصفح ثم لصقها في الفوتوشوب بالضغط على CTRL + V او تحرير ولصق او Edit Paste</p>
<p>ونختار اداة العصا السحرية لنحدد الجزء الأبيض من الصورة بالضغط على الجزء الأبيض ثم من لوحة المفاتيح نضغط Delete</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/24.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content&#8230;-wd-web/24.gif</strong></span></a></p>
<p><strong>لتظهر النتيجة الجميلة التالية :</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/25.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content&#8230;-wd-web/25.gif</strong></span></a></p>
<p><strong>لكي يتناسق التصميم من الممكن تغيير لون الصورة بالضغط على CTRL + U ثم اختيار اللون المناسب كما في النافذة من الصورة التالية</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/26.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content&#8230;-wd-web/26.gif</strong></span></a></p>
<p><strong>لكي نزيد من جمالية التصميم ووضحه نكتب فوق الصورة RSS باللون الأبيض بكل بساطة</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/27.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content&#8230;-wd-web/27.gif</strong></span></a></p>
<p><strong>الأن خلصنا من محتوى الجزء العلوي باقي التشطيبات عليه مثل ما يقولون ,</p>
<p>فراح نستخدم الفراشي لزيادة تجميل الجزء العلوي او الـ Header</p>
<p>لتصبح النتيجة كالتالي :</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/28.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/28.gif</strong></span></a></p>
<p><strong>ستجد الكثير والكثير من الفراشي من هنا </strong><a rel="nofollow" href="http://www.brusheezy.com/" target="_blank"><span style="color:#1c547e;"><strong>Free Photoshop Brushes at Brusheezy!</strong></span></a></p>
<p><strong>وراح اضيف لكم الفراشي المستخدمة في التصميم في نهاية الموضوع</p>
<p>بعد تحميل الفراشي التي تناسبك ستجد طريقة تركيب الفرشاة من هنا</p>
<p>دامنا خلصنا من الجزء العلوي راح نتفرغ للجزء السفلي Footer عشان نتفرغ للجزء الوسطي المتعلق بمحتوى الموقع</p>
<p>نضيف هذا النص في الجزء السفلي في وسط الصفحة ( جميع الحقوق محفوظة powerd by WordPress تصميم عبدالملك ) اللهم استبدال تصميم عبدالملك بأسمك <img class="inlineimg" title="Smilie" src="http://www.swalif.net/softs/images/smilies/smile.gif" border="0" alt="" /></p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/29.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/29.gif</strong></span></a></p>
<p><strong>الأن نضيف على الجزء السفلي تأثيرات فراشي كما في الجزء العلوي لتصبح النتيجة كالتالي (وكما اوضحت بأن الفراشي ستكون مطروحة في أسفل الموضوع)</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/30.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/30.gif</strong></span></a></p>
<p><strong>الأن ننتقل إلى تصميم الجزء المتعلق بمحتوى الموقع الذي يكون في وسط الموقع</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/31.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/31.gif</strong></span></a></p>
<p><strong>بسم الله نبدأ</p>
<p>لننتهي من القائمة الجانبية الأن ونختار أداة رسم الخط لنرسم الفاصل بين القائمة الجانبية ومقالات الموقع كالتالي :</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/32.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/32.gif</strong></span></a></p>
<p><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/33.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/33.gif</strong></span></a></p>
<p><strong>الأن احب اوضح بأن القائمة الجانبية دائماً في المدونات تتكون من قوائم ( عنوان ) و ( قائمة خاصة بالعنوان ) او عنوان ( ومحتوى بسيط ) وهذا ما سنقوم بتصميمه</p>
<p>فنبدأ بالعنوان لنرسم خلفية جميله ونوع ولون نص مناسب للعنوان, نختار اداة الفرشاة</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/34.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/34.gif</strong></span></a></p>
<p><strong>ثم نختار من الأعلى شكل الفرشاة من قسم الفراشي الأساسية ونختار شكل الفرشاة هذه</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/35.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/35.gif</strong></span></a></p>
<p><strong>ننشأ طبقة جديدة فارغة من نافذة الطبقات لكي نرسم عليها بالفرشاة</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/36.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/36.gif</strong></span></a></p>
<p><strong>ثم نرسم في الصفحة بأعلى القائمة الجانبية خط مستقيم بنفس الفرشة التي اخترناها سابقاً ولعمل ذالك اضغط بالفأرة في المكان المناسب مع الضغط على Shift وتحريك الفأرة إلى الجانب الآخر وهكذا سيكون خط مستقيم تماماً غير متعرج</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/38.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/38.gif</strong></span></a></p>
<p><strong>لزيادة الجمالية في خلفية العنوان الخاص بالقائمة الجانبية اضفت بالفرشاة باللون الأخضر مستطيل جانبي كالتالي</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/39.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/39.gif</strong></span></a></p>
<p><strong>الأن نكتب نص العنوان باللون الأبيض ونوع الخط Arial و حجم</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/40.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/40.gif</strong></span></a></p>
<p><strong>هنا أحب أن أبين بأن بعض النصوص مثل التصنيفات واسم الموقع وحقوق الموقع في أسفل التصميم تكون نصيه في الموقع الفعلي بعد التقطيع لذالك يجب على النصوص الحقيقة والتي لن يتم إستخدامها كصورة ان تكون نصوص معروفه مثل Arial أو Tahoma لكي يستطيع اي زائر تشغيلها حيث الخطوط الغير إفتراضيه في انظمة التشغيل لا يمكن تشغيلها للزوار الذين لا يمتلكون هذه الخطوط في اجهزتهم</p>
<p>وبعض النصوص التي صممناها مثل التي في أعلى صورة RSS سيتم قطعها كصوره لكي تكون صورة كاملة برابط واحد</p>
<p>الأن انتهينا من عنوان القائمة الجانبية ننتقل إلى قائمة العنوان وهي كالتالي</p>
<p>نختار أداة الخط</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/32.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/32.gif</strong></span></a></p>
<p><strong>ونرسم مستطيل كالتالي باللون cce7f4</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/41.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/41.gif</strong></span></a></p>
<p><strong>ثم نرسم النقطه الخاصه بالقائمة والتي تسمى Bullet عن طريق اختيار اداة رسم الشكل المربع</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/3.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content&#8230;h-wd-web/3.gif</strong></span></a></p>
<p><strong>ونختار اللون الأخضر 92e33a ونرسم الشكل التالي</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/42.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/42.gif</strong></span></a></p>
<p><strong>هنا أحب أن أوضح بأننا في تصميم المواقع نعمل على تناسق الألوان دائماً وهو علم بحد ذاته ونقطة مهمة جداً في تصميم المواقع</p>
<p>الأن نكتب نص القائمة بكل سهولة ( Tahoma , لون أزرق غامق )</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/43.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/43.gif</strong></span></a></p>
<p><strong>نقوم بمضاعفة الثلاث طبقات الأخيره التي أنشأناها الخط والنقطة والنص ( عملية المضاعفة شرحناها سابقاً ) ثم نحرك الطبقات المضاعفة للأسفل قليلاً كالتالي</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/44.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/44.gif</strong></span></a></p>
<p><strong>نغير كلمة عام إلى برامج او اي قسم مثلاً</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/45.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/45.gif</strong></span></a></p>
<p><strong>ونعيد الخطوتين الأخيرتين لكي نضيف اقسام وتصنيفات المدونة لتظهر كالتالي</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/46.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/46.gif</strong></span></a></p>
<p><strong>ثم لننشأ قائمة اخرى اسفل قائمة التصنيفات وذالك بمضاعفة جميع طبقات قائمة التصنيفات وتحريكها للأسفل لتصبح كالتالي</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/47.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/47.gif</strong></span></a></p>
<p><strong>نغير المسميات من تصنيفات إلى الأرشيف وتغيير القائمة الخاصة بالأرشيف لتكون كأرشفة شهرية كما يتم وضعها في أغلب المدونات</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/48.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/48.gif</strong></span></a></p>
<p><strong>ونفس العمل للخطوتين الأخيرتين لعنوان</p>
<p>روابط و منوعات</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/49%282%29.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/49(2).gif</strong></span></a></p>
<p><strong>تلاحظون بأن تصميم الموقع ليس بالسهولة المتوقعة فتصميم الموقع يأخذ جهد ويأخذ وقت ويأخذ أفكار كثيرة ويأخذ ذوق ويأخذ خبرة !</p>
<p>نرجع لمحور حديثنا الحمد لله خلصنا من القائمة الجانبية وباقي المحتوى التي تكون المقالات من اجزائها عنوان المقالة معلومات عن المقالة ( التاريخ والكاتب والتعليقات ) ونص المقالة وزر ( اقرء المزيد … )</p>
<p>بسم الله نبدأ</p>
<p>نكتب نص ( عنوان مقالة جديدة ) بخط Arial ولون أزرق غامق بخط كبير كالتالي :</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/50.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/50.gif</strong></span></a></p>
<p><strong>نرسم اسفله مستطيل بأستخدام أداة رسم الشكل المربع ويكون باللون الأبيض</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/3.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content&#8230;h-wd-web/3.gif</strong></span></a></p>
<p><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/51.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/51.gif</strong></span></a></p>
<p><strong>ثم نرسم خطين اسفل وأعلى المستطيل الأبيض باللون الأزرق الغامق باستخدام اداة رسم الخط كالتالي</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/32.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/32.gif</strong></span></a></p>
<p><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/52.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/52.gif</strong></span></a></p>
<p><strong>نكتب داخل المستطيل الأبيض ( المدون : admin عدد التعليقات : 1 التصنيف : غير مصنف ) باللون a0c3ea</p>
<p>كالتالي :</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/53.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/53.gif</strong></span></a></p>
<p><strong>ثم نكتب اسفل المستطيل الأبيض نص المقالة باستخدام نوع الخط Tahoma واللون الأزرق الغامق ( يفضل أن يكون نص المقالة نص صحيح لكي تكون الصورة اوضح لك في رؤية التصميم بشكله الجميل وتنسيقه في حال كان غير ذالك )</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/54.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/54.gif</strong></span></a></p>
<p><strong>الأن نضع لمسة جمالية باستخدام الفرشاة في صندوق المقالة وذالك في المكان الفارغ بجانب عنوان المقالة لتصبح كالتالي ( وكما اعيد تجدون الفراشي في أسفل الموضوع )</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/55.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/55.gif</strong></span></a></p>
<p><strong>الأن بكل بساطة وكما عملنا سابقاً أكثر من مرة نضاعف الطبقات الأخيرة التي أنشأناها المتعلقة بصندوق المقالة ونحركها أسفل الموجودة</p>
<p>لتصبح النتيجة كالتالي</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/56.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/56.gif</strong></span></a></p>
<p><strong>نضع ( &lt; السابق ) و ( التالي &gt; ) في أسفل المقالات بنوع الخط Arial باللون 60a01b بالحجم 18pt لتصبح النتيجة كالتالي</p>
<p></strong><a rel="nofollow" href="http://www.tech-wd.com/wd/wp-content/uploads/57.gif" target="_blank"><span style="color:#1c547e;"><strong>http://www.tech-wd.com/wd/wp-content/uploads/57.gif</strong></span></a></p>
<p><strong>الحمد لله أنتهينا .</strong></p>
<p><strong>منقول من عبدالملك الثاري منتديات سوالف</strong></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/tayh.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/tayh.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/tayh.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/tayh.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/tayh.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/tayh.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/tayh.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/tayh.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/tayh.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/tayh.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/tayh.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/tayh.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/tayh.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/tayh.wordpress.com/13/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=tayh.wordpress.com&amp;blog=5029497&amp;post=13&amp;subd=tayh&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://tayh.wordpress.com/2008/11/18/%d8%b4%d8%b1%d8%ad-%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d9%85%d8%af%d9%88%d9%86%d8%a9/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/0e4d5689334f853d23302f662de14477?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">tayh</media:title>
		</media:content>

		<media:content url="http://www.swalif.net/softs/images/smilies/smile.gif" medium="image">
			<media:title type="html">Smilie</media:title>
		</media:content>

		<media:content url="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd_web_style_thumb.jpg" medium="image" />

		<media:content url="http://www.swalif.net/softs/images/smilies/smile.gif" medium="image">
			<media:title type="html">Smilie</media:title>
		</media:content>

		<media:content url="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/1.gif" medium="image" />

		<media:content url="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/2.gif" medium="image" />

		<media:content url="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/3.gif" medium="image" />

		<media:content url="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/4.gif" medium="image" />

		<media:content url="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/5.gif" medium="image" />

		<media:content url="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/3.gif" medium="image" />

		<media:content url="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/6.gif" medium="image" />

		<media:content url="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/7.gif" medium="image" />

		<media:content url="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/8.gif" medium="image" />

		<media:content url="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/9.gif" medium="image" />

		<media:content url="http://www.tech-wd.com/wd/wp-content/uploads/tech-wd-web/10.gif" medium="image" />

		<media:content url="http://www.swalif.net/softs/images/smilies/smile.gif" medium="image">
			<media:title type="html">Smilie</media:title>
		</media:content>
	</item>
		<item>
		<title>حصة الفيزياء عام 2004 !</title>
		<link>http://tayh.wordpress.com/2008/10/04/%d8%ad%d8%b5%d8%a9-%d8%a7%d9%84%d9%81%d9%8a%d8%b2%d9%8a%d8%a7%d8%a1-%d8%b9%d8%a7%d9%85-2004/</link>
		<comments>http://tayh.wordpress.com/2008/10/04/%d8%ad%d8%b5%d8%a9-%d8%a7%d9%84%d9%81%d9%8a%d8%b2%d9%8a%d8%a7%d8%a1-%d8%b9%d8%a7%d9%85-2004/#comments</comments>
		<pubDate>Sat, 04 Oct 2008 06:12:00 +0000</pubDate>
		<dc:creator>tayh</dc:creator>
				<category><![CDATA[1]]></category>

		<guid isPermaLink="false">http://tayh.wordpress.com/?p=11</guid>
		<description><![CDATA[وش رايكم ؟ لا تغركم هالورقه *_^ تراي طالب مجتهد<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=tayh.wordpress.com&amp;blog=5029497&amp;post=11&amp;subd=tayh&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><span style="color:#888888;"><strong>وش رايكم ؟ <img src='http://s0.wp.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </strong></span></p>
<p><img src="http://www.tnahid.com/schol.jpg" alt="صة الفيزياء" /></p>
<p><strong>لا تغركم هالورقه *_^<br />
تراي طالب مجتهد</strong></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/tayh.wordpress.com/11/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/tayh.wordpress.com/11/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/tayh.wordpress.com/11/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/tayh.wordpress.com/11/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/tayh.wordpress.com/11/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/tayh.wordpress.com/11/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/tayh.wordpress.com/11/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/tayh.wordpress.com/11/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/tayh.wordpress.com/11/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/tayh.wordpress.com/11/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/tayh.wordpress.com/11/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/tayh.wordpress.com/11/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/tayh.wordpress.com/11/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/tayh.wordpress.com/11/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=tayh.wordpress.com&amp;blog=5029497&amp;post=11&amp;subd=tayh&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://tayh.wordpress.com/2008/10/04/%d8%ad%d8%b5%d8%a9-%d8%a7%d9%84%d9%81%d9%8a%d8%b2%d9%8a%d8%a7%d8%a1-%d8%b9%d8%a7%d9%85-2004/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/0e4d5689334f853d23302f662de14477?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">tayh</media:title>
		</media:content>

		<media:content url="http://www.tnahid.com/schol.jpg" medium="image">
			<media:title type="html"></media:title>
		</media:content>
	</item>
		<item>
		<title>ستايل العيد ، مقطع وجاهز مع ملف PSD كامل لستايل</title>
		<link>http://tayh.wordpress.com/2008/09/30/%d8%b3%d8%aa%d8%a7%d9%8a%d9%84-%d8%a7%d9%84%d8%b9%d9%8a%d8%af-%d8%8c-%d9%85%d9%82%d8%b7%d8%b9-%d9%88%d8%ac%d8%a7%d9%87%d8%b2-%d9%85%d8%b9-%d9%85%d9%84%d9%81-psd-%d9%83%d8%a7%d9%85%d9%84-%d9%84%d8%b3/</link>
		<comments>http://tayh.wordpress.com/2008/09/30/%d8%b3%d8%aa%d8%a7%d9%8a%d9%84-%d8%a7%d9%84%d8%b9%d9%8a%d8%af-%d8%8c-%d9%85%d9%82%d8%b7%d8%b9-%d9%88%d8%ac%d8%a7%d9%87%d8%b2-%d9%85%d8%b9-%d9%85%d9%84%d9%81-psd-%d9%83%d8%a7%d9%85%d9%84-%d9%84%d8%b3/#comments</comments>
		<pubDate>Tue, 30 Sep 2008 19:22:26 +0000</pubDate>
		<dc:creator>tayh</dc:creator>
				<category><![CDATA[ملفات مفتوحة المصدر]]></category>
		<category><![CDATA[PSD]]></category>
		<category><![CDATA[ستايل مقتوح المصدر]]></category>
		<category><![CDATA[ستايل مجاني]]></category>
		<category><![CDATA[ستايل العيد]]></category>

		<guid isPermaLink="false">http://tayh.wordpress.com/?p=3</guid>
		<description><![CDATA[السلام عليكم ورحمة الله وبركاته كيف حالكم جميعا ^_^ بمناسبة افتتاح مدونتي حبيت اقدم لكم هالستايل .. طبعا يوجد ملف PSD لكامل الستايل ، يعني بامكانك تعدل عليه زي ماتبي لتحميل الستايل : http://www.tnahid.com/3eed.rar<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=tayh.wordpress.com&amp;blog=5029497&amp;post=3&amp;subd=tayh&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><strong>السلام عليكم ورحمة الله وبركاته</strong></p>
<p><strong>كيف حالكم جميعا ^_^</strong></p>
<p><strong>بمناسبة افتتاح مدونتي حبيت اقدم لكم هالستايل .. </strong></p>
<p><strong>طبعا يوجد ملف PSD لكامل الستايل ، يعني بامكانك تعدل عليه زي ماتبي <img src='http://s1.wp.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </strong></p>
<p><strong>لتحميل الستايل :<br />
<a href="http://www.tnahid.com/3eed.rar" target="_blank">http://www.tnahid.com/3eed.rar</a></strong></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/tayh.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/tayh.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/tayh.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/tayh.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/tayh.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/tayh.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/tayh.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/tayh.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/tayh.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/tayh.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/tayh.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/tayh.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/tayh.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/tayh.wordpress.com/3/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=tayh.wordpress.com&amp;blog=5029497&amp;post=3&amp;subd=tayh&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://tayh.wordpress.com/2008/09/30/%d8%b3%d8%aa%d8%a7%d9%8a%d9%84-%d8%a7%d9%84%d8%b9%d9%8a%d8%af-%d8%8c-%d9%85%d9%82%d8%b7%d8%b9-%d9%88%d8%ac%d8%a7%d9%87%d8%b2-%d9%85%d8%b9-%d9%85%d9%84%d9%81-psd-%d9%83%d8%a7%d9%85%d9%84-%d9%84%d8%b3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/0e4d5689334f853d23302f662de14477?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">tayh</media:title>
		</media:content>
	</item>
	</channel>
</rss>
