<?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/"
	>

<channel>
	<title>رحلة ضَوْء &#187; تصميم وتطوير</title>
	<atom:link href="http://www.rehlaonline.com/web-development/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.rehlaonline.com</link>
	<description>مدونة متخصصة تهتم بالتقنية وتطوير الذات من خلالها.</description>
	<lastBuildDate>Sun, 07 Feb 2010 20:10:51 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Chevereto: سكريبت مجاني مفتوح المصدر لرفع الصور</title>
		<link>http://www.rehlaonline.com/2009/03/chevereto-an-open-source-image-hosting-script/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=chevereto-an-open-source-image-hosting-script</link>
		<comments>http://www.rehlaonline.com/2009/03/chevereto-an-open-source-image-hosting-script/#comments</comments>
		<pubDate>Sat, 14 Mar 2009 20:13:01 +0000</pubDate>
		<dc:creator>مهدي</dc:creator>
				<category><![CDATA[تصميم وتطوير]]></category>
		<category><![CDATA[Scripts]]></category>
		<category><![CDATA[مراكز التحميل]]></category>
		<category><![CDATA[مراكز تحميل الملفات]]></category>
		<category><![CDATA[مشاركة الملفات]]></category>

		<guid isPermaLink="false">http://www.rehlaonline.com/2009/03/14/chevereto-an-open-source-image-hosting-script/</guid>
		<description><![CDATA[ 
Chevereto: سكريبت مجاني مفتوح المصدر لرفع الملفات بخيارات متعددة (انظر نسخة للعرض). يمكنك تحميله وتثبيته لإنشاء موقع لرفع الملفات ومشاركتها،بالميزات التالية:

واجهة مستخدم End User Interface أنيقة وسهلة الإستخدام تعتند على Ajax.
تصغيير حجم الصور بعد الرفع.
اختصار رابط مشاركة الصورة.
رفع الصورة من كمبيوتر المستخدم أو من موقع آخر.
مشاركة الصورة بعد رفعها على مواقع الشبكات الإجتماعية.
عرض روابط [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.rehlaonline.com"><img title="chevereto" style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" height="368" alt="chevereto" src="http://www.rehlaonline.com/wp-content/uploads/2009/03/chevereto.png" width="532" border="0" /></a> </p>
<p><a href="http://chevereto.com/">Chevereto</a>: سكريبت مجاني مفتوح المصدر لرفع الملفات بخيارات متعددة (انظر <a href="http://demo.chevereto.com/">نسخة للعرض</a>). يمكنك تحميله وتثبيته لإنشاء موقع لرفع الملفات ومشاركتها،بالميزات التالية:</p>
<ul>
<li>واجهة مستخدم End User Interface أنيقة وسهلة الإستخدام تعتند على Ajax.</li>
<li>تصغيير حجم الصور بعد الرفع.</li>
<li>اختصار رابط مشاركة الصورة.</li>
<li>رفع الصورة من كمبيوتر المستخدم أو من موقع آخر.</li>
<li>مشاركة الصورة بعد رفعها على مواقع الشبكات الإجتماعية.</li>
<li>عرض روابط مشاركة الصورة بعد رفعها.</li>
</ul>
<p>قرأت على موقعه الرسمي أنهم يزدون هذا السكريبت الرائع بدليل استخدام يحتوي على تعليمات لطريقة إنشاء إضافة لمتصفح فيرفوكس، تعرضها للتحمل للمستخدمين، بحيث تتناسب مع موقعك؛ ولكنني لم أجده حتى الآن!</p>
<h3  class="related_post_title">ذات صلة:</h3><ul class="related_post"><li><a href="http://www.rehlaonline.com/2008/10/synctoy/" title="SyncToy: أداة مجانية من مايكروسوفت لمزامنة المُجلدات">SyncToy: أداة مجانية من مايكروسوفت لمزامنة المُجلدات</a></li><li><a href="http://www.rehlaonline.com/2008/10/all-you-need-to-know-about-ftp/" title="المعلومات الأساسية التي تحتاج لمعرفتها حول بروتوكول FTP">المعلومات الأساسية التي تحتاج لمعرفتها حول بروتوكول FTP</a></li><li><a href="http://www.rehlaonline.com/2008/10/fire-universal-uploader-for-firefox/" title="Fire/Universal Uploader: إضافة التحميل إلى العديد من المواقع الخدمية لفيرفوكس">Fire/Universal Uploader: إضافة التحميل إلى العديد من المواقع الخدمية لفيرفوكس</a></li><li><a href="http://www.rehlaonline.com/2008/09/how-to-share-files-and-folders-over-a-network/" title="كيف تشارك ملفاً أو مجلداً على الشبكة في وندوز؟">كيف تشارك ملفاً أو مجلداً على الشبكة في وندوز؟</a></li><li><a href="http://www.rehlaonline.com/2008/05/filemail-the-ultimate-email-file-sharing-solution/" title="filemail: الخدمة المجانية المتكاملة والأفضل حتى الآن لإرسال الملفات">filemail: الخدمة المجانية المتكاملة والأفضل حتى الآن لإرسال الملفات</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.rehlaonline.com/2009/03/chevereto-an-open-source-image-hosting-script/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>كيف تُقسِّم التصنيفات في ووردبريس إلى عمودين مع عرض عدد التدوينات؟</title>
		<link>http://www.rehlaonline.com/2009/02/how-to-display-wordpress-categories-intwo-columns/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=how-to-display-wordpress-categories-intwo-columns</link>
		<comments>http://www.rehlaonline.com/2009/02/how-to-display-wordpress-categories-intwo-columns/#comments</comments>
		<pubDate>Tue, 24 Feb 2009 12:20:52 +0000</pubDate>
		<dc:creator>مهدي</dc:creator>
				<category><![CDATA[تصميم وتطوير]]></category>
		<category><![CDATA[تعلّم كيف]]></category>
		<category><![CDATA[ووردبريس]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[قوالب ووردبريس]]></category>

		<guid isPermaLink="false">http://www.rehlaonline.com/?p=7030</guid>
		<description><![CDATA[في تدوينة سابقة، شاركتكم بطريقة بسيطة لعرض التدوينات في مدونات ووردبريس المدفوعة بطريقة أفقية. حينها، سألني أحد القرّاء؛ كيف يمكن عرضها في عمودين مع عرض عدد التدوينات في كل تصنيف. مثال:

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

حمّل كود PHP هذا [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.rehlaonline.com/2009/02/08/how-to-display-categories-in-horizontal-style/">في تدوينة سابقة</a>، شاركتكم بطريقة بسيطة لعرض التدوينات في مدونات ووردبريس المدفوعة بطريقة أفقية. حينها، سألني أحد القرّاء؛ كيف يمكن عرضها في عمودين مع عرض عدد التدوينات في كل تصنيف. مثال:</p>
<p><a href="http://www.rehlaonline.com/wp-content/uploads/2009/02/wordpresscats.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="التصنيفات في عمودين" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/wordpresscats-thumb.png" border="0" alt="التصنيفات في عمودين" width="364" height="324" /></a></p>
<p>أعتقد أن الإضافة التي ذكرتها سابقاً، تمكنك من تحقيق هذه الغاية ولكن قد تحتاج إلى تعديلات شاقة. ولكن، لدي طريقة بسيطة جداً.<br />
<span id="more-7030"></span></p>
<p><a href="http://www.rehlaonline.com/downloads/wordpress-categories-intwo-columns.txt">حمّل كود PHP هذا </a>وضعه في المكان المناسب في القائمة الجانبية Sidebar (في ملف Sidebar.php) ولكن خذ منه نسخة احتياطية أولاً.</p>
<p>يستدعي جميع التصنيفات في مدونتك ثم يفسمها إلى عمودين ويعرض عدد التدوينات في كل تصنيف.</p>
<p>بعد ذلك، ضع كود CSS التالي في ملف Style.css في مدونتك.</p>
<pre lang="CSS">

#cats{background:#FFFFE0; border:1px solid #E6DB55; line-height:20px; margin-bottom:20px; width:350px; direction:rtl; padding-bottom:20px; font-family:Tahoma; font-size:13px}
.catright{float:left; width:180px; margin-left:-10px; margin-right:10px}
.catleft{float:right; width:150px; margin-right:20px}
</pre>
<p>هذا الكود هو لعرض التصنيفات في <a href="http://www.rehlaonline.com">ر.ض.</a> يمكنك التعديل عليه ليتناسب مع مدونتك. لاحظ نطة مهمة جداً: انتبه لعرض شريط القائمة الجانبية في مدونتك، وعدله في كود CSS السابق وإلا فلن تعرض التصنيفات بطريقة العمودين وقد تظهر كذلك بطريقة سيئة في متصفح إنترنت إكسبلورر والمتصفحات التي على شاكلته!</p>
<p>هنا، يفترض أن تكون لديك معرفة ولو أساسية في CSS.</p>
<p>ملاحظة 1: كود PHP أعلاه، وجدته في منتدى <a href="http://wordpress.org/support/topic/227180">ووردبريس الرسمي</a>.</p>
<p>ملاحظة 2:<a href="http://www.dagondesign.com/articles/multi-column-category-list-plugin-for-wordpress/"> توجد إضافة لهذه الغاية ولكنني لم أجربها</a>.</p>
<h3  class="related_post_title">ذات صلة:</h3><ul class="related_post"><li><a href="http://www.rehlaonline.com/2009/02/how-to-add-a-horizontal-nice-boxed-images-to-your-blog/" title="كيف تضيف مربعات الصور إلى قوالب ووردبريس؟">كيف تضيف مربعات الصور إلى قوالب ووردبريس؟</a></li><li><a href="http://www.rehlaonline.com/2008/05/wordpress-sidebar-gets-pushed-down-in-ie6/" title="ظهور القائمة الجانبية في الأسفل في قوالب ووردبريس ">ظهور القائمة الجانبية في الأسفل في قوالب ووردبريس </a></li><li><a href="http://www.rehlaonline.com/2009/02/arabic-fonts-and-opera/" title="مشكلة عرض الخطوط العربية في متصفح أوبرا">مشكلة عرض الخطوط العربية في متصفح أوبرا</a></li><li><a href="http://www.rehlaonline.com/2009/02/wordpress-ro-css-boxes/" title="WordPress RO CSS Boxes: صناديق CSS لتدويناتك">WordPress RO CSS Boxes: صناديق CSS لتدويناتك</a></li><li><a href="http://www.rehlaonline.com/2008/11/diy-css-effects-for-your-blog-posts/" title="افعلها بنفسك: تأثيرات CSS للصور على تدويناتك في ووردبريس">افعلها بنفسك: تأثيرات CSS للصور على تدويناتك في ووردبريس</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.rehlaonline.com/2009/02/how-to-display-wordpress-categories-intwo-columns/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>كيف تضيف مربعات الصور إلى قوالب ووردبريس؟</title>
		<link>http://www.rehlaonline.com/2009/02/how-to-add-a-horizontal-nice-boxed-images-to-your-blog/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=how-to-add-a-horizontal-nice-boxed-images-to-your-blog</link>
		<comments>http://www.rehlaonline.com/2009/02/how-to-add-a-horizontal-nice-boxed-images-to-your-blog/#comments</comments>
		<pubDate>Tue, 24 Feb 2009 07:06:51 +0000</pubDate>
		<dc:creator>مهدي</dc:creator>
				<category><![CDATA[تصميم وتطوير]]></category>
		<category><![CDATA[ووردبريس]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[قوالب ووردبريس]]></category>

		<guid isPermaLink="false">http://www.rehlaonline.com/2009/02/24/how-to-add-a-horizontal-nice-boxed-images-to-your-blog/</guid>
		<description><![CDATA[في البداية، لدي مشكلة مع عنوان هذه التدوينة؛ على الأرجح، لم أوفّق في عنوانها ولهذا فيمكنك أن تقترح علي عنواناً أفضل. على أي حال، دعوني أشرح الفكرة:

يمكنك أن تضيف شريط صور مربعة إلى مدونة ووردبريس المجانية والمدفوعة (لا أدري إذا تنجح هذه الطريقة مع المدونات المجانية الأخرى ولكن، كل شيء ممكن مع HTML و CSS [...]]]></description>
			<content:encoded><![CDATA[<p align="right">في البداية، لدي مشكلة مع عنوان هذه التدوينة؛ على الأرجح، لم أوفّق في عنوانها ولهذا فيمكنك أن تقترح علي عنواناً أفضل. على أي حال، دعوني أشرح الفكرة:</p>
<p><span id="more-7026"></span></p>
<p align="right">يمكنك أن تضيف شريط صور مربعة إلى مدونة ووردبريس المجانية والمدفوعة (لا أدري إذا تنجح هذه الطريقة مع المدونات المجانية الأخرى ولكن، كل شيء ممكن مع HTML و CSS و يبقى السؤال: هل تتيح هذه المدونات المجانية امكانية تحرير قوالبها؟) ويمكنك إضافته إلى موقعك أو إلي أي تصميم. هذه الصور لها أحجام ثابتة (مثال 64X64 بيكسل) وتوجد مسافة فاصلة بينها ويمكنك تنسيقها بأكثر من طريقة باستخدام CSS. هذه الصور، يمكنك إضافتها إلى أعلى المدونة أو إلى أسفلها أو في شريط القائمة الجانبية لأكثر من حاجة:</p>
<ol>
<li>
<div>عرض صور توضيحية لأهم التصنيفات في مدونتك، فبهذا يستطيع القارىء تصفحها (كما أفعل حالياً في <a href="http://www.rehlaonline.com">ر.ض.</a>).</div>
</li>
<li>
<div>أو لمدونتك الشخصية بعرض أيقونات لحساباتك في الشبكات الإجتماعية (مصل تويتر وغيرها).</div>
</li>
<li>
<div>أو لعرض أيقونات الخلاصات والإشتراك في القائمة البريدية وغير ذلك.</div>
</li>
</ol>
<p align="right"><strong>هذه أمثلة مصوّرة:</strong></p>
<p align="right"><strong>أحد التصاميم </strong><a href="http://www.mkalhousani.com"><strong>لمدونتي الشخصية</strong></a><strong>:</strong></p>
<p align="right"><a href="http://www.rehlaonline.com/wp-content/uploads/2009/02/socialcss2.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="مدونة الغياب" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/socialcss2-thumb.png" border="0" alt="مدونة الغياب" width="526" height="290" /></a> <strong>من </strong><a href="http://www.rehlaonline.com"><strong>رحلة ضَوْء</strong></a><strong>:</strong></p>
<p align="right"><a href="http://www.rehlaonline.com/wp-content/uploads/2009/02/socialcss.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Social--CSS" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/socialcss-thumb.png" border="0" alt="Social--CSS" width="526" height="227" /></a></p>
<p align="right">لقد جهّزتُ لك كود HTML وكود CSS لهذه الغاية. لن أشرح تفاصيلهما لأنني أفترض أن لدى المهتم معرفة ولو أساسية في HTML و CSS. على أية حال، إن نظرة لهذه الأكواد أو التعديل عليها سيعطيك فكرة واضحة. (لا يمكن التعلم دون التجارب!)</p>
<p align="right"><strong>في الكود المرفق عدّل الآتي</strong>: مكان الصور واسماءها في مدونتك / الروابط / الوصف title … الخ.</p>
<p align="right">كذلك، سأوضح الطريقة في مدونات ووردبريس المدفوعة، فقط:</p>
<p class="note" align="right"><strong>من أين أحصل على أيقونات مناسبة؟</strong> لأيقونات الخلاصات RSS انظر <a href="http://www.rehlaonline.com/2009/02/19/the-ultimate-collection-of-rss-icons/">هذه التدوينة</a>. للأيقونات الأخرى، ابحث في <a href="http://www.iconspedia.com">محرك البحث الرائع هذا المتخصص في الأيقونات</a> أو جرب <a href="http://www.rehlaonline.com/2008/10/03/6-icon-search-engines/">إحدى هذه المحركات الأخرى</a> أو ابحث في موقع <a href="http://www.flickr.com">flickr</a> بهذه الطريقة كمثال: firefox icons. كما أنني سأنشر قريباً، تدوينة لما أعتقد بأنه أفضل مجموعة الأيقونات المجانية.</p>
<p align="right"><strong>الطريقة (ووردبيس فقط):</strong></p>
<p align="right">أو<strong>لاً:</strong> أين تريد أن تضيفها؟ في أعلى المدونة؟ في أسفلها؟ في شريط القائمة الجانبية Sidebar؟</p>
<p align="right">لأعلى المدونة: افتح ملف header.php</p>
<p align="right">لأسفل المدونة: افتح ملف footer.php</p>
<p align="right">لللقائمة الجانبية: افتح sidebar.php</p>
<p align="right"><strong>ثانياً:</strong> <a href="http://www.rehlaonline.com/downloads/Social-CSS.txt">حمّل كود HTML هذا</a>، ثم أضفه في المكان المناسب في أحد الملفات أعلاه (في المكان الذي تريد أن تظهر فيه).</p>
<p align="right"><strong>ثالثاً:</strong> ارفع أيقونات الصور إلى مجلد imgaes في مدونتك. <strong>في هذا الكود</strong>، جميع الصور بمقاس 64 بيكسل للطول والعرض.</p>
<p align="right">رابعاً: أضف كود CSS التالي إلى ملف Style.css في مدونتك:</p>
<pre class="lang=CSS"><code>
#social{float:left; margin-left:20px; margin-top:-8px}
#social img{margin:50px 10px 0px 0; padding:5px; border:0px solid #dadada; width:60px; height:60px}
</code></pre>
<h3  class="related_post_title">ذات صلة:</h3><ul class="related_post"><li><a href="http://www.rehlaonline.com/2009/02/how-to-display-wordpress-categories-intwo-columns/" title="كيف تُقسِّم التصنيفات في ووردبريس إلى عمودين مع عرض عدد التدوينات؟">كيف تُقسِّم التصنيفات في ووردبريس إلى عمودين مع عرض عدد التدوينات؟</a></li><li><a href="http://www.rehlaonline.com/2008/05/wordpress-sidebar-gets-pushed-down-in-ie6/" title="ظهور القائمة الجانبية في الأسفل في قوالب ووردبريس ">ظهور القائمة الجانبية في الأسفل في قوالب ووردبريس </a></li><li><a href="http://www.rehlaonline.com/2009/02/arabic-fonts-and-opera/" title="مشكلة عرض الخطوط العربية في متصفح أوبرا">مشكلة عرض الخطوط العربية في متصفح أوبرا</a></li><li><a href="http://www.rehlaonline.com/2009/02/wordpress-ro-css-boxes/" title="WordPress RO CSS Boxes: صناديق CSS لتدويناتك">WordPress RO CSS Boxes: صناديق CSS لتدويناتك</a></li><li><a href="http://www.rehlaonline.com/2008/11/diy-css-effects-for-your-blog-posts/" title="افعلها بنفسك: تأثيرات CSS للصور على تدويناتك في ووردبريس">افعلها بنفسك: تأثيرات CSS للصور على تدويناتك في ووردبريس</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.rehlaonline.com/2009/02/how-to-add-a-horizontal-nice-boxed-images-to-your-blog/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>مشكلة عرض الخطوط العربية في متصفح أوبرا</title>
		<link>http://www.rehlaonline.com/2009/02/arabic-fonts-and-opera/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=arabic-fonts-and-opera</link>
		<comments>http://www.rehlaonline.com/2009/02/arabic-fonts-and-opera/#comments</comments>
		<pubDate>Tue, 24 Feb 2009 06:13:51 +0000</pubDate>
		<dc:creator>مهدي</dc:creator>
				<category><![CDATA[تصميم وتطوير]]></category>
		<category><![CDATA[مشاكل وحلول]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Opera]]></category>
		<category><![CDATA[Opera Mini]]></category>
		<category><![CDATA[مشاكل العربية]]></category>

		<guid isPermaLink="false">http://www.rehlaonline.com/2009/02/24/arabic-fonts-and-opera/</guid>
		<description><![CDATA[عندما ذكرت بعض مزايا أوبرا في مكانٍ ما في رحلة ضَوْء، أخبرني أحد القراء عن مشكلة مع أوبرا عند تصفح المواقع العربية تتعلق بطريقة عرض الخطوط. قبل أن يخبرني عنها، لم أكن لأصادفها، فكرت في المشكلة والحل وهما غاية في البساطة. هذه صورة توضيحية للمشكلة:

في حين، المفترض أن تظهر بهذه الطريقة:


سبب هذه المشكلة، هو استخدام [...]]]></description>
			<content:encoded><![CDATA[<p>عندما ذكرت بعض مزايا أوبرا في مكانٍ ما في <a href="http://www.rehlaonline.com">رحلة ضَوْء</a>، أخبرني أحد القراء عن مشكلة مع أوبرا عند تصفح المواقع العربية تتعلق بطريقة عرض الخطوط. قبل أن يخبرني عنها، لم أكن لأصادفها، فكرت في المشكلة والحل وهما غاية في البساطة. هذه صورة توضيحية للمشكلة:</p>
<p><a href="http://www.rehlaonline.com/wp-content/uploads/2009/02/operafont.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="opera-font" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/operafont-thumb.png" border="0" alt="opera-font" width="397" height="177" /></a></p>
<p>في حين، المفترض أن تظهر بهذه الطريقة:</p>
<p><a href="http://www.rehlaonline.com/wp-content/uploads/2009/02/operafontafter.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="Opera-font-after" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/operafontafter-thumb.png" border="0" alt="Opera-font-after" width="400" height="183" /></a></p>
<p><span id="more-7020"></span></p>
<p>سبب هذه المشكلة، هو استخدام الخاصية letter-spacing في CSS. لأن هذه الخاصية، تعني وضع مسافة فاصلة بين الحروف. في الحروف اللاتينية، هذه الخاصية مفيدة لان الكلمات تتكون من حروف غير متصلة (مثال: Mahdi تصبح: M a h d i) بينيما في العربية، فهي تتكون من حروف متصلة (مثال: مهدي) وإذا استخدمنا خاصية  letter-spacing مع كلمة “مهدي” فستظهر بهذه الطريقة في أوبرا (م ه د ي). يتجاهل <a href="http://www.mozilla.com">فيرفوكس</a> وإنترنت إكسبلورر هذه الخاصية مع النصوص العربية، في حين يصر على تطبيقها متصفح أوبرا. والحل هو بإزالة هذه الخاصية أو بعدم استخدامها مع التصاميم العربية لأن لا حاجة لها.</p>
<p>غالباً، تظهر هذه المشكلة مع التصاميم المعربة كقوالب ووردبريس وغيرها،وأعتقد أن المشكلة قد تظهر أيضاً في Opera mini.</p>
<h3  class="related_post_title">ذات صلة:</h3><ul class="related_post"><li><a href="http://www.rehlaonline.com/2007/12/opera-mini/" title="الإنترنت على جوالك مع Opera Mini بطريقة مختلفة!">الإنترنت على جوالك مع Opera Mini بطريقة مختلفة!</a></li><li><a href="http://www.rehlaonline.com/2009/02/how-to-display-wordpress-categories-intwo-columns/" title="كيف تُقسِّم التصنيفات في ووردبريس إلى عمودين مع عرض عدد التدوينات؟">كيف تُقسِّم التصنيفات في ووردبريس إلى عمودين مع عرض عدد التدوينات؟</a></li><li><a href="http://www.rehlaonline.com/2009/02/how-to-add-a-horizontal-nice-boxed-images-to-your-blog/" title="كيف تضيف مربعات الصور إلى قوالب ووردبريس؟">كيف تضيف مربعات الصور إلى قوالب ووردبريس؟</a></li><li><a href="http://www.rehlaonline.com/2009/02/wordpress-ro-css-boxes/" title="WordPress RO CSS Boxes: صناديق CSS لتدويناتك">WordPress RO CSS Boxes: صناديق CSS لتدويناتك</a></li><li><a href="http://www.rehlaonline.com/2008/11/diy-css-effects-for-your-blog-posts/" title="افعلها بنفسك: تأثيرات CSS للصور على تدويناتك في ووردبريس">افعلها بنفسك: تأثيرات CSS للصور على تدويناتك في ووردبريس</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.rehlaonline.com/2009/02/arabic-fonts-and-opera/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>المجموعة الكاملة لأفضل أيقونات الخلاصات RSS</title>
		<link>http://www.rehlaonline.com/2009/02/the-ultimate-collection-of-rss-icons/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=the-ultimate-collection-of-rss-icons</link>
		<comments>http://www.rehlaonline.com/2009/02/the-ultimate-collection-of-rss-icons/#comments</comments>
		<pubDate>Thu, 19 Feb 2009 20:39:33 +0000</pubDate>
		<dc:creator>مهدي</dc:creator>
				<category><![CDATA[تصميم وتطوير]]></category>
		<category><![CDATA[Icons، أيقونات، أيقونات الخلاصات]]></category>
		<category><![CDATA[RSS]]></category>

		<guid isPermaLink="false">http://www.rehlaonline.com/2009/02/19/the-ultimate-collection-of-rss-icons/</guid>
		<description><![CDATA[سواء كنت مصمماً، مطوّراً أو صاحب موقع أو مدوّنة وتبحث عن أفضل أيقونات الخلاصات لمشروعاتك أو لموقعك، أو لمدوّنتك، فستجد في هذه المجموعة أفضل الايقونات الخاصة بالخلاصات بأشكال وأفكار وأحجام متعددة.
 
 
 
 
 

 
 
 
 
 
 

  
 

 

 
 
 
 
 
 
&#160;


 
 
 
 [...]]]></description>
			<content:encoded><![CDATA[<p>سواء كنت مصمماً، مطوّراً أو صاحب موقع أو مدوّنة وتبحث عن أفضل أيقونات الخلاصات لمشروعاتك أو لموقعك، أو لمدوّنتك، فستجد في هذه المجموعة أفضل الايقونات الخاصة بالخلاصات بأشكال وأفكار وأحجام متعددة.</p>
<p><a href="http://www.smashingmagazine.com/2008/04/01/fresh-free-and-gorgeous-rssfeed-icons/"><img class="imagestyle" title="RSS 1" alt="RSS 1" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/rss102.jpg" width="450" height="453" /></a> </p>
<p> <span id="more-6978"></span>
<p><a href="http://www.icojoy.com/articles/23/"><img class="imagestyle" title="RSS 2" alt="RSS 2" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/rss101.jpg" width="425" height="300" /></a> </p>
<p><a href="http://0at.org/blog/free_rss_icons"><img class="imagestyle" title="RSS 3" alt="RSS 3" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/rss103.jpg" width="414" height="252" /></a> </p>
<p><a href="http://www.rehlaonline.com/wp-content/uploads/2009/02/rss104.jpg"><img class="imagestyle" title="RSS 4" border="0" alt="RSS 4" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/rss104-thumb.jpg" width="427" height="345" /></a> </p>
</p>
<p><a href="https://www.uwesu.org/forum/viewtopic.php?f=29&amp;t=18090&amp;p=301324"><img class="imagestyle" title="RSS 5" border="0" alt="RSS 5" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/rss105.jpg" width="422" height="421" /></a> </p>
<p><a href="http://www.design-freak.com/design/v-gostyax-u-krajnova/"><img class="imagestyle" title="RSS 6" border="0" alt="RSS 6" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/rss106.jpg" width="425" height="388" /></a> </p>
<p><a href="http://customize.org/icons/55872"><img class="imagestyle" title="RSS 7" alt="RSS 7" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/rss108.jpg" width="400" height="160" /></a> </p>
<p><a href="http://www.design-freak.com/2008/05/06/rss-icons-campaign/"><img class="imagestyle" title="RSS 8" border="0" alt="RSS 8" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/rss109.jpg" width="500" height="200" /></a> </p>
<p><a href="http://twinware.deviantart.com/art/RSS-READER-Icon-69790065"><img class="imagestyle" title="RSS 9" border="0" alt="RSS 9" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/rss110.jpg" width="300" height="300" /></a> </p>
<p><a href="http://comingupforair.net/2008/01/rss-icons/"><img class="imagestyle" title="RSS 10" border="0" alt="RSS 10" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/rss120.jpg" width="500" height="447" /></a> </p>
<p><a href="http://smashingpoint.com/layered-psd-icons-rss-icons.html"><img class="imagestyle" title="RSS 11" border="0" alt="RSS 11" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/rss130.jpg" width="500" height="181" /></a></p>
<p><a href="http://www.nyssajbrown.net/2007/11/07/free-rss-feed-icons/"><img class="imagestyle" title="RSS 11" border="0" alt="RSS 11" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/rssiconspreview1.jpg" width="500" height="305" /></a> <a href="http://www.zeusboxstudio.com/blog/feedicons-2"><img class="imagestyle" title="RSS 12" alt="RSS 12" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/2.png" width="533" height="379" /></a> </p>
<p><a href="http://fasticon.com/freeware/index.php/circle-feeds-icons/"><img class="imagestyle" title="RSS 13" border="0" alt="RSS 13" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/circle-feeds.jpg" width="425" height="319" /></a> </p>
</p>
<p><a href="http://photoshopcandy.com/?p=70"><img class="imagestyle" title="RSS 14" alt="RSS 14" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/rss-icon.jpg" width="403" height="366" /></a> </p>
<p><a href="http://perishablepress.com/press/2006/08/20/a-nice-collection-of-feed-icons/"><imgclass height="128" width="128" src="$feed-icon_orange-128px+[4].png" ="IMAGESTYLE" /></a></p>
<p><a href="http://www.bartelme.at/journal/archive/feed_icon_template/"><img class="imagestyle" title="RSS 15" border="0" alt="RSS 15" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/feedicon.png" width="392" height="222" /></a> </p>
<p><a href="http://skingcito.deviantart.com/art/RSS-NEWS-37909197"><img class="imagestyle" title="RSS 16" border="0" alt="RSS 16" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/rss-news-by-skingcito.jpg" width="453" height="332" /></a> </p>
<p><a href="http://www.drweb.de/magazin/photohop-rss-icon-standard-in-variationen/"><img class="imagestyle" title="RSS 17" border="0" alt="RSS 17" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/rss1051.jpg" width="422" height="421" /></a> </p>
<p><a href="http://fasticon.com/freeware/index.php/rss-feeds-icon/"><img class="imagestyle" title="RSS 18" alt="RSS 18" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/feeds.jpg" width="416" height="291" /></a> </p>
<p><a href="http://www.photoshopstar.com/web-graphics/nice-simple-subscribe-badges/"><img class="imagestyle" title="RSS 19" alt="RSS 19" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/subscribebadges.jpg" width="470" height="171" /></a> </p>
<p><a href="http://www.vecteezy.com/vf/236-New-RSS-Icon"><img class="imagestyle" title="RSS 20" alt="RSS 20" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/rss210.gif" width="300" height="220" /></a> </p>
<p><a href="http://www.smashingmagazine.com/2008/07/23/smashy-the-alien-icon-set/"><img class="imagestyle" title="RSS 21" border="0" alt="RSS 21" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/rss250.jpg" width="500" height="417" /></a>&#160;</p>
<p><a href="http://www.smashingmagazine.com/2008/07/23/smashy-the-alien-icon-set/"><img class="imagestyle" title="RSS 22" alt="RSS 22" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/rss260.jpg" width="471" height="716" /></a></p>
<p><a href="http://barrymieny.deviantart.com/art/NewsFire-55219003"><imgclass height="220" width="300" src="$rss[5].gif" ="IMAGESTYLE" alt="rss" /></a></p>
<p><a href="http://bati1975.deviantart.com/art/StickerFeed-69353791http://bati1975.deviantart.com/art/StickerFeed-69353791"><img class="imagestyle" title="RSS 23" alt="RSS 23" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/stickerfeed-by-bati1975.png" width="400" height="203" /></a> </p>
<p><a href="http://billgoldbergmania.deviantart.com/art/rss-icons-80260556"><img class="imagestyle" title="RSS 24" alt="RSS 24" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/rss-icons-by-billgoldbergmania.png" width="445" height="364" /></a> </p>
<p><a href="http://burnsflipper.deviantart.com/art/MyCircles-RSS-Icon-40357449"><img class="imagestyle" title="RSS 25" border="0" alt="RSS 25" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/mycircles-rss-icon-by-burnsflipper.jpg" width="300" height="233" /></a> </p>
<p><a href="http://grafon.deviantart.com/art/Free-RSS-Icons-83135885"><img class="imagestyle" title="RSS 26" border="0" alt="RSS 26" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/free-rss-icons-by-grafon.jpg" width="400" height="867" /></a> </p>
<p><a href="http://icontexto.deviantart.com/art/IconTexto-WebDev-84413719"><img class="imagestyle" title="RSS 27" border="0" alt="RSS 27" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/icontexto-webdev-by-icontexto.jpg" width="390" height="390" /></a> </p>
<p><a href="http://tayzar44.deviantart.com/art/RSS-Stamps-84498504"><img class="imagestyle" title="RSS 28" border="0" alt="RSS 28" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/rss-stamps-by-tayzar44.jpg" width="429" height="377" /></a></p>
<h3  class="related_post_title">ذات صلة:</h3><ul class="related_post"><li><a href="http://www.rehlaonline.com/2010/02/rehlaonline-google-chrome-extension/" title="إضافة &ldquo;تحديثات رحلة ضَوْء&rdquo; لمتصفح Google Chrome">إضافة &ldquo;تحديثات رحلة ضَوْء&rdquo; لمتصفح Google Chrome</a></li><li><a href="http://www.rehlaonline.com/2009/03/ektashif-feed-has-been-changed/" title="إعلان: رابط الخُلاصات الجديد لمدوّنة &#8220;اكتشف!&#8221;">إعلان: رابط الخُلاصات الجديد لمدوّنة &#8220;اكتشف!&#8221;</a></li><li><a href="http://www.rehlaonline.com/2009/02/how-to-add-rss-icon-to-your-blog/" title="كيف تضيف أيقونة الخلاصات RSS إلى مدونتك؟">كيف تضيف أيقونة الخلاصات RSS إلى مدونتك؟</a></li><li><a href="http://www.rehlaonline.com/2008/12/461-gr-subscribers/" title="461 مشترك في خلاصات رحلة ضَوْء باستخدام Google Reader">461 مشترك في خلاصات رحلة ضَوْء باستخدام Google Reader</a></li><li><a href="http://www.rehlaonline.com/2008/10/individurls-the-custom-news-aggregator/" title="individurls: تابع مدوناتك الأكثر تفضيلاً من مكانٍ واحد">individurls: تابع مدوناتك الأكثر تفضيلاً من مكانٍ واحد</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.rehlaonline.com/2009/02/the-ultimate-collection-of-rss-icons/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>WordPress RO CSS Boxes: صناديق CSS لتدويناتك</title>
		<link>http://www.rehlaonline.com/2009/02/wordpress-ro-css-boxes/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=wordpress-ro-css-boxes</link>
		<comments>http://www.rehlaonline.com/2009/02/wordpress-ro-css-boxes/#comments</comments>
		<pubDate>Sun, 08 Feb 2009 22:50:32 +0000</pubDate>
		<dc:creator>مهدي</dc:creator>
				<category><![CDATA[تصميم وتطوير]]></category>
		<category><![CDATA[ووردبريس]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[صناديق css]]></category>

		<guid isPermaLink="false">http://www.rehlaonline.com/2009/02/09/wordpress-ro-css-boxes/</guid>
		<description><![CDATA[ 
هذه مجموعة من صناديق CSS صممتها لك، عزيزي المدوّن، يمكنك أن تضع فيها بعض النصوص أو الفقرات، الملاحظات، الهوامش، الخلاصات، الروابط، الفقرات المهمة، الجمل المهمة، الاقتباسات … الخ
طريقة الإستخدام:
1. حمّل الملف المضغوط بنهاية هذه التدوينة. ستجد بداخله ملف باسم RO-CSS-Boxes.css. ارفعه إلى مجلد القالب الذي تستخدم في مدونتك.
2. افتح ملف style.css في القالب الذي [...]]]></description>
			<content:encoded><![CDATA[<p><strong><a href="http://www.rehlaonline.com/wp-content/uploads/2009/02/cssboxes3.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="WordPress CSS Boxes" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/cssboxes3-thumb.png" border="0" alt="WordPress CSS Boxes" width="400" height="350" /></a> </strong></p>
<p>هذه مجموعة من صناديق CSS صممتها لك، عزيزي المدوّن، يمكنك أن تضع فيها بعض النصوص أو الفقرات، الملاحظات، الهوامش، الخلاصات، الروابط، الفقرات المهمة، الجمل المهمة، الاقتباسات … الخ</p>
<p><strong>طريقة الإستخدام:</strong></p>
<p>1. حمّل الملف المضغوط بنهاية هذه التدوينة. ستجد بداخله ملف باسم RO-CSS-Boxes.css. ارفعه إلى مجلد القالب الذي تستخدم في مدونتك.</p>
<p>2. افتح ملف style.css في القالب الذي تستخدم في مدونتك وأضف في بدايته السطر التالي:</p>
<pre lang="css">@import url('RO-CSS-Boxes.css');</pre>
<p>ضعه مباشرةً تحت بيانات القالب.</p>
<p>3. الآن، عندما تريد وضع نص معين في أحد هذه الصناديق، يجب أن يكون هذا النص بين وسمين &#8220;p&#8221; وستحتاج إلى إضافة الوسم التالي في وسم p, وسم البداية:</p>
<p style="text-align: right;">
<p><a href="http://www.rehlaonline.com/wp-content/uploads/2009/02/ro-css-boxes-9.png"><img class="alignnone size-full wp-image-6877" title="ro-css-boxes-9" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/ro-css-boxes-9.png" alt="ro-css-boxes-9" width="151" height="75" /></a></p>
<p>ولاستخدام لون محدد للصندوق، غيّر الرقم إلى جوار كلمة box من 1 إلى 12 (أنظر الأمثلة).</p>
<p><strong>مثال لطريقة إضافة صندوق إلى فقرة:</strong></p>
<p><a href="http://www.rehlaonline.com/wp-content/uploads/2009/02/cssboxes7.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="CSS-BOXES-7" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/cssboxes7-thumb.png" border="0" alt="CSS-BOXES-7" width="292" height="98" /></a></p>
<p><strong>مثال 1: box1</strong></p>
<p class="box1">مُدوِّنة رحلة ضَوْء (ر.ض.) هي مُدوِّنة تقنية تهتم ببرامج الكمبيوتر، الإنترنت، التدوين، الهندسة وتطوير الذات؛ تُساعد المُستخدم العربي على تطوير ذاته ومهاراته التقنية. هي أكثر من كونها مُجرد &#8220;مُدوِّنة تقنية&#8221; بل تتجاوز ذلك لتكون مشروعاً عربياً طموحاً … الخ.</p>
<p><strong>مثال 2: box2</strong></p>
<p class="box2">مُدوِّنة رحلة ضَوْء (ر.ض.) هي مُدوِّنة تقنية تهتم ببرامج الكمبيوتر، الإنترنت، التدوين، الهندسة وتطوير الذات؛ تُساعد المُستخدم العربي على تطوير ذاته ومهاراته التقنية. هي أكثر من كونها مُجرد &#8220;مُدوِّنة تقنية&#8221; بل تتجاوز ذلك لتكون مشروعاً عربياً طموحاً … الخ.</p>
<p><strong>مثال 3: box3</strong></p>
<p class="box3">مُدوِّنة رحلة ضَوْء (ر.ض.) هي مُدوِّنة تقنية تهتم ببرامج الكمبيوتر، الإنترنت، التدوين، الهندسة وتطوير الذات؛ تُساعد المُستخدم العربي على تطوير ذاته ومهاراته التقنية. هي أكثر من كونها مُجرد &#8220;مُدوِّنة تقنية&#8221; بل تتجاوز ذلك لتكون مشروعاً عربياً طموحاً … الخ.</p>
<p><strong>مثال 4: box4</strong></p>
<p class="box4">مُدوِّنة رحلة ضَوْء (ر.ض.) هي مُدوِّنة تقنية تهتم ببرامج الكمبيوتر، الإنترنت، التدوين، الهندسة وتطوير الذات؛ تُساعد المُستخدم العربي على تطوير ذاته ومهاراته التقنية. هي أكثر من كونها مُجرد &#8220;مُدوِّنة تقنية&#8221; بل تتجاوز ذلك لتكون مشروعاً عربياً طموحاً … الخ.</p>
<p><strong>مثال 5: box5</strong></p>
<p class="box5">مُدوِّنة رحلة ضَوْء (ر.ض.) هي مُدوِّنة تقنية تهتم ببرامج الكمبيوتر، الإنترنت، التدوين، الهندسة وتطوير الذات؛ تُساعد المُستخدم العربي على تطوير ذاته ومهاراته التقنية. هي أكثر من كونها مُجرد &#8220;مُدوِّنة تقنية&#8221; بل تتجاوز ذلك لتكون مشروعاً عربياً طموحاً … الخ.</p>
<p><strong>مثال 6: box6</strong></p>
<p class="box6">مُدوِّنة رحلة ضَوْء (ر.ض.) هي مُدوِّنة تقنية تهتم ببرامج الكمبيوتر، الإنترنت، التدوين، الهندسة وتطوير الذات؛ تُساعد المُستخدم العربي على تطوير ذاته ومهاراته التقنية. هي أكثر من كونها مُجرد &#8220;مُدوِّنة تقنية&#8221; بل تتجاوز ذلك لتكون مشروعاً عربياً طموحاً … الخ.</p>
<p><strong>مثال 7: box7</strong></p>
<p class="box7">مُدوِّنة رحلة ضَوْء (ر.ض.) هي مُدوِّنة تقنية تهتم ببرامج الكمبيوتر، الإنترنت، التدوين، الهندسة وتطوير الذات؛ تُساعد المُستخدم العربي على تطوير ذاته ومهاراته التقنية. هي أكثر من كونها مُجرد &#8220;مُدوِّنة تقنية&#8221; بل تتجاوز ذلك لتكون مشروعاً عربياً طموحاً … الخ.</p>
<p><strong>مثال 8: box8</strong></p>
<p class="box8">مُدوِّنة رحلة ضَوْء (ر.ض.) هي مُدوِّنة تقنية تهتم ببرامج الكمبيوتر، الإنترنت، التدوين، الهندسة وتطوير الذات؛ تُساعد المُستخدم العربي على تطوير ذاته ومهاراته التقنية. هي أكثر من كونها مُجرد &#8220;مُدوِّنة تقنية&#8221; بل تتجاوز ذلك لتكون مشروعاً عربياً طموحاً … الخ.</p>
<p><strong>مثال 9: box9</strong></p>
<p class="box9">مُدوِّنة رحلة ضَوْء (ر.ض.) هي مُدوِّنة تقنية تهتم ببرامج الكمبيوتر، الإنترنت، التدوين، الهندسة وتطوير الذات؛ تُساعد المُستخدم العربي على تطوير ذاته ومهاراته التقنية. هي أكثر من كونها مُجرد &#8220;مُدوِّنة تقنية&#8221; بل تتجاوز ذلك لتكون مشروعاً عربياً طموحاً … الخ.</p>
<p><strong>مثال 10: box10</strong></p>
<p class="box10">مُدوِّنة رحلة ضَوْء (ر.ض.) هي مُدوِّنة تقنية تهتم ببرامج الكمبيوتر، الإنترنت، التدوين، الهندسة وتطوير الذات؛ تُساعد المُستخدم العربي على تطوير ذاته ومهاراته التقنية. هي أكثر من كونها مُجرد &#8220;مُدوِّنة تقنية&#8221; بل تتجاوز ذلك لتكون مشروعاً عربياً طموحاً … الخ.</p>
<p><strong>مثال 11: box11</strong></p>
<p class="box11">مُدوِّنة رحلة ضَوْء (ر.ض.) هي مُدوِّنة تقنية تهتم ببرامج الكمبيوتر، الإنترنت، التدوين، الهندسة وتطوير الذات؛ تُساعد المُستخدم العربي على تطوير ذاته ومهاراته التقنية. هي أكثر من كونها مُجرد &#8220;مُدوِّنة تقنية&#8221; بل تتجاوز ذلك لتكون مشروعاً عربياً طموحاً … الخ.</p>
<p><strong>مثال 12: box12</strong></p>
<p class="box12">مُدوِّنة رحلة ضَوْء (ر.ض.) هي مُدوِّنة تقنية تهتم ببرامج الكمبيوتر، الإنترنت، التدوين، الهندسة وتطوير الذات؛ تُساعد المُستخدم العربي على تطوير ذاته ومهاراته التقنية. هي أكثر من كونها مُجرد &#8220;مُدوِّنة تقنية&#8221; بل تتجاوز ذلك لتكون مشروعاً عربياً طموحاً … الخ.</p>
<p><strong>لتغيير ألوان الصناديق (لقليلي المعرفة في CSS):</strong></p>
<p>لتغيير لون أي صندوق (الخلفية + الإطار) افتح ملف RO-CSS-Boxes.css الذي حمّلته في الخطوة الأولى، ثم غيّر <strong>رمز اللون</strong> (مثال: #E6DB55) للصندوق الذي تريد: background للخلفية border للإطار.</p>
<p><a href="http://www.rehlaonline.com/wp-content/uploads/2009/02/cssboxes1.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="CSS-BOXES-1" src="http://www.rehlaonline.com/wp-content/uploads/2009/02/cssboxes1-thumb.png" border="0" alt="CSS-BOXES-1" width="405" height="341" /></a></p>
<p><strong>خيارات أخرى:</strong></p>
<ul>
<li>لتغيير عرض الصندوق، غيّر القيمة من 400 إلى ما تريد في الخاصية width.</li>
<li>لتغيير مسافات محاذاة الصندوق، غيّر الخاصية margin.</li>
<li>لتغيير مسافات محاذاة النص داخل الصندوق، غيّر الخاصية padding.</li>
<li>لتغيير اتجاه الخط, غيّر الخاصية text-align.</li>
</ul>
<p><strong>هل يمكن استخدام هذه الصناديق مع غيّر مدونات ووردبريس؟</strong></p>
<p>إذا يمكنك رفع الملف RO-CSS-Boxes.css إلى مدونتك والوصول إلى ملف CSS لقالبها وتحريره، نعم يمكنك ذلك.</p>
<p style="text-align: right;">
<p><strong>التحميل:</strong></p>
<p style="text-align: right;">
<p class="download" align="center"><a href="http://www.rehlaonline.com/wp-content/uploads/2009/02/ro-css-boxes.zip">RO-CSS-Boxes.zip</a></p>
<p style="text-align: right;">
<h3  class="related_post_title">ذات صلة:</h3><ul class="related_post"><li><a href="http://www.rehlaonline.com/2009/02/how-to-display-wordpress-categories-intwo-columns/" title="كيف تُقسِّم التصنيفات في ووردبريس إلى عمودين مع عرض عدد التدوينات؟">كيف تُقسِّم التصنيفات في ووردبريس إلى عمودين مع عرض عدد التدوينات؟</a></li><li><a href="http://www.rehlaonline.com/2009/02/how-to-add-a-horizontal-nice-boxed-images-to-your-blog/" title="كيف تضيف مربعات الصور إلى قوالب ووردبريس؟">كيف تضيف مربعات الصور إلى قوالب ووردبريس؟</a></li><li><a href="http://www.rehlaonline.com/2009/02/arabic-fonts-and-opera/" title="مشكلة عرض الخطوط العربية في متصفح أوبرا">مشكلة عرض الخطوط العربية في متصفح أوبرا</a></li><li><a href="http://www.rehlaonline.com/2008/11/diy-css-effects-for-your-blog-posts/" title="افعلها بنفسك: تأثيرات CSS للصور على تدويناتك في ووردبريس">افعلها بنفسك: تأثيرات CSS للصور على تدويناتك في ووردبريس</a></li><li><a href="http://www.rehlaonline.com/2008/09/how-to-learn-xhtml-and-css/" title="كيف تتعلم XHTML و CSS؟">كيف تتعلم XHTML و CSS؟</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.rehlaonline.com/2009/02/wordpress-ro-css-boxes/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
		<item>
		<title>لماذا لا يجب أن تشتري استضافةً من شركة GoDaddy؟</title>
		<link>http://www.rehlaonline.com/2008/10/why-you-shouldnt-buy-from-godaddy/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=why-you-shouldnt-buy-from-godaddy</link>
		<comments>http://www.rehlaonline.com/2008/10/why-you-shouldnt-buy-from-godaddy/#comments</comments>
		<pubDate>Mon, 20 Oct 2008 06:10:13 +0000</pubDate>
		<dc:creator>مهدي</dc:creator>
				<category><![CDATA[تصميم وتطوير]]></category>
		<category><![CDATA[ووردبريس]]></category>
		<category><![CDATA[GoDaddy]]></category>
		<category><![CDATA[الإستضافة]]></category>
		<category><![CDATA[تجارب]]></category>
		<category><![CDATA[خبرات]]></category>
		<category><![CDATA[خدمات الإستضافة]]></category>
		<category><![CDATA[نصائح]]></category>

		<guid isPermaLink="false">http://www.rehlaonline.com/?p=5630</guid>
		<description><![CDATA[شركة GoDaddy, شركة رائدة في مجال تسجيل أسماء النطاقات Domain names. تعاملتُ معها كثيراً ولي معها خبرة طويلة لخمس سنوات مع الكثير من الزبائن. وتجربة شخصية مع رحلة ضَوْء. انتهت تلك التجربة “المُزعجة جداً” بالإنتقال إلى شركة mt.
سأذكر أولاً حسنات تلك الشركة:

تعجبني كثيراً شركات الإستضافة التي لا تستخدم لوحة التحكم cPanel ولها لوحتها الخاصة من [...]]]></description>
			<content:encoded><![CDATA[<p>شركة <a href="http://www.godaddy.com">GoDaddy</a>, شركة رائدة في مجال تسجيل أسماء النطاقات Domain names. تعاملتُ معها كثيراً ولي معها خبرة طويلة لخمس سنوات مع الكثير من الزبائن. وتجربة شخصية مع <a href="http://www.rehlaonline.com">رحلة ضَوْء</a>. انتهت تلك التجربة “المُزعجة جداً” <a href="http://www.rehlaonline.com/2008/03/13/ro-is-up-and-running-on-the-new-host/">بالإنتقال إلى شركة mt</a>.</p>
<p><strong>سأذكر أولاً حسنات تلك الشركة</strong>:</p>
<ul>
<li>تعجبني كثيراً شركات الإستضافة التي <strong>لا تستخدم</strong> لوحة التحكم cPanel ولها لوحتها الخاصة من برمجة فريقها. GD لديها لوحة تحكم بسيطة, أنيقة, مرتّبة ومنظمة بطريقة جيدة. ولوحة التحكم تلك, أعتبرها أهم ميزة في استضافاتها.</li>
<li>جميع الشركات الحديثة المُتطورة, توفر لزبائنها امكانية إدارة كل شيء يتعلق باستضافتك من خلال لوحة تحكمها. نادراً ما تحتاج إلى مراسلة تلك الشركات لتفعيل خدمة أو لتعديل معين. GD توفر هذه الميزة بشكل واضح ولافت للنظر.</li>
<li>الميزة الثالثة والمهمة في GD هي توفير خيار للمستخدم بالتحول الفوري (وبدون تعطل موقعك أو مدونتك) إلى خطة استضافة أقل Downgrading. وهذه ميزة قلما تجدها مع أية شركة أخرى ممن تقدم الخطط المتعددة للاستضافة المشتركة Shared Hosting.</li>
<li>نقطة قد تهمك: توفر GD على لوحة تحكمها عدداً كبيراً من السكريبتات المجانية والمفتوحة المصدر التي يمكنك تثبيتها بضغطة زر واحدة. منها ووردبريس.</li>
<li>وأخيراً: لوحة التحكم الخاصة بأسماء النطاقات, لوحة تحكم فريدة وشاملة.</li>
</ul>
<p><span id="more-5630"></span></p>
<p>بالرغم من كل ذلك, إلا أنني لا أنصح بشراء خطة استضافة من GD <strong>إذا كنت أحد مستخدمي ووردبريس</strong>, وذلك للأسباب التالية:</p>
<ul>
<li>سواء مع ووردبريس أو مع غيره, شركة GD شركة ربحية بالدرجة الأولى. وهذه القناعة, لن تصل إليها إلا إذا تتعامل معها لمدة طويلة (كتجربتي معها لمدة 5 سنوات!).</li>
<li>GD هي البيئة الأسوأ لاستضافة <a href="http://www.wordpress.org">مدونات ووردبريس</a>. موقع ووردبريس الرسمي نفسه, يوصي بشركات استضافة معينة تجدها على <a href="http://wordpress.org/hosting/">هذا الرابط</a>. GD ليست من إحداها. يقول موقع ووردبريس الرسمي: “يحتاج ووردبريس إلى بيئة غنية, تماماً كالزهرة!”. ويقول أيضاً: “لقد جربنا استضافات كثيرة, أكثر مما تتخيل وبرأينا أن <a href="http://wordpress.org/hosting/">هذه الإستضافات</a> هي من أفضلها”</li>
<li>لا تسمح GD بالإتصال المباشر مع موقعك (كالتصفح) وغير المباشر (كالإتصال بموقعك عن طريق برنامج, موقع آخر … الخ) إلا لعدد معين في نفس الوقت. ولهذا, فكلما زاد عدد زوارك وكلما زاد عدد الصفحات التي يتصفحها الزوّار, كلما ظهرت لهم رسالة الخطأ من خادم أباتشي. عندما وصل عدد زوار ر.ض. إلى 300 زائر (وهو عدد قليل جداً), بدأت أعاني كثيراً من هذه المشكلة. اليوم ر.ض. لديها 1400 زائر يتصفحونها يوميا (ولا يزال عدداً قليلاً) بدون أية مشكلة مع شركة استضافة أخرى.</li>
<li>إضافات ووردبريس الأفضل الأكثر شهرة, استخداماً واحتياجاً, قد لا تعمل مع GD: منها:</li>
</ul>
<p>Subscribe to Comments; WP-cache,WP-Super Cache وغيرها الكثير.</p>
<ul>
<li>قد تواجه مشكلات كثيرة في مدونتك مع GD منها: زوارك لا يستطيعون التسجيل في مدونتك, لا يستطيعون استعادة كلمة السر, لا يستطيعون الاشتراك في التعليقات على بريدهم الإلكتروني.</li>
<li>لها قيود وشروط على عدد الرسائل التي ترسل من مدونتك باستخدام دالة Mail function لكي تجبرك على شراء المزيد أو لترقية استضافتك!</li>
<li>ابحث في جوجل عن GoDaddy و WordPress لتقرأ عن كمٍ هائل جداً من شكاوى المستخدمين, <a href="http://www.google.com/search?hl=en&amp;client=firefox-a&amp;rls=org.mozilla:en-US:official&amp;hs=FSi&amp;pwst=1&amp;q=godaddy%2Bwordpress%2Bproblem&amp;start=0&amp;sa=N">جرّب الآن</a>! (لاحظ أن المشكلات غير تقليدية, ولاحظ أيضاً أن غالبيتها ليست بسبب المستخدم. لاحظ كذلك تكرار الشكوى من مشاكل متكررة لا تجدها مع شركة أخرى).</li>
<li>حتى وإن لم تواجهك كل هذه المشكلات, ستواجهك عاجلاً أم آجلاً (وهذا ما حدث مع ر.ض. في بدايتها الأولى. كان كل شيء على ما يرام). بعد ثمانية شهور من الإنتقال, لم تواجه ر.ض. أية مشكلة تذكر!</li>
<li>على سبيل المثال: من المشكلات الغبية الغريبة العجيبة مع GD, إذا نقلت مدونتك من مجلد إلى آخر على استضافتك; فإن مدونتك ستتوقف عن العمل نهائياً ولن تحل المشكلة إلا بحذف المدونة وتثبيتها من جديد وأحياناً بمراسلة الشركة نفسها للتدخل إذا استمرت المشكلة! ولك أن تقيس على هذه المشكلة.</li>
<li>مجرد تغيير الروابط الدائمة لمدونتك Permalinks قد يتسبب في مشاكل عويصة تؤدي إلى التوقف التام لمدونتك. إذا لم تكن مستخدماً خبيراً, فلن تتمكن من حل هكذا مشكلة.</li>
<li>GD هي الأقل دعماً لمدونات ووردبريس.</li>
<li>الدعم الفني غالباً يحتوي على رسالة متشابهة ومتكررة, ما معناها: “إذا أردت حل هذه المشكلة, عليك بالترقية إلى خطة استضافة أعلى!”.</li>
<li>البريد الإلكتروني على اسم نطاقك الخاص على خادم GD, لا يدعم العربية.</li>
<li>موقع GD موقع بطيىء وفي الكثير من الأحيان ستعاني من استجابة سيئة معه, ستعاني كثيراً كلما دخلت إليه لإدارة حسابك واستضافتك. (الموقع وليس الإستضافة).</li>
</ul>
<p><strong>الخُلاصة</strong>:</p>
<ul>
<li> تُعتبر شركة GD من الشركات الأكثر رخصاً في استضافاتها من نوع Shared Hosting. تبدأ الخطط بسعر 60 دولار سنوياً وتنتهي عند 180 دولار سنوياً. وهذا جيد للغاية (استضافة 60 دولار سنوياً) للمواقع الشخصية الصغيرة. ولكنه سيء للغاية للمواقع المتوسطة والكبيرة ولأية مدونة تعمل باستخدام ووردبريس بسبب المشاكل أعلاه. إذا أردت موقعاً شخصياً (وليست مدوّنة ووردبريس شخصية أو غير شخصية) فإنني أنصح بشركة GD نظراً لرخصها ولتوفيرها كافة الإحتياجات الأساسية للمستخدم التقليدي (والمتوسط أيضاً في خبرته واحتياجاته واستخداماته). <strong>أما لأية مدونة تعمل باستخدام ووردبريس, فإنني لا اوصي بها ولا بأي شكل من الأشكال!</strong></li>
<li>GD شركة ربحية بالدرجة الأولى تعتمد على مبدأ: بِع بأقل الأسعار واكسب أكبر عدد ممكن من الزبائن. لهذا; تجد بان خوادمها مكتظة بالإستضافات!</li>
<li>ووردبريس نفسه يوصي بشركات معينة لاستضافة مدوناته. GD ليست من تلك الشركات.</li>
<li>توفر GD ميزة التثبيت التلقائي والتحديث التلقائي لمدوننات ووردبريس على لوحة تحكمها, ولكنها توفر البيئة الأسوأ لاستضافة تلك المدونات.</li>
</ul>
<h3  class="related_post_title">ذات صلة:</h3><ul class="related_post"><li><a href="http://www.rehlaonline.com/2010/02/online-shopping-and-shipping-in-middle-east-countries/" title="مشاكل وحلول: مشكلات التسوق الإلكتروني والشحن إلى دول الشرق الاوسط">مشاكل وحلول: مشكلات التسوق الإلكتروني والشحن إلى دول الشرق الاوسط</a></li><li><a href="http://www.rehlaonline.com/2010/01/multiple-accounts-login-in-google-chrome/" title="تلميح: استخدام حسابين في أي موقع وفي نفس الوقت مع جوجل كروم">تلميح: استخدام حسابين في أي موقع وفي نفس الوقت مع جوجل كروم</a></li><li><a href="http://www.rehlaonline.com/2009/04/6-blogging-tips/" title="7 نصائح أخرى لأجل تدوين أفضل">7 نصائح أخرى لأجل تدوين أفضل</a></li><li><a href="http://www.rehlaonline.com/2009/03/be-yourself/" title="نصائح لأجل تدوين أفضل: لا تشبه إلا نفسك!">نصائح لأجل تدوين أفضل: لا تشبه إلا نفسك!</a></li><li><a href="http://www.rehlaonline.com/2009/02/15-blogging-tips/" title="15 نصيحة لأجل تدوين أفضل">15 نصيحة لأجل تدوين أفضل</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.rehlaonline.com/2008/10/why-you-shouldnt-buy-from-godaddy/feed/</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
		<item>
		<title>6 محركات بحث متخصصة في الأيقونات</title>
		<link>http://www.rehlaonline.com/2008/10/6-icon-search-engines/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=6-icon-search-engines</link>
		<comments>http://www.rehlaonline.com/2008/10/6-icon-search-engines/#comments</comments>
		<pubDate>Fri, 03 Oct 2008 01:36:17 +0000</pubDate>
		<dc:creator>مهدي</dc:creator>
				<category><![CDATA[تصميم وتطوير]]></category>
		<category><![CDATA[مواقع وخدمات]]></category>
		<category><![CDATA[أيقونات]]></category>
		<category><![CDATA[البحث]]></category>
		<category><![CDATA[البحث في الإنترنت]]></category>
		<category><![CDATA[محركات بحث]]></category>

		<guid isPermaLink="false">http://www.rehlaonline.com/?p=5173</guid>
		<description><![CDATA[ في مدونة اكتشف!, التي أدوّن فيها بطريقة التدوين المُصغّر, أشير بين تدوينة وأخرى إلى أفضل الأيقونات المجانية التي يمكنك استخدامها لاستخدامات شخصية أو تجارية (بحسب اتفاقية الاستخدام من المصدر). كذلك, ثمة الكثير من المصادر على شبكة الإنترنت لتحميل أيقونات مجانية احترافية بمقاسات وأنساق مختلفة. ولكنها فكرة جيدة أن تجرب البحث عن الأيقونات باستخدام محركات [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.rehlaonline.com/wp-content/uploads/2008/10/103200832524am.png"><img class="imagestyle" style="margin: 0px 20px 0px 0px" title="Icons" src="http://www.rehlaonline.com/wp-content/uploads/2008/10/103200832524am-thumb.png" border="0" alt="Icons" width="331" height="271" align="left" /></a> في <a href="http://discover.rehlaonline.com/">مدونة اكتشف!</a>, التي أدوّن فيها بطريقة التدوين المُصغّر, أشير بين تدوينة وأخرى إلى أفضل الأيقونات المجانية التي يمكنك استخدامها لاستخدامات شخصية أو تجارية (بحسب اتفاقية الاستخدام من المصدر). كذلك, ثمة الكثير من المصادر على شبكة الإنترنت لتحميل أيقونات مجانية احترافية بمقاسات وأنساق مختلفة. ولكنها فكرة جيدة أن تجرب البحث عن الأيقونات باستخدام محركات بحث متخصصة. والفائدة الأهم في هذا, أنك تضطر أحياناً لتحميل مجموعة كبيرة من الأيقونات في ملف مضغوط فقط لأجل أيقونة واحدة لمشروعك!. وعلى الرغم من أن ثمة حل لهذه المشكلة باستخدام <a href="http://www.rehlaonline.com/2008/05/28/archview-firefox-add-on/">هذه الإضافة</a> لمتصفح فيرفوكس, إلا أن فكرة محركات البحث المتخصصة تستهويني كثيراً وأكتب عنها بين الفترة والأخرى.</p>
<p>هذه قائمة بأفضل محركات البحث للأيقونات:</p>
<ul>
<li><a href="http://www.iconfinder.net/">IconFinder</a></li>
<li><a href="http://www.icons-search.com/">Icon Search</a></li>
<li><a href="http://www.iconlet.com/">IconLet</a></li>
<li><a href="http://www.iconlook.com/">Iconlook</a></li>
<li><a href="http://www.iconspedia.com/">IconsPedia</a></li>
<li><a href="http://www.veryicon.com/">VeryIcon</a></li>
</ul>
<h3  class="related_post_title">ذات صلة:</h3><ul class="related_post"><li><a href="http://www.rehlaonline.com/2008/08/peers-add-on-real-time-search-for-firefoxx/" title="Peers: إضافة البحث الحي لمتصفح فيرفوكس">Peers: إضافة البحث الحي لمتصفح فيرفوكس</a></li><li><a href="http://www.rehlaonline.com/2008/11/google-search-tricks/" title="استخدامات أخرى مفيدة لمحرك البحث Google">استخدامات أخرى مفيدة لمحرك البحث Google</a></li><li><a href="http://www.rehlaonline.com/2008/10/picanswers-upload-a-picture-to-ask-a-question-based-on-the-it/" title="PicAnswers: عندما لا تستطيع التعبير عن سؤالك بالكتابة!">PicAnswers: عندما لا تستطيع التعبير عن سؤالك بالكتابة!</a></li><li><a href="http://www.rehlaonline.com/2008/09/ro-firefox-search-plugin/" title="حمّل إضافة البحث في رحلة ضَوْء لمتصفح فيرفوكس">حمّل إضافة البحث في رحلة ضَوْء لمتصفح فيرفوكس</a></li><li><a href="http://www.rehlaonline.com/2008/09/clicksolve/" title="ClickSolve: إضافة ميزة البحث في الإنترنت في حزمة MS Office">ClickSolve: إضافة ميزة البحث في الإنترنت في حزمة MS Office</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.rehlaonline.com/2008/10/6-icon-search-engines/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>المعلومات الأساسية التي تحتاج لمعرفتها حول بروتوكول FTP</title>
		<link>http://www.rehlaonline.com/2008/10/all-you-need-to-know-about-ftp/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=all-you-need-to-know-about-ftp</link>
		<comments>http://www.rehlaonline.com/2008/10/all-you-need-to-know-about-ftp/#comments</comments>
		<pubDate>Fri, 03 Oct 2008 00:11:41 +0000</pubDate>
		<dc:creator>مهدي</dc:creator>
				<category><![CDATA[تصميم وتطوير]]></category>
		<category><![CDATA[مقالات تقنية]]></category>
		<category><![CDATA[FTP]]></category>
		<category><![CDATA[الاستضافة]]></category>
		<category><![CDATA[تحميل الملفات]]></category>
		<category><![CDATA[مشاركة الملفات]]></category>

		<guid isPermaLink="false">http://www.rehlaonline.com/?p=5166</guid>
		<description><![CDATA[
 تعريف: FTP, أحد أشهر بروتوكولات الاتصال بالإنترنت. يستخدم للإتصال بالمواقع الإلكترونية سواء من نظام تشغيلك إلى خادم الموقع أو من خادم إلى آخر على شبكة الإنترنت Server-to-Server. هو الطريقة المستخدمة لرفع ملفاتك إلى موقعك الإلكتروني أو لإنزالها منه إلى جهازك. إذا تهمك المصطلحات الإنجليزية, فهو اختصار من: File Transfer Protocol.
يوجد الكثير من البرامج المجانية [...]]]></description>
			<content:encoded><![CDATA[<p><strong><a href="http://www.rehlaonline.com/wp-content/uploads/2008/10/103200820738am.png"><img class="imagestyle" style="margin: 0px 20px 0px 0px;" title="FTP" src="http://www.rehlaonline.com/wp-content/uploads/2008/10/103200820738am-thumb.png" border="0" alt="FTP" width="329" height="280" align="left" /></a></strong></p>
<blockquote><p><strong> تعريف</strong>: FTP, أحد أشهر بروتوكولات الاتصال بالإنترنت. يستخدم للإتصال بالمواقع الإلكترونية سواء من نظام تشغيلك إلى خادم الموقع أو من خادم إلى آخر على شبكة الإنترنت Server-to-Server. هو الطريقة المستخدمة لرفع ملفاتك إلى موقعك الإلكتروني أو لإنزالها منه إلى جهازك. إذا تهمك المصطلحات الإنجليزية, فهو اختصار من: File Transfer Protocol.</p></blockquote>
<p>يوجد الكثير من البرامج المجانية المغلقة المصدر والمجانية <a href="http://www.rehlaonline.com/2008/04/12/opensource-software/">المفتوحة المصدر</a> والتجاربة المدفوعة التي تعمل كخوادم FTP. إذا كنت جديداً على هذا المصطلح “FTP” فيكفي أن تعرف في البداية, أنه البروتوكول الخاص بالاتصال بالمواقع إما لرفع الملفات إليها أو لإنزالها على جهازك. بطريقة أخرى: إذا كان لديك موقعاً إلكترونياً وتريد أن ترفع ملفاً إليه أو العكس, فستحتاج إلى برنامج خادم FTP. أي شخص لديه “موقع إلكتروني” أو “مدونة”, فبالتأكيد لديه المعرفة اللازمة حول هذا المفهوم وما يتعلق به, ولكن في حال أردت إنشاء موقع أو مدونة وليست لديك المعلومات الأساسية, ففكرة جيدة أن تعرف هذه المعلومة أولاً فيما يتعلق بمصطلح FTP.</p>
<p><span id="more-5166"></span></p>
<p>إذا لديك موقع <a href="http://www.YourDomainName.com">www.YourDomainName.com</a> فإن عنوان FTP للوصول إلى موقعك سيكون بهذه الصورة: <a href="ftp://ftp.YourDomainName.com">ftp.YourDomainName.com</a> أما اسم المستخدم وكلمة السر, فهذا ما تزودك به شركة الاستضافة عند شراء مساحتك الخاصة. وبوسعك تغيير كلمة السر في أي وقت وإنشاء المزيد من حسابات FTP.</p>
<p>من أفضل البرامج المفتوحة المصدر هو برنامج <a href="http://filezilla-project.org/">FileZilla</a>:</p>
<p><a href="http://www.rehlaonline.com/wp-content/uploads/2008/10/fz3-win-main.png"><img style="display: block; float: none; margin-left: auto; margin-right: auto; border: 0px;" title="FileZilla" src="http://www.rehlaonline.com/wp-content/uploads/2008/10/fz3-win-main-thumb.png" border="0" alt="FileZilla" width="544" height="435" /></a> ومن أفضل البرامج التجارية المدفوعة برنامج CuteFTP Pro – تتوفر منه نسخة Lite بسعر 15 دولار أمريكي, في حين أن النسخة الإحترافية بسعر 50 دولار أمريكي:</p>
<p><a href="http://www.rehlaonline.com/wp-content/uploads/2008/10/cuteftpprofeatures.gif"><img style="display: block; float: none; margin-left: auto; margin-right: auto; border: 0px;" title="cuteftppro" src="http://www.rehlaonline.com/wp-content/uploads/2008/10/cuteftpprofeatures-thumb.gif" border="0" alt="cuteftppro" width="444" height="455" /></a></p>
<p>وأما إذا كنت من مستخدمي <a href="http://www.mozilla.com/en-US/firefox/">متصفح فيرفوكس</a>, فيمكنك الإستفادة من دعمه للإضافات. يمكنك أن تثبت عليه إضافة <a href="https://addons.mozilla.org/en-US/firefox/addon/684">FireFtp</a> المجانية التي تعمل كخادم FTP:</p>
<p><a href="http://www.rehlaonline.com/wp-content/uploads/2008/10/1032008125941am.png"><img style="display: block; float: none; margin-left: auto; margin-right: auto; border-width: 0px;" title="FireFtp" src="http://www.rehlaonline.com/wp-content/uploads/2008/10/1032008125941am-thumb.png" border="0" alt="FireFtp" width="572" height="309" /></a></p>
<p>ولأن فيرفوكس يعمل على جميع أنظمة التشغيل: وندوز, ماك, ولينوكس. فإن هذه الإضافة تدعم جميع أنظمة التشغيل. بمعنى أنه يمكنك استخدامها مهما كان نظام تشغيلك. أية أسئلة؟</p>
<h3  class="related_post_title">ذات صلة:</h3><ul class="related_post"><li><a href="http://www.rehlaonline.com/2009/03/chevereto-an-open-source-image-hosting-script/" title="Chevereto: سكريبت مجاني مفتوح المصدر لرفع الصور">Chevereto: سكريبت مجاني مفتوح المصدر لرفع الصور</a></li><li><a href="http://www.rehlaonline.com/2008/10/synctoy/" title="SyncToy: أداة مجانية من مايكروسوفت لمزامنة المُجلدات">SyncToy: أداة مجانية من مايكروسوفت لمزامنة المُجلدات</a></li><li><a href="http://www.rehlaonline.com/2008/10/downthemall-the-download-manager-for-firefox/" title="DownThemAll: مدير تحميل الملفات لمتصفح فيرفوكس">DownThemAll: مدير تحميل الملفات لمتصفح فيرفوكس</a></li><li><a href="http://www.rehlaonline.com/2008/10/fire-universal-uploader-for-firefox/" title="Fire/Universal Uploader: إضافة التحميل إلى العديد من المواقع الخدمية لفيرفوكس">Fire/Universal Uploader: إضافة التحميل إلى العديد من المواقع الخدمية لفيرفوكس</a></li><li><a href="http://www.rehlaonline.com/2008/09/how-to-share-files-and-folders-over-a-network/" title="كيف تشارك ملفاً أو مجلداً على الشبكة في وندوز؟">كيف تشارك ملفاً أو مجلداً على الشبكة في وندوز؟</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.rehlaonline.com/2008/10/all-you-need-to-know-about-ftp/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>كيف تقيس سرعة تحميل موقعك أو مدونتك؟</title>
		<link>http://www.rehlaonline.com/2008/09/how-to-measur-a-website-load/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=how-to-measur-a-website-load</link>
		<comments>http://www.rehlaonline.com/2008/09/how-to-measur-a-website-load/#comments</comments>
		<pubDate>Mon, 29 Sep 2008 16:42:44 +0000</pubDate>
		<dc:creator>مهدي</dc:creator>
				<category><![CDATA[تصميم وتطوير]]></category>
		<category><![CDATA[تعلّم كيف]]></category>
		<category><![CDATA[مواقع وخدمات]]></category>
		<category><![CDATA[خدمات]]></category>
		<category><![CDATA[قياس السرعة]]></category>
		<category><![CDATA[مواقع]]></category>

		<guid isPermaLink="false">http://www.rehlaonline.com/2008/09/29/how-to-measur-a-website-load/</guid>
		<description><![CDATA[
من المهم جداً أن تقيس سرعة تحميل موقعك (كم من الوقت سينتظر الزائر حتى تُعرض له الصفحة كاملةً؟)  بين فترة وأخرى (وخصوصاً بعد إجراء تعديلات أو تغيرات). ثمة أكثر من طريقة (مباشرة وغير مباشرة) لهذه الغاية ولكن أبسطها هي المواقع الخدمية التي تقدم هكذا خدمات. منها مثلاُ, موقع WebWait وموقع WebSlug. شخصياً, أفضِّل الثاني لأنه [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.rehlaonline.com/wp-content/uploads/2008/09/929200862615pm.png"><img class="imagestyle aligncenter" title="RO Vs. MK" src="http://www.rehlaonline.com/wp-content/uploads/2008/09/929200862615pm-thumb.png" border="0" alt="RO Vs. MK" width="547" height="235" /></a></p>
<p>من المهم جداً أن تقيس سرعة تحميل موقعك (كم من الوقت سينتظر الزائر حتى تُعرض له الصفحة كاملةً؟)  بين فترة وأخرى (وخصوصاً بعد إجراء تعديلات أو تغيرات). ثمة أكثر من طريقة (مباشرة وغير مباشرة) لهذه الغاية ولكن أبسطها هي المواقع الخدمية التي تقدم هكذا خدمات. منها مثلاُ, موقع <a href="http://www.webwait.com">WebWait</a> وموقع <a href="http://www.webslug.info">WebSlug</a>. شخصياً, أفضِّل الثاني لأنه يمكنني من مقارنة سرعة تحميل موقعين في آن. فمثلاً, أساتطيع قياس سرعة تصفح رحلة ضَوْء وأن أقارنها مع أي موقع آخر. يمكنك أيضاً أن تفحص <a href="http://www.webslug.info/index/single">سرعة تحميل موقع واحد</a> دون مقارنته مع آخر.</p>
<h3  class="related_post_title">ذات صلة:</h3><ul class="related_post"><li><a href="http://www.rehlaonline.com/2010/02/meet-paypal/" title="تعرّف على PayPal: كل ما تحتاج إلى معرفته!">تعرّف على PayPal: كل ما تحتاج إلى معرفته!</a></li><li><a href="http://www.rehlaonline.com/2009/07/qik-see-what-happens/" title="qik: نقل الفيديو على الهواء مباشرةً من هاتفك المحمول">qik: نقل الفيديو على الهواء مباشرةً من هاتفك المحمول</a></li><li><a href="http://www.rehlaonline.com/2009/03/meet-flickr/" title="تعرّف على Flickr!">تعرّف على Flickr!</a></li><li><a href="http://www.rehlaonline.com/2009/03/links-and-tools-ed18/" title="مجموعة مواقع خدمية مفيدة &#8211; 18">مجموعة مواقع خدمية مفيدة &#8211; 18</a></li><li><a href="http://www.rehlaonline.com/2009/02/a-promising-pdftodoc-free-service/" title="خدمة مجانية رائعة للتحويل من PDF إلى Doc">خدمة مجانية رائعة للتحويل من PDF إلى Doc</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.rehlaonline.com/2008/09/how-to-measur-a-website-load/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>
