المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : كل مايخص ووردبريس تجده هنا



serag777
2009-08-03, 02:37 PM
كل ما يتعلق بالمدونات من استفسارات او نقاشات ومواضيع مختلفة

تجدها بهذه المشاركة وسوف تكون شاملة باذن الله

عرض جميع المشاكل التي تواجهك بعد انطلاق مدونتك : مشاكل قواعد البيانات , الترميز , استعمال لوحة تحكم المدونة , جميع الاستفسارات التي تبدأ بــ "كيف" وغيرها من الأمور التي لا علاقة لها بالاضافات أو القوالب.

serag777
2009-08-03, 02:39 PM
السلام عليكم ورحمة الله وبركاته

هذه بعض النصائح أقدمها لكم على أمل أن تفيدكم في حماية مدوناتكم من عبث العابثين:

1. ضع حماية على المجلد wp-admin من خلال السي بانل بحيث اذا حاول أي شخص أن يدخل على اي ملف في هذا المجلد سوف يطلب منه اسم مستخدم ورقم سري.

2. استعمل ملف .htaccess حتى تحدد أي ip توجد له صلاحية للوصول الى مجلد wp-admin وذالك عن طريق وضع ملف .htaccess داخل مجلد wp-admin وتكتب به الامر التالي:


<LIMIT GET>
order deny,allow
deny from all
# whitelist home IP address
allow from 00.000.00.000
</LIMIT>00.000.00.000 : هنا تضع الاي بي الخاص بك وهو الاي بي الوحيد المسموح له بالوصول للمجلد. تستطيع أن تضيف أكثر من اي بي في قائمة السماح بواسطة اضافة أسطر جديدة. مثال:


<LIMIT GET>
order deny,allow
deny from all
# whitelist home IP address
allow from 00.000.00.000
allow from 11.111.11.111
allow from 22.222.22.222
</LIMIT>أيضا هناك إضافة خاصة تفي بهذا الغرض اسمها wp-adminprotection
http://wordpress.org/extend/plugins/wp-adminprotection/

3. ضع ملف index فارغ بداخل مجلد ال plugins حتى لا يعرف احد ما هي الاضافات الموجودة في مدونتك حتى لا يستغل وجود اضافة معينة بها ثغرة. يمكنك ايضا أن تمنع عرض محتويات أي مجلد في موقعك بسهولة بواسطة ملف ال htaccess وذالك عن طريقة اضافة ملف htaccess للمجلد المطلوب وتكتب به الامر التالي:


Options All -Indexes4. ادخل على مجلد القالب الذي تستعمله وافتح ملف header.php واحذف منه السطر:

****** name=”generator” content=”WordPress <?php bloginfo(’version’); ?>” /> <!-– leave this for stats please -->لا يوجد أي سبب أن يعرف أحد ما هي نسخة الووردبريس التي تستعملها.

5. قم بتغيير اسم المستخدم الافتراضي للوورديرس من admin الى اسم مستخدم اخر. العملية تتم من خلال ال phpmyadmin وهي مشروحة هنا:
http://blog.bindanaku.com/2007/03/how-to-change-wordpress-default-username/
اذا لم ترغب بالتعديل من ال phpmyadmin هناك طريقة أخرى وهي إنشاء اسم مستخدم جديد بالمدونة وأن تعطيه كافة الصلاحيات ثم تسجل الدخول باسم المستخدم الجديد ومن ثم تحذف اسم المستخدم القديم (admin). عند الحذف يمكنك نقل جميع التدوينات والصفحات للمستخدم الجديد.

6. اضافة Login LockDown (http://www.ar-wp.com/showthread.php?p=16985)

7. اشترك بخدمة ال rss لتحصل على اخر الملاحظات بخصوص اصدارات ووردبريس وهل توجد ثغرات أمنية.

الرابط:
http://wordpress.org/development/feed/

أيضا اعمل بحث في هذا الموقع عن كلمة wordpress حتى تفحص اذا في ثغرات معينة.

الرابط:
http://www.milw0rm.com/search.php

8. متابعة موقع blogsecurity (http://www.ar-wp.com/showthread.php?t=3025).

9. ترقية الاضافات اول بأول وعدم التهاون. السبب الرئيسي في اختراق المدونات هو وجود ثغرات بالاضافات. حاول ان تستعمل الاضافات التي يتم تحديثها بشكل دوري اي بمعنى انها تنال على متابعة وتحديث من مبرمجها.

10. قم بإضافة المفاتيح الى ملف ال wp-config


define('AUTH_KEY', 'مفتاح');
define('SECURE_AUTH_KEY', 'مفتاح');
define('LOGGED_IN_KEY', 'مفتاح');
define('NONCE_KEY', 'مفتاح');مولد مفاتيح: http://www.ar-wp.com/showthread.php?t=8849


11. يمكنك نقل ملف ال wp-config الى مجلد أعلى بحيث لا يستطيع أن يصل إليه أي زائر.
مثلا اذا قمت بتركيب مدونتك بداخل مجلد ال public_html وملف ال wp-config كان بداخل ال public_html , قم بنقله إلى مجلد واحد فوق ال public_html. ووردبريس يستطيع أن يجد الملف حتى لو قمت بنقله.
شاهد الشرح بالصورة: http://www.ar-wp.com/attachment.php?attachmentid=2368&stc=1&d=1233273025

12. أضف الكود التالي لملف ال htaccess للمزيد من الحماية لملف wp-config



<files wp-config.php>
Order deny,allow
deny from all
</files>وبنفس الملف ضع الكود التالي للمزيد من الحماية لملف htaccess


<Files .htaccess>
order allow,deny
deny from all
</Files>
13. ضع رقم سري للمدونة بحيث يكون مكون من أرقام وحروف انجليزية صغيرة وكبيرة ومن رموز مختلفة. لا تضع باسوورد سهل مثل عنوان مدونتك أو أرقام/حروف متتالية أو بجانب بعضها على الكيبورد. هنالك روبوتات يمكن تشغيلها لمحاولة الدخول الى لوحة تحكم المدونة وهذه الروبوتات تستعمل طريقة ال brute force بحيث تحاول ان تتكهن ما هو الباسوورد مستعملة ملايين التكهنات بل وأكثر.

الباسوورد يجب أن يكون شكله بهذا النمط:
dsDFG345@346!!dsf&e - يحتوي أرقم + حروف صغيرة وكبيرة + رموز + مكون من أكثر من 12 خانة

14. يمكنك أن تستعمل ssl في لوحة التحكم.
ما هو ال ssl ؟ اقرأ هنا: http://ar.wikipedia.org/wiki/%D8%B4%D9%87%D8%A7%D8%AF%D8%A7%D8%AA_%D8%B1%D9%82% D9%85%D9%8A%D8%A9

لاستعمال ال ssl في لوحة التحكم أضف السطر التالي إلى ملف ال wp-config.php

define('FORCE_SSL_ADMIN', true);
طبعاُ يجب أن يسمح مستضيفك لإمكانية إضافة ال ssl وإلا فلن تعمل معك.




بالتوفيق

serag777
2009-08-03, 02:48 PM
لكثرة المواضيع الخاصه بمشكلة تحويل رابط المدونه الى الرابط القديم بعد عملية النقل ساقوم بشرح كيفية حل المشكله وتغيير الرابط من قاعدة البيانات الى الرابط الجديد .

مثلا لدي مدونه على هذا الرابط http://www.rjlalmtr.org (http://www.rjlalmtr.org/) واريد نقلها الى المسار http://www.rjlalmtr.org/blog ولكن بعد عملية النقل عندما اقوم بفتح الرابط الجديد يتم نقلي الرابط القديم والسبب في ذلك هو وجود الرابط القديم في قاعدة البيانات ,,

الشرح :- 1- قم بالدخول الى لوحة تحكم موقع الرئيسيه من خلال الرابط www.Example.com:2082 (http://www.example.com:2082/) مع تغيير مايلزم .

2- قم بفتح phpmyadmin

http://www.vb.se-te.com//imgcache/2472.imgcache.jpg

3- ستفتح لك صفحه اضغط على 'databases'

http://www.vb.se-te.com//imgcache/2473.imgcache.jpg

4- الان ستفتح لك صفحة تحتوي على جميع قواعد بياناتك اضغط على قاعدة بيانات المدونه الخاصه بك والموجوده داخل ملف wp-config.php .

http://www.vb.se-te.com//imgcache/2474.imgcache.jpg

5- الان ستفتح لك صفحة تحتوي على جميع الجداول الخاصه بقاعدة البيانات من امام جدول wp-options نضغط على ايقونة التصفح المحدده في الصوره

http://www.vb.se-te.com//imgcache/2475.imgcache.jpg

6- الان امام حقل siteurl اضغط على زر القلم كما في الصوره

http://www.vb.se-te.com//imgcache/2476.imgcache.jpg

7- ستفتح لك صفحه بها رابط مدونتك القديم

http://www.vb.se-te.com//imgcache/2477.imgcache.jpg

8- نقوم بتغيير الرابط الى رابط المدونه الجديد ونضغط على GO

http://www.vb.se-te.com//imgcache/2478.imgcache.jpg

9- الان ستعود الى صفحة الجداول الرئيسيه نقوم بالضغط على السهم الموجود بالاعلى لفتح الصفحه الثانيه كما في الصوره

http://www.vb.se-te.com//imgcache/2479.imgcache.jpg

10- امام حقل home نضغط على زر القلم

http://www.vb.se-te.com//imgcache/2480.imgcache.jpg

11- ستفتح لك صفحه بها رابط مدونتك القديم قم بتغييره الى الرابط الجديد ثم بعد ذلك اضغط على GO لحفظ العمل . وبهذا تكون اتممت عملية النقل .

http://www.vb.se-te.com//imgcache/2481.imgcache.jpg


ملاحظه :-
يفضل اخذ نسخه احتياطيه قبل البدء في العمليه حتى نعود اليها اذا حدث خطأ لاسمح الله .

serag777
2009-08-03, 02:49 PM
السلام عليكم ورحمة الله وبركاته

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

شرح الطريقة

1. افتح ملف الستايل واضف به الكود التالي:


pre {
direction: ltr;
text-align: left;
border: solid 1px black;
font-size: 1.3 em;
padding-left:5px;
background: #FBFBFB
}

code {
font-size:0.9em;
color: #000000
}
عدل الكود حتى يظهر بالشكل المرغوب به.

2. عند اضافة كود في المدونة , ضع الكود بالطريقة التالية:


<pre>
<code>

هنا تضع الكود

</code>
</pre>


مثال على النتيجة:



http://www.rasheed-b.com/?p=526

serag777
2009-08-03, 02:51 PM
بسم الله الرحمن الرحيم



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



أخواني الكرام ..
هذا الدرس تعلمته خلال ممارستي لتصميم قوالب الوورد بريس و حبيت انكم تشاركوني المعرفة.

الدرس جدا سهل و بسيط و فيه طريقة جميلة جدا لأضافة صورة للموضوع في الصفحة الرئيسية .

سوف اطبق الطرق على القالب الافتراضي defulte
1- أفتح ملف الصفحة الرئيسية index.php بواسطة محرر الصور (انا استخدم np++) وأبحث عن السطر 19 وهو بداية الموضوع , كما في الصور

http://www.vb.se-te.com//imgcache/2482.imgcache.gif

2-الان سوف نضيف هذا الكود الى الملف لعمل الحقل الخاص

<img src="<?php echo get_post_meta($post->ID, "Thumbnail", true);?>" width="280" height="150" alt="" /> بهذا الشكل
http://www.vb.se-te.com//imgcache/2483.imgcache.gif

حيث:
Thumbnail هو اسم الحقل الخاص الذي سوف تستخدمه و يمكنك تغيير الاسم الى اي اسم أخر.
width هو عرض الصورة التي سوف تظهر في الموضوع و يمكن ايضا تغييرها حسب الرغبة
height وهو طول الصورة و ايضا يمكن تغييره.

الان نحتاج الى بعض اكواد css لضبط مكان الصورة .
نفتح ملف Style.css تبع القالب .
و بما انه في القالب الافتراضي الموضوع فيه كلاس entry كما في الصورة الاولى , إذن نضيف هذا السطر الى ملف الستايل حتى نضبط الصورة :


.entry img {
border:0;
float:left;
padding:5px 5px;
background:#fff;
border:1px solid #ccc;
margin:2px 5px 5px 0px;
}طبعا ممكن ان تغيير في كود ستايل هذا حتى يتناسب مع الشكل العام للقالب.

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

http://www.vb.se-te.com//imgcache/2484.imgcache.gif

أرجو ان يكون الشرح سهل و بسيط ah3.gif

شكر خاص الى David Leggett
Thanks to David Leggett

بالتوفيق لكم يا اخوتي عرب وورد بريس

يمكنكم من نقل الموضوع مع ذكر المصدر
[]

serag777
2009-08-03, 02:52 PM
بسم الله الرحمن الرحيم



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



أخواني الكرام ..
هذا الدرس تعلمته خلال ممارستي لتصميم قوالب الوورد بريس و حبيت انكم تشاركوني المعرفة.

الدرس جدا سهل و بسيط و فيه طريقة جميلة جدا لأضافة صورة للموضوع في الصفحة الرئيسية .

سوف اطبق الطرق على القالب الافتراضي defulte
1- أفتح ملف الصفحة الرئيسية index.php بواسطة محرر الصور (انا استخدم np++) وأبحث عن السطر 19 وهو بداية الموضوع , كما في الصور

http://www.vb.se-te.com//imgcache/2485.imgcache.gif

2-الان سوف نضيف هذا الكود الى الملف لعمل الحقل الخاص

<img src="<?php echo get_post_meta($post->ID, "Thumbnail", true);?>" width="280" height="150" alt="" /> بهذا الشكل
http://www.vb.se-te.com//imgcache/2486.imgcache.gif

حيث:
Thumbnail هو اسم الحقل الخاص الذي سوف تستخدمه و يمكنك تغيير الاسم الى اي اسم أخر.
width هو عرض الصورة التي سوف تظهر في الموضوع و يمكن ايضا تغييرها حسب الرغبة
height وهو طول الصورة و ايضا يمكن تغييره.

الان نحتاج الى بعض اكواد css لضبط مكان الصورة .
نفتح ملف Style.css تبع القالب .
و بما انه في القالب الافتراضي الموضوع فيه كلاس entry كما في الصورة الاولى , إذن نضيف هذا السطر الى ملف الستايل حتى نضبط الصورة :


.entry img {
border:0;
float:left;
padding:5px 5px;
background:#fff;
border:1px solid #ccc;
margin:2px 5px 5px 0px;
}طبعا ممكن ان تغيير في كود ستايل هذا حتى يتناسب مع الشكل العام للقالب.

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

http://www.vb.se-te.com//imgcache/2487.imgcache.gif

أرجو ان يكون الشرح سهل و بسيط ah3.gif

شكر خاص الى David Leggett
Thanks to David Leggett

بالتوفيق لكم يا اخوتي عرب وورد بريس

يمكنكم من نقل الموضوع مع ذكر المصدر
[]

serag777
2009-08-03, 02:53 PM
بسم الله الرحمن الرحيم
السلام عليكم و رحمة الله و بركاته

اخواني الكرام تحية طيبة...

في هذا الدرس سوف نتعلم كيفية اضافة خصائص تويتر الى القالب بدون استخدام اي اضافة (Plugin) ..كيف..؟ (قمت بأضافة ملفات الدرس في المرفقات ايضا)
سوف نطبق الدرس على القالب الافتراضي defulte كما في الدرس السابق.
اول شي نعمله هو نفتح ملف الفنكشن functions.php بستخدام اي محرر (انا استخدم ++np)

ثم نضيف الكود الاتي الى نهاية الاكود الموجود في الملف ..

<?php
//بداية اكود تويتر
// Custom Twitter Settings - Setup
add_action('admin_menu', 'custom_twitter_page');
// Custom Twitter Settings - Update Function
function custom_twitter_page (){
$options = array ('ts_twitter_user', 'ts_twitter_count');
if (count($_POST) > 0 && isset($_POST['custom_twitter_settings'])){
foreach ($options as $option){
delete_option ($option, $_POST[$option]);
add_option ($option, $_POST[$option]);
}
wp_redirect("themes.php?page=functions.php&saved=true");
die;
}
add_menu_page(__('خصائص تويتر'), __('خصائص تويتر'), 'edit_themes', basename(__FILE__), 'custom_twitter_settings');
}

// Custom Twitter Settings - Display Function
function custom_twitter_settings (){
if ( isset( $_REQUEST['saved'] ) ) echo '<div id="message" class="updated fade"><p><strong>'.__('خصائص تويتر تم حفظها.').'</strong></p></div>';
?>
<div class="wrap">
<h2>خصائص تويتر</h2>
<form method="post" action="">
<table class="form-table">
<tr valign="top">
<th scope="row"><label for="twitter_user">أسمك في تويتر</label></th>
<td><input name="ts_twitter_user" type="text" id="twitter_user" size="15" value="<?php echo htmlspecialchars(stripslashes(get_option('ts_twitt er_user'))); ?>" /></td>
</tr>
<tr valign="top">
<th scope="row"><label for="twitter_count">عدد المواضيع</label></th>
<td><input name="ts_twitter_count" type="text" id="twitter_count" size="2" value="<?php echo htmlspecialchars(stripslashes(get_option('ts_twitt er_count'))); ?>" /></td>
</tr>
</table>
<p class="submit">
<input type="submit" name="Submit" class="button-primary" value="حفظ التغييرات" />
<input type="hidden" name="custom_twitter_settings" value="save" style="display:none;" />
</p>
</form>
</div>
<?php
}
?>
كما في الصورة التالية
---------------------------------------------------------------------------------------
http://www.vb.se-te.com//imgcache/2488.imgcache.gif
---------------------------------------------------------------------------------------
نم نحفظ الملف.

الان نعمل ملف جديد و نعطيه اسم twitter.php حتى يكون عملنا منظم.
ونظيف اليه الكود الاتي الذي سوف يستدعي السكريت من موقع تويتر مباشرا:))


<ul id="twitter_update_list"></ul>
<script type="text/**********" src="http://twitter.com/**********s/blogger.js"></script>
<script type="text/**********" src="http://twitter.com/statuses/user_timeline/<?php echo get_option('ts_twitter_user'); ?>.json?callback=twitterCallback2&amp;count=<?php echo get_option('ts_twitter_count'); ?>"></script>ونعمل حفظ للملف .
الان لو تذهب الى لوحة التحكم في الووردبريس ,تحت الاعدادت سوف تلاحظ اضافة حقل جديد خاص بتويتر , كما في الصور التالية
---------------------------------------------------------------------------------------
http://www.vb.se-te.com//imgcache/2489.imgcache.gif
---------------------------------------------------------------------------------------
بعد ما تم التأكيد بظهور الخصائص , اعطي اسمك و عدد المواضيع التي ترغب بظهورها و اعمل حفظ.

بقية عندنا استدعاء ملف تويتر و بعض اكواد الستايل .

نستدعي ملف التويتر من خلال هذا الامر


<?php include (TEMPLATEPATH . '/twitter.php'); ?> و يمكن من وضعه في اي مكان ترغب بظهور تدوينات تويتر في القالب..... مثلا انا وضعته فوق الهيدر من خلال اضافة الامر الى ملف الهيدر header.php ,كما في الصورة :
---------------------------------------------------------------------------------------
http://www.vb.se-te.com//imgcache/2490.imgcache.gif
---------------------------------------------------------------------------------------
بهذا الامر نحن استدعينا ملف تويتر الذي سوف يأتي بالتدوينات مباشرأ من موقع تويتر:))

بقية اضافة بعض اكواد الـ css الى الستايل
اضف هذه الاكواد الى ملف الستايل , و يمكنك من تغييرها حسب الرغبة لتناسب الشكل العام للقالب:

ul#twitter_update_list{

list-style:none;
padding: 0px 0px;
margin:0px 20px;
font:13px Tahoma,Arial;
}
ul#twitter_update_list li{

list-style:none;
padding: 5px 0px;
margin:0px 0px;
line-height:18px;
border-bottom:1px dotted #ccc;
}
#twitter_update_list li a:link, #twitter_update_list li a:visited{
color:#0282D9;
}
#twitter_update_list li a:hover{
color:#BC0C0F;}إعمل حفظ للملف , و النتيجة ظهور مواضيع تويتر في القالب بدون استخدام اي اضافة . النتيجة :
---------------------------------------------------------------------------------------
http://www.vb.se-te.com//imgcache/2491.imgcache.gif
---------------------------------------------------------------------------------------
يارب يكون الدرس سهل و مفيد و انصح به أصحاب الخبرة في تصميم القوالب .
الف تحية تقدير و احترام الى الجميع عرب وورد بريس

شكر خاص الى Aaron Robbins
Thanks to Aaron Robbins

يمكنكم من نقل الموضوع مع ذكر المصدر



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

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

serag777
2009-08-03, 03:14 PM
بسم الله الرحمن الرحيم

ندخل دغري للموضوع ... :))
محاولة تعريب قالب معين تختلف من قالب إلى اخر
فهناك القالب البسيط وهنالك المعقد ( معقد من ناحية كثير الملفات المطلوب تعريبها او تستخدم صور بدل الجمل النصيه المعتاده , أو احتوائها على روابط ودوال اضافية )
ولكن جمعيها تشترك في ضرورة تعريب اساسيات معينه مثل القوائم الظاهره والتاريخ والوقت ونحوهـ

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

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

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

عند بدأ اعداد التعريب لابد اعداد خطة للتعريب , يعني نبدا بتعريب كل ملف على حدة عشان مانلخبط الامور ,ونكون ماخذين فكرة عن الاوامر للي راح نعربها علشان توفير الوقت
ويفضل ان يكون عندك برنامج ترجمة ممتاز يساعدك اذا فيه مصطلح او كلمة مافهمتها ( حصل لي كثيرررر في البداية )


المهم

كل قالب يحوي عدد من الملفات الاساسية قد تزيد وتنص من قالب إلى أخر , مثل :

sidebar
index
header
footer
comments-popup
comments
archive
search
searchform
single

لنعد الآن خطة لتعريب احد القوالب المعينه ...
[ تستطيع آختيار اي قالب من Theme Wp (http://themes.wordpress.net) وحاول اختيار القوالب البسيطة ]
الآن لنتفح ملفات القالب واحد واحد، ..
لنبداً مثلاً بـ index.php

اغلب ملفات الاندكس تحتوي على عدة اوامر بحاجه للتعريب .. وهي

الوقت Time
التوقيت الانجليزي : 'F jS, Y
التوقيت العربي : 'j F, Y'


بواسطة | posted by
Posted in | محفوظ في أو مصنف في


[Read The Rest
Continue reading...
more...
Read the rest of this entry ...
اكمل قراءة بقية الموضوع \ المزيد ]


('No Comments'), __('1 Comment'), __('% Comments')
لا ردود \ لا تعليقات
رد واحد \ تعليق واحد
ردود \ تعليقات


Previous Entries
Next Entries
المواضيع السابقة
المواضيع اللاحقة


Not Found
لم يتم العثور \ لاتوجد محتويات \ غير موجود
Sorry, but no post found
لم يتم العثور على اي مقالة


Sorry, no posts matched your criteria.
عذراً , لم يتم العثور على مقالات مناسبة



---------- header ----------

Blog Archive
أرشيف المدونة




---------- sidebar --------

الأرشيف
Archives

Categories
الاقسام \ التصنيفات

Links
روابط

Meta
منوعات \ خاص



-------------- comment & comments-popup -----------

Enter your password to view comments
هذا الموضوع محمي بكلمة سر، أدخل كلمة السر لتشاهده التعليقات

Leave a comment
شاركنا بتعليقاتك \ تستطيع التعليق \ أضف تعليقك

('No Comments'), __('1 Comment'), __('% Comments')
لا ردود \ لا تعليقات
رد واحد \ تعليق واحد
ردود \ تعليقات

Leave a Reply
الترجمة : اضف تعليق
ترجمها اذا شئته بمعنى يحث على كتابة رد . مثل شاركنا بتعليقاتك .. اكتب تعليق .. تستطيع المشاركة بالرد .. ونحو ذلك ..

Your comment is awaiting moderation.
تعليقك يحتاج موافقة مدير المدونة \ تعليقك ينتظر موافقة المدير

You must be logged in to post a comment.
يجب أن تسجل دخولك لتكتب تعليقاً | يجب ان تكون مسجلاً لإضافة تعليق

Logged in as
أنت مسجل بأسم
Logout
خروج \ تسجيل الخروج

Name
الأسم \ أسمك


E-mail (not published)
البريد الالكتروني ( لن يعرض للآخرين )

Website
موقعك \ الموقع

(required)
( مطلوب )


Submit Comment
أرسل تعليقك \ أضف تعليقك \ ارسل

Sorry, the comment form is closed at this time
عذراً , التعليقات مغلقه حالياً

Comments are closed
العليقات مغلقه


--------- search & searchform -----------

Search Results
نتائج البحث

value="Search!"
value="بحث"


-------- Archives ---------

Archives by Month :
الارشيف بحسب الشهر / أرشيفات بحسب الشهر

Archives by Subject :
الأرشيف بحسب الموضوع / أرشيفات بحسب الموضوع


-----------------------------------
مواضيع مفيدهـ :
شرح طريقة تعريب قوالب ووردبريس - للاستاذ رشيد (http://www.ar-wp.com/showthread.php?t=404)
-----------------------------------

ملاحظات مهمة :
* أغلب النصوص التي يتطلب تعريبها تكون موجودة بهذا الشكل :

<h2><?php _e('Archives'); ?></h2>
الترجمة :

<h2><?php _e('الأرشيف'); ?></h2>
و

<h2>Links:</h2>

<h2>روابط:</h2>
حيث نعرب Links إلى روابط .. كمثال .

طبعاً هذي عينه .. كثير من الاوامر لاتكون في هذا الشكل :)) مجرد ملاحظة عابرهـ ..


* لم يتم حصر جميع الاوامر والجمل المطلوب تعريبها .. انا حاولت اجمع لكم اهم شي في نظري انا .. :))
وبعض هذه الاوامر قد توجد في قوالب وقد لاتوجد .. وقد توجد في الملف الي اشرت اليه وقد توجد في ملف آخر بحسب القالب المراد تعريبه , واخيراً بعض المصطلحات تختلف كلماتها من قالب لآخر ولكن الترجمة تقريباً هي واحدهـ .. والمسألة راجع لك . انت وذوقك

تكفون ياشباب ويامعربين اللي عندهـ اضافات او تصحيح اخطاء واردهـ في الموضوع ياريت تفيدنا فيها ..
فانا متأكد ان اذا مسألة التعريب اصبحت بهذا الوضوح صدقوني راح يزيد عدد القوالب المعربه وبكذا الكل يستفيد

أخوكم المستشار
A D V ! S E R


تحياتي العطرهـ

serag777
2009-08-03, 03:14 PM
في وورد بريس 1.5 يمكنك التحكم بالقالب بمرونة وسهولة، فمثلاً لو أردت إضافة شيء ما في القائمة الجانبية للتصميم (أفترض أنك تستخدم تصميم كوبريك) عليك أن تذهب في لوحة التحكم إلى قسم قوالب ثم تعديل القوالب ثم اضغط على القائمة الجانبية وسيظهر لك ملف القائمة الجانبية، قم بإضافة وحذف ما تريد، لكن انتبه وخذ دائماً نسخة احتياطية من الملف قبل أي تعديل.

ملفات القوالب في لوحة التحكم عبارة عن خليط من أوامر XHTML وأوامر PHP، المشكلة تكمن في أوامر PHP، إذ لو ارتكبت خطأ بسيطاً قد يتسبب ذلك في عدم ظهور موقعك وظهور رسالة خطأ للزوار، لذلك لا تحاول تغيير شيء في أوامر PHP ما لم تكن متأكداً تماماً من أنك تعرف ماذا تفعل، أوامر PHP تبدأ وتنتهي بهذا الشكل: < ?php .... ?>.

طبعاً مكان النقاط سترى أوامر php مختلفة، من المهم ألا تمس الأقواس وما بينها من أوامر، ثم تستطيع أن تضيف قبلها أو بعدها ما تشاء من أوامر XHTML، هذا كل ما في الأمر، إن لم كنت تخشى من تعديل قوالب موقعك فقم بتثبيت مزود في حاسوبك الشخصي وجرب عليه وتعلم قبل أن تجرب على موقعك.

serag777
2009-08-03, 03:15 PM
مساهمة مني لجعل هذا الموقع مرجعا مهما للوربريس فسوف أنزل بضعة دروس متقدمة :
1 – كيف تصمم قالبا للورد بريس من الصفر .
2 – كيف تكتب اضافة plugin من الصفر .
3 – كيف تطور مدونتك بأسهل الطرق.
4 – كيف تتميز بمدونتك بميزة لا يملكها غيرك .


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

الدرس الأول:

كيف تصمم قالبا للورد بريس من الصفر

يحتاج تصميم قالب من نقطة الصفر من المصمم إلى التالي :

1 – معرفة متوسطة بلغة php نسبة 50 %
2 – معرفة جيدة جدا بلغات xhtml – css نسبة 70%
3 – معرفة بأكواد وطريقة عمل البرمجة التي كتب بها كود الووردبريس الأصلي نسبة 80 %
4 – معرفة جيدة بأحد برامج معالجة الصور والألوان. نسبة 70%
5 – الذوق الخاص ( وهو يتكون من الزيارات المتكررة لمواقع المصممين ورؤية أعمالهم ومتابعتهم ). وتذكروا المثل القائل البساطة تصنع الجمال .
6 – الفكر الخلاق والقدرة على ابتكار الأفكار الجديدة والمفيدة .

يحتاج تصميم قالب جديد إلى البرامج التالية :

1 – اي برنامج لكتابة الأكواد ، ( انا شخصيا استخدم النوت باد ) ولكني انصحكم ببرنامج npp+ وهو موجود على الرابط :

http://sourceforge.net/project/showf...kage_id=102072 (http://sourceforge.net/project/showfiles.php?group_id=95717&package_id=102072)

حملوه وفيه بعض الاضافات المفيدة .

2 – أي برنامج لتحرير الصور ( أنا استخدم الفوتوشوب ) .. والبرنامج أتركه لاختياركم .
3 – أي برنامج لاختيار الألوان . لدي برنامج بسيط جدا سأضعه هنا في المرفقات .
4 – برنامج سيرفر أ****ي لتنصيبه على جهازك ( أنصح ب appderv 2.4.3 )
5 – طبعا سكريبت الوربريس حتى تنصبه على جهازك وترى نتائج

يحتاج المصمم إلى مواقع معينة تساعده ..في فحص تصاميمه ودقتها وللتعلم وللاطلاع على ما ينقصه

1 – أي موقع يعلم css
2 – أي موقع يعلم xhtml
3 - موقع وررد بريس الرئيسي ( والدروس فيه ) لكي يتغلب على بعض المشاكل التي تواجهه .

serag777
2009-08-03, 03:16 PM
برنامج اختيار الالوان

serag777
2009-08-03, 03:19 PM
سنقسم الدرس الى عدة أقسام ونسميها خطة العمل :

خطة العمل :

أولا – علينا أولا أن نتعرف على الأكواد الذي ستلزمنا في التصميم وفي غيره من الأمور . وهذا سيأخد حوالي من أربعة إلى خمس مشاركات .
ثانيا – سنتعرف على ألية عمل الثيم وطريقة كتابته وما هي الفايلات اللازمة وطريقة كتابتها.
ثالثا – نضع المخطط الأولي لشكل الثيم . وطريقة تقطيعه .
رابعا - نبدأ في بناء الفايلات اللازمة .
خامسا – أثناء بناء الفايلات المتضمنه للثيم نبني ملف css خطوة خطوة .
سادسا – سنضيف ما يلزمنا من جافا سيكريبت أثناء البناء.
سابعا – سننشر العمل .

طبعا سنبني ثيما جديدا بسيطا ونحن نعمل كمثال عملي .

أولا : الأكواد التي يتبناها مبرمجو الوردبريس :

قبل ان ندرس ألية تصميم القوالب علينا أولا دراسة الأكواد التي ستلزمنا في تصميم القالب : وهي الأكواد التي يستخدمها الووردبريس : فلنبدأ على بركة الله :

أنصح بالاحتفاظ بهذه الأكواد على ملف واحد بصيغة اكسل او ورد لتصبح مرجعا للمصممين والمبرمجين الذين يريدون أن يصمموا او يبرمجوا اضافات للوردبريس

أ - أكواد المؤلف او الكاتب :







الكاتب :
<?php the_author(); ?>
مثال الاستخدام :
<p>هذه المشاركة بواسطة : <?php the_author(); ?></p>

***

اسم الدخول للكاتب
<?php the_author_nickname(); ?>

***

الاسم الأول للكاتب
<?php the_author_firstname(); ?>
مثال الاستخدام :
<p>هذه المشاركة كتبت بواسطة : <?php the_author_firstname(); ?></p>

***

الأي دي الخاص بالكاتب
<?php the_author_ID(); ?>
مثال الاستخدام:
<a href="/blog/index.php?author=<?php the_author_ID(); ?>">
شاهد جميع مشاركات : <?php the_author_nickname(); ?></a>

***

الاسم الأخير للكاتب
<?php the_author_lastname(); ?>
مثال الاستخدام
<p>الكاتب : <?php the_author_firstname(); ?> <?php the_author_lastname(); ?></p>
سيظهر هذا المثال الاسم الأول والاسم الأخير للكاتب

***

دخول الكاتب :
<?php the_author_login(); ?>
مثال الاستخدام :
<p>الاسم: <?php the_author_login(); ?></p>

***

وصف الكاتب
<?php the_author_description(); ?>
مثال الاستخدام :
<p>معلومات عن الكاتب: <?php the_author_description(); ?></p>

***

مشاركات أخرى للكاتب
<?php the_author_posts_link(); ?>
مثال الاستخدام :
<p>مشاركات الكاتب :<?php the_author_posts_link(); ?></p>

***

عدد مشاركات الكاتب
<?php the_author_posts(); ?>
مثال الاستخدام :
<p>الكاتب <?php the_author(); ?> أضاف <?php the_author_posts(); ?> المشاركات</p>

***

ايميل الكاتب
<?php the_author_email(); ?>
مثال
<a href="mailto:<?php the_author_email(); ?>">اتصل بالكاتب</a>

***

موقع الكاتب
<?php the_author_url(); ?>
مثال الاستخدام
<p>الموقع: <a href="<?php the_author_url(); ?>"><?php the_author_url(); ?></a></p>

***

قائمة المشاركين أو الكتاب في قسم ما
<?php list_authors(); ?>

***

قائمة المشاركين في المدونة
<?php wp_list_authors(); ?>
مثال الاستخدام
<?php wp_list_authors('show_fullname=1&optioncount=1'); ?>
سيظهر هذا المثال كل المدونين وبجانبهم عدد مواضيعهم محاطا بقوسين

serag777
2009-08-03, 03:19 PM
الأكواد ظهرت مقلوبة :
انسخوها من هنا واحتفظوا بها على ملف txt وكلما أضفت مجموعة اكواد افعلوا ذلك واحتفظوا بالملف النهائي فهو سيفيدكم ليس فقط بالتصميم ... بل سيفيدكم في عدة أمور .

يتبع

serag777
2009-08-03, 03:20 PM
تتمة :

نأتي الآن إلى أكواد الأقسام او كما يسميها البعض التصنيفات :

ب - أكواد الأقسام أو التصنيفات :





الأقسام
<?php the_category(); ?>
مثال الاستخدام:
<p>الأقسام: <?php the_category(); ?></p>
***
قائمة الاقسام
<?php list_cats(); ?>
مثال الاستخدام:

***
قائمة الأقسام rss
<?php the_category_rss() ?>
مثال الاستخدام:
<?php the_category_rss() ?>
<guid><?php the_permalink($id); ?></guid>
***
وصف قسم معين
<?php category_description(); ?>
مثال الاستخدام :
<?php category_description(3); ?>
هذا المثال سوف يعطيك وصف القسم ذو الرقم 3 مثلا
***
قائمة الاقسام ضمن قائمة منسدلة :
<?php dropdown_cats(); ?>

( تستطيع أن تستخدم الأكواد التالية فيه )
<?php dropdown_cats (optionall, 'all', 'sort_column','sort_order', optiondates, optioncount, hide_empty, optionnone, selected, hide); ?>

مثال الاستخدام :
<li id="categories"><?php _e('Categories:'); ?>
<ul><li>
<form action="<?bloginfo('url');?>/index.php" method="get">
<?php dropdown_cats(); ?>
<input type="submit" name="submit" value="view" />
</form>
</li></ul>
</li>

____________________________

serag777
2009-08-03, 03:21 PM
ناتي الآن الى أكواد الوقت والتاريخ :

د - اكواد الوقت والتاريخ







أكواد التاريخ والوقت

التاريخ
<?php the_date(); ?>
مثال الاستخدام الأول
<div><?php the_date(); ?></div>
سيظهر التاريخ حسب ترتيب المدونة

***

التاريخ xml
<?php the_date_xml(); ?>
مثال الاستخدام
<p>تاريخ الكتابة: <?php the_date_xml(); ?></p>

***
الوقت
<?php the_time(); ?>
مثال الاستخدام
<p>وقت المشاركة: <?php the_time(); ?></p>
مثال آخر للتحكم :
<p>Time posted: <?php the_time('g:i a'); ?></p>
سيظهر الوقت بهذا الشكل :
10:36 pm
مثال ثالث للتحكم :
<p>وقت المشاركة: <?php the_time('G:i'); ?></p>
سيظهر الوقت بهذا الشكل
17:52

***

التاريخ + الوقت
مثال الاستخدام
<p>كتبت بتاريخ : <?php the_time('F j, Y'); ?>عند الساعة<?php the_time('g:i a'); ?></p>
: مثال الاستخدام الثاني للوقت والتاريخ
<div><?php the_time('j F Y') ?</div>
سيظهر التاريخ بالترتيب التالي - اليوم ثم الشهر ثم السنة
مثال الاستخدام الثالث
<div><?php the_time('F j, Y'); ?></div>

***

______

serag777
2009-08-03, 03:21 PM
ناتي الآن الى المصطلحات العامة :

وهي كثيرة نوعا ما ... سأضع منها ما يفيدنا حاليا

ملاحظة هامة : أرجو ان تجربوا بعض الأكواد ..حتى تروا فائدتها ....

ملاحظة هامة أخرى : هذه الأكواد فيها بعض الصعوبة يرجى قراءتها بعناية .

ه - المصطلحات العامة :







المصطلحات العامة :

***

معلومات المدونة :
<?php bloginfo(متغيرات ما); ?>
<?php bloginfo('name'); ?> يعطي اسم المدونة
<?php bloginfo('charset'); ?> يعطي ترميز المدونة
<?php bloginfo('description'); ?> يعطي معلومات المدونة
<?php bloginfo('url'); ?> يعطي موقع المدونة
<?php bloginfo('rdf_url'); ?> يعطي موقع RDF/RSS 1.0
<?php bloginfo('rss_url'); ?> يعطي موقع RSS 0.92
<?php bloginfo('rss2_url'); ?> يعطي موقع RSS 2.0
<?php bloginfo('atom_url'); ?> يعطي موقع الأتوم
<?php bloginfo('comments_rss2_url'); ?> يعطي موقع rss2 للتعليقات
<?php bloginfo('admin_email'); ?> يعطي البريد الالكتروني للمشرف العام على المدونة
<?php bloginfo('version'); ?> يعطي رقم الاصدار

***

عنوان المدونة
<?php wp_title(); ?>
مثال الاستخدام
<p>انت تتصفح مدونة : <?php wp_title(); ?>.</p>

مثال مستخدم في هيدر أي مدونة :
<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>

مثال متقدم مشروط :
<title>
<?php wp_title(' '); ?>
<?php if(wp_title(' ', false)) { echo '--'; } ?>
<?php bloginfo('name'); ?>
</title>

***

الأرشيف :
<?php get_archives(); ?>
طريقة الاستخدام :
<?php get_archives('type', 'limit', 'format', 'before', 'after', show_post_count); ?>
أمثلة :
<?php get_archives(); ?> يحضر لك الأرشيف الشهري كما في كل المدونات
<?php get_archives('monthly', '', '', '', '', TRUE); ?> سوف يظهر لك الأرشيف الشهري وبجانبه عدد المشاركات في كل شهر
<?php get_archives('yearly', '', '', '', '', TRUE); ?> سوف يظهر لك الأرشيف السنوي وبجانبه عدد المشاركات في كل سنة
<?php get_archives('postbypost', '10', 'custom', '', '<br />'); ?> هذا المثال سوف يظهر لك آخر عشر مشاركات مرتبة سطر بسطر

الآن دراسة للمتغيرات
المتغير type
تستطيع ان تضع التالي فيه :

'monthly' (Default) شهري
'daily' يومي
'weekly' اسبوعي
'postbypost' مشاركة اثر مشاركة

المتغير limit
تستطيع ان تضع فيه أو تتركه فارغا
(integer) عدد السطور من الأرشيف .


المتغير : format

'html' - ( default) .
'option' ( اذا استخدمت قائمة منسدلة ) .
'link' - داخل رابط
'custom' - للقائمة العادية.

before
(string) افتراضي اتركه فارغا فسوف يؤدي نفس الغرض ''.

after
(string) اتركه فارغا دائما ''.

show_post_count
سوف يريك عدد المشاركات اذا وضعت مكانه (TRUE)
لن يريك عدد المشاركات اذا تركته فارغا او كتبت فيه (FALSE).

تستطيع تحربة كل الخيارات

***

الأرشيف بطريقة مختلفة ومتقدمة :

أمثلة :
<p><?php wp_get_archives('type=monthly&limit=12'); ?></p>
هذا المثال سوف يحضر لك الارشيف الشهري ولكنه سيحضر لك آخر 12 شهر فقط

<p><?php wp_get_archives('type=daily&limit=15'); ?></p>
هذا المثال سوف يحضر لك أرشيف آخر 15 يوم فقط

<p><?php wp_get_archives('type=postbypost&limit=20&format=custom'); ?></p>
سوف يحضر آخر عشرين موضوع

***

الخروج من المدونة :
<?php wp_loginout(); ?>

***

أمر اظهار عناوين ما في المدونة
<?php _e(); ?>

أمثلة سريعة :

<h2><?php _e('Archives'); ?></h2> لطباعة كلمة الأرشيف
<h2><?php _e('Search'); ?></h2> لطباعة كلمة بحث
<h2><?php _e('Categories'); ?></h2> لطباعة كلمة الأقسام

طبعا الباحث الآلي في المدونة يذهب ليبحث عن الكلمة في ملف اللغة العربية ويبدلها بمايماثلها في الملف باللغة العربية أما اذا لم يجد ترجمتها فهو يكتبها حرفيا

لذلك فأنت تستطيع أن تكتب ما تشاء ضمنها : مثال بسيط
<h2><?php _e('منوعات'); ?></h2>

***

التسجيل
<?php wp_register(); ?>

***

تغيير الثيم
<?php wp_theme_switcher(); ?>

***

serag777
2009-08-03, 03:22 PM
و - أكواد الروابط :










الروابط ضمن المشاركات

رابط تعديل أو تحرير المشاركة
<?php edit_post_link(); ?>
مثال :
<?php edit_post_link('تحرير '); ?>

***

رابط تحرير التعليق
<?php edit_comment_link(); ?>
مثال
<?php edit_comment_link('تحرير التعليق'); ?>

***
جلب روابط قسم معين

<?php wp_get_links(); ?>
مثال :
<?php wp_get_links(1); ?> سوف يحضر قائمة بمواضيع القسم رقم واحد

مثال متقدم :متعدد الاستخدامات
<ul>
<?php
$link_cats = $wpdb->get_results("SELECT cat_id, cat_name FROM $wpdb->linkcategories");
foreach ($link_cats as $link_cat) {
?>
<li id="linkcat-<?php echo $link_cat->cat_id; ?>"><h2><?php echo $link_cat->cat_name; ?></h2>
<ul>
<?php wp_get_links($link_cat->cat_id); ?>
</ul>
</li>
<?php } ?>
</ul>

***

serag777
2009-08-03, 03:23 PM
بعد أن انتهينا من معرفة الأكواد التي أرجو أن تحتفظوا بها كلها على ملف ورد أو اكسل ... لتعودوا إليها كلما احتجنا لها ... سناتي الآن إلى الجزء الثاني من خطة العمل :
و هو شرح ألية عمل الثيم واختيار الألوان وطريقة بناء الملفات :

الورد بريس يعتمد على نظام القوالب حيث يعتمد في عرض الثيم على مجلد يحتوي عدة ملفات تساعده على الاظهار واهمها ملف الستايل . style.css وهو الملف المسؤول عن شكل المدونة ككل ...

عادة ما يتكون مجلد الثيم من عدة ملفات مسؤولة عن اظهار المدونة كما تراها
وهناك طريقتين رئيسيتين في الاظهار

الطريقة الأولى : حين يكون ملف الهيدر هو الثابت والوسط هو المتغير والفوتر ثابت أيضا .

ا – جزء ثابت الهيدر ( ثابت دائما ) يجسده الملف = header.php
ب – جزء متغير في الوسط حسب المحتويات :
الرئيسية = index.php
صفحة المقال المفردة = comments.php
صفحات أخرى حسب الطلب = archive.php - page.php – single.php الخ الخ
ج – جزء ثابت ( ان وجد ) للطرف الأيمن أو الأيسر = sidebar.php يتحكم بمكانه عن طريق أمر float ب ملف الستايل .
عادة ما تضمن ضمن ملف footer.php أو ضمن ملف index.php بأمر get
مثال : في ملف الفوتر في معظم الستايلات ترى أمر تضمين الطرف بالأمر التالي :


<?php get_sidebar(); ?>


د – جزء ثابت في أسفل الصفحة ويجسده ملف : footer.php
ه – جزء لايظهر ولكنه يتحكم بشكل المدونة ( ألوانها ألوان الخطوط والمسافات الخ الخ ) ويجسده ملف style.css


الطريقة الثانية :

ا – جزء ثابت يجسده ملف =index.php
ب – أجزاء متحركة : في الوسط حسب الصفحة والمهام
ج – جزء ثابت في الأسفل قد يتم الاستغناء عنه اذا أردنا .

وتقسيم الستايل إلى عدة ملفات هو أمر يتخذه المصممون لتسهيل عملهم ... ويستخدمون أمر get لضم أجزاء الاستايل ....

ولكن يمكن ببساطة ان تصمم الستايل معتمدا على 3 ملفات فقط هم
1 - index.php للصفحة الرئيسية حيث تتضمن الهايدر والسايدبار والفوتر
2 – comments.php لعرض صفحة المقال الواحد مع فورم اضافة التعليق .
3- style.css

وأنا عادة أصمم الستايل من هذه الـ 3 ملفات فقط ... ومن ثم أقسم ملف الاندكس إلى عدة ملفات أصغر .


أحيانا نحتاج إلى صفحة للبحث searchform.php : نضمنها ضمن index.php بالأمر التالي :



<?php include (TEMPLATEPATH . '/searchform.php'); ?>





أتمنى ان تكون الأمور واضحة حتى الآن : على فكرة نفتح منذ الآن باب الأسئلة .... والاستفسارات ..لكن ارجو من الأخوة أن تكون الأسئلة ضمن سياق ما قلناه .. يعني لن اجيب على أسئلة لاتدخل في الموضوع وليست من روحه .

المهم : هناك طرق أخرى كثيرة : وهاكم أمثلة :

Header
Content
Footer

أوامر التضمين اللازمة :



<?php get_header(); ?>
<?php get_footer(); ?>

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

Header
Content
Sidebar
Footer

أوامر التضمين اللازمة :


<?php get_header(); ?>
<?php get_footer(); ?>
<?php get_sidebar(); ?>

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

Header
Content
Comment Form
Sidebar
Search Form
Footer


ترتيب الصفحات


1- header.php
2-The Content (index.php)
- wp-comments.php
3-sidebar.php
- searchform.php
4 - footer.php[

serag777
2009-08-03, 03:24 PM
http://www.vb.se-te.com//imgcache/2492.imgcache.jpg

وهو الستايل الذي سنصمم مثله في المنتدى ...

ومن ثم سنصمم صفحات اضافية اذا رغبتم بذلك .

serag777
2009-08-03, 03:24 PM
http://www.vb.se-te.com//imgcache/2493.imgcache.jpg

وهذا هو الشكل الثاني الذي يتألف من خمس ملفات ضمن مجلد الثيم

serag777
2009-08-03, 03:24 PM
http://www.vb.se-te.com//imgcache/2494.imgcache.jpg

serag777
2009-08-03, 03:25 PM
http://www.vb.se-te.com//imgcache/2495.imgcache.jpg

أكثر من سبع ملفات

serag777
2009-08-03, 03:25 PM
شكل المخطط التخيلي لأي ثيم

http://www.vb.se-te.com//imgcache/2496.imgcache.jpg

serag777
2009-08-03, 03:26 PM
ان اختيار الألوان المناسبة والمتناسقة واختيار الخطوط الجيدة القريبة من بعضها والمتناسقة بحجومها لهو اهم شيء في تصميم المدونات أو حتى تصميم المواقع .

اختيار الخطوط وأحجامها :

كثير من المصممين يقعون في فخ تباين وتنافر الألوان ... وتباين وتنافر الخطوط وأحجامها ... فبعضهم يضع الخط courier مثلا مع الخط Tahoma علما ان الخطان متنافران جدا ...

أمثلة :

الخط Tahoma مثلا لا يصلح إلا بقياساته 10 – 11 – 12 أم اذا كبرته الى 14 مثلا فإنه سيصبح سيئا جدا .. لذلك فأغلب المصممين يختارونه لنصوص المواضيع .. ويستبعدونه من العناوين .

والخط arial لا يبدو جميلا في الخطوط الصغيرة ... ولكن اذا كتبت به بالقياسات 14- 16 - 18 وجعلته عريضا فإنه سيصبح جميلا ومفهوما لذلك فهو يصلح للعناوين ... والهايد لاين .

والخط Times New Roman يصلح من قياس 13 إلى قياس 20 اما أكبر من ذلك فأنا شخصيا لا يعجبني ...

والخط avant grade خط جميل ولكنني أحب القياس 14 منه

والخط Courier New هو احد أسوأ الخطوط على الاطلاق ( على الأقل بالنسبة للغة العربية )

لاتنسوا ان تبتعدوا عن الخطوط أرابيك ترانسبيرت وغيرها .. فلربما لاتوجد عند أجهزة البعض .

وكثير من المصممين يقعون في أخطاء الأحجام ...

لذلك فمن الأفضل أن نحدد قبل أن نبدأ الخطوط التي سنحتاجها في مدونتنا .. ونكتبها على ورقة أو ملف تكست خارجي لكي تساعدنا أثناء كتابتنا لملف الستايل style.css... بهذا الشكل :

1 – خط المواضيع : Tahoma القياس 11 لون الخط مثلا : 444444
الخط البديل لخط المواضيع : Times New Roman القياس 13 لون الخط 444444
أو الخط البديل : MS Sans Serif القياس 11 لون الخط مثلا : 444444

( لاحظوا هنا أن القياسين مختلفين ولكنهما قريبان من بعضهما وغير متنافرين ) .

2 – خط عناوين المواضيع : arial قياسه 16 سمته bold لونه ff0000
الخط البديل : Times New Roman القياس 16 سمته bold لون الخط 444444

3 – خط عناوين السايد بار : كذا كذا ... الخ الخ

ملاحظة 1 : حدد خطوطك كلها واحتفط بها على ملفtext خارجي للعودة اليها ولا تنسى أن تجرب الخطوط .. وتأكد من تناغمها مع بعضها ..... سمي هذا الملف ( الملف المساعد لتصميم المدونة رقم كذا ) حتى لاتنسى اطلاقا .

ملاحظة 2 : ستساعدنا هذه الطريقة بالتنظيم في سهولة كتابة ملف الستايل فيما بعد .

serag777
2009-08-03, 03:26 PM
كما قررنا سابقا :

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

قبل أن تختار لون مدونتك ... فكر مليا .. ما هو نوع هذه المدونة التي تصمم لها .. ماذا سيكتب صاحبها .. ما نوع ابداعه ... الخ الخ ...

مثلا لو أردت ان تصمم لشاعر نبطي فعليك أن تفكر جديا بلون الرمال .. ومشتقاته ....
واذا أردت ان تصمم لعالم في البرامج فعليك اختيار الألوان التي فيها كونتراست وتتوافق بنفس الوقت

الخ الخ

لنفرض أننا قررنا أن نصمم مدونة يغلب عليها لون السماء وجوها زجاجي شتوي وفكرها شاسع مثل البحر والسماء . فإننا بالطبع نتجه فورا إلى لونين رئيسيين هما الأزرق والأبيض .

من خلال هذه المواقع الجميلة : تستطيع ان تستخرج ألوان مدونتك بمجرد ان تعطيهم لونها الأساس ...


هذا الموقع تستطيع ان تختار ستة ألوان مناسبة بمجرد ان تعطيه اللون الأساسي لمدونتك : ( افترضنا انه الأزرق ) .
http://www.colormatch.dk/

و مواقع أخرى مفيدة جدا : ( احتفظوا بالمواقع في مفضلتكم ) .

هذا الموقع يريك منظومات الألوان :
http://www.colorschemer.com/online.html
فبمجرد الضغط على أي لون يعطيك الألوان المتطابقة والمناسبة .

و هذا الموقع الذي يعطيك الألوان وتدرجاتها ويضعها لك ضمن مربع وهناك أكثر من طريقة لتركيب الألوان فيه
http://wellstyled.com/tools/colorscheme2/index-en.html

ألوان الخلفيات – ألوان الخطوط – ألوان مختلفة .

الآن نقرر ألوان مدونتنا ونكتبها على نفس الملف السابق ( الملف المساعد ) أو على ورقة خارجية :

مثال : سنستخدم في مدونتنا التي سنصممها : 8 الوان :

295F9A
A72323
FF7E67
002F64

هذا بالإضافة الى بعض تدرجات الرمادي التي ستلزمنا مرة واحدة بين الحين والآخر .

FF7E67
D8D8D8
505050
EEEEEE

****

أعطيتكم في مشاركتي الثانية في هذا الموضوع برنامج لاختيار الألوان : نستطيع ان نضيفها فيه والبرنامج سيحتفظ بها إلى أن نغيرها بأنفسنا
وبذلك يسهل علينا أخد كود اللون متى شئنا ...


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

http://www.vb.se-te.com//imgcache/2497.imgcache.jpg

نختار اللون بعدة طرق ..

الخطوة الأولى :
اما بالتقاطه بأداة الالتقاط .... أو تحريك المنسدلات ..او كتابة الكود مباشرة :



http://www.vb.se-te.com//imgcache/2498.imgcache.jpg

الخطوة الثانية : الاحتفاظ باللون .


http://www.vb.se-te.com//imgcache/2499.imgcache.jpg

الخطوة الثالثة الاحتفاظ بسبع ألوان .

نستطيع العودة إلى أي لون ونسخ كوده بمجرد الضغط على المربع الصغير بالفأرة اليسار مرتين .


للتذكير تستطيع ان تحمل البرنامج من هنا

http://www.ar-wp.com/posts/2200-post2.html

serag777
2009-08-03, 03:26 PM
نبدأ الجانب العملي تماما

مقدمة لابد منها :

قررت أن اصمم معكم ثيم له المواصفات التالية :

1 – ثيم بسيط وجميل
2 – ثيم سهل التعديل عليه
3 – ثيم سريع جدا يعطيك أقصى سرعة في التصفح . ( وسنشرح فيما بعد مالذي يجعل الستايل سريعا جدا )
4 – ثيم له ملفات بسيطة وبفي بالغرض تماما .
5 – ثيم يتوافق مع نعايير xhtml و ال css

لذلك فقد قررت ان أصمم ستايل يحتوي على 3 ملفات فقط وعلى مجلد images به 3 صور فقط .

serag777
2009-08-03, 03:27 PM
هل حضرتم أداواتكم : اذا هيا الى العمل

خلق الملفات الابتدائية :

امشوا معنا خطوة خطوة من فضلكم : وحذار أن تسهوا عن جملة ما


1 - الآن اصنعوا مجلدا جديدا في مجلد ال themes في مدونتكم وأسموه : ar-wp

2 - اصنعوا مجلدا داخله : وسموه images وانقلوا الصور الثلاثة اليه التس سأرفقها في هذا الموضوع

3 – وبما أننا قررنا أن يكون الثيم من 3 ملفات :
فسنخلق الآن هذه الملفات

افتح ملف جديد بالنوت باد : وضع فيه الكود التالي :




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ar" lang="ar">

____________________
لا تكتب هذا الجزء هو فقط للشرح : هنا طبعا سنكتب الثيم جزءا جزء
____________________

</html>




أغلق الفايل الآن وسميه index.php

عمليا نحنا فتحنا فايل ظهور الموقع وعرفناه وعرفنا لغة البرمجة فيه ومن ثم فتحنا كود html وأغلقناه

وهكذا صار عندنا لبنة الملف الرئيسي للثيم.

***

4 – افتح ملفا جديدا بالنوت باد وضع فيه الكود التالي :




/*
Theme Name: ar-wp
Theme URI: http://www.ar-wp.com
Author: khaledtrm
Description: this theme made for http://www.ar-wp.com as lesson
Author URI: http://www.khaledtrm.net/
Version: 1
*/




هنا نحن كتبنا معلومات الثيم الذي سنصممه وهذه المعلومات ضرورية جدا وكذلك تظهر في لوحة تحكم موقعك على الشكل التالي :

http://www.vb.se-te.com//imgcache/2500.imgcache.jpg


أغلق الملف وسميه style.css وهكذا صار عندنا لبنة الملف المنظم للثيم



5 – افتح النوت باد وضع فيه هذا الكود :




<!-- comments file -->



أغلقه وسميه : comments.php

وهكذا أصبح لدينا لبنة الفايل الثالث والأخير .

ملاحظة هامة جدا : احفظوا الفايلات السابقة بصيغة utf8 حتى لا تسبب مشكلة بالترميز وتتحول الحروف إلى رموز غير مفهومة ..

طريقة ذلك شرحتها من خلال الصورة في موضوع آخر .

هنا :
http://www.ar-wp.com/attachment.php?attachmentid=128&d=1161467790

serag777
2009-08-03, 03:28 PM
تتمة :

ملاحظة أولى : في لغة ال php ل جملة تبتدأ ب <!-- لاتنفذ وننهيها ب <-- حتى ينفذ ما بعدها

لذلك أثناء سيرنا في كتابة الثيم ( الملفات ) سنضع ملاحظات اعتراضية تعيننا على العودة متي شئنا إلى مكان الخطأ وإذا أردنا زيادة كود ما

مثال :



<!-- ملاحظات المصمم - جسم المدونة -->


ملاحظة ثانية : أكررها دائما لأهميتها :
اذا كان الملف يحوي كلمات بالعربية فعليك حفظه بالنوت باد بترميز utf8 حتى لا يثير مشكلة في شكل الحروف .




نأتي إلى العمل :

نفتح الملفين : index.php – style.css ونتركهما مفتوحين على سطح المكتب لأننا سنحررهما سويا وخطوة إثر خطوة ... فكلما كتبنا كودا فإننا سنحدد شكله ومواصفاته فورا على الملف الثاني :

كل كود يجب أن تلاحق تقفيلته حتى لا تقع بالأخطاء ففي لغة xhtml الخطأ يؤدي إلى كارثة .. وسيصبح من الصعب اكتشاف الأخطاء مثلما يحدث مع بعض الأعضاء هنا ...

لذلك يرجى التركيز وعدم اهمال أي حرف :

الأن فتحنا ملف index.php وكنا قدر كتبنا فيه سابقا



DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ar" lang="ar">


هنا سنعمل



</html>



أكتب : التالي : ( التالي هو تقريبا نفسه قي كل المدونات او كل المواقع التي تعمل على لغة xhtml المعيارية
ولكننا سنشرحها بشكل مبسط أثناء كتابتها .


<!-- ملاحظات المصمم - رأس المدونة -->
<head profile="http://gmpg.org/xfn/1">


و هذا الكود هو المعيار الدولي لرأس المواقع .

بعده مباشرة نكتب التالي :



<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>


أمر title لايؤثر على شكل المدونة ولكنه يظهر المعلومات في ألسنة التبويب في المستعرض وهكذا فإننا بالعودة للأكواد فإننا بهذا الأمر قد أظهرنا اسم المدونة وعنوانها في لسان التبويب ( تحت في الاكسبلورر وفوق في الفايرفوكس )

http://www.vb.se-te.com//imgcache/2502.imgcache.jpg


تمام لهون ؟؟؟

as1.gif

serag777
2009-08-03, 03:30 PM
اليوم سنكمل وسوم head كلها . و سنشرح شرحا مبسطا الأوامر التي سنستعملها ضمن وسمي head = /head

افتح الملف index.php وكنا قد كتبنا فيه سابقا :




DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ar" lang="ar">

<!-- ملاحظات المصمم - رأس المدونة -->
<head profile="http://gmpg.org/xfn/1">

<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>

</html>




نضيف التالي :




<meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo('charset'); ?>" />
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<meta name="author" content="khaledtrm" />

<link rel="stylesheet" type="text/css" media="print" href="<?php echo get_settings('siteurl'); ?>/print.css" />



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

السطر الأول مسؤول عن ترميز المدونة
السطر الثاني مسؤول عن نوع السكريبت المستخدم ورقم اصداره
السطر الثالث مسؤول عن ملف الستايل المستخدم .

تذكروا هذه التعابير ولمعرفة وأهمية هذه التعابير تكمن في التالي : للتذكير .
"Title" وهو عنوان الصفحة والذى يظهر فى لسان التبويب في المتصفح.
- "Description" وهو وصف للموقع ومحتوياته - يجب كتابة وصف جلي ومختصر ومعبر لأهم ما يوجد بالموقع.
"Keywords الكلمات المفتاحية تساعد محركات البحث ويستخدمها متصفحو الويب للبحث بها فى محركات البحث, ويجب أن تكون مستقاة من أهم الكلمات الموجودة بالصفحة .

بعدها مباشرة نضيف الكود التالي :




<link rel="stylesheet" type="text/css" media="print" href="<?php echo get_settings('siteurl'); ?>/print.css" />



الأمر السابق هو الأمر الذي يحدد نوع البرمجة الذي اعتمد عليها رأس الصفحة .
نضيف فيما بعد :




<style type="text/css" media="screen">@import url( <?php bloginfo('stylesheet_url'); ?> );
</style>




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

الآن نضيف : الأسطر التالية :




<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />



السطور السابقة هي لتحديد ارتباط الثيم ب : rss – atom – rss2 – pingback
هذه التقنيات مهمة جدا و سوف نتكلم عنها باسهاب في موضوع منفصل .

نغلق الآن وسم <head > :



</head>


وبهكذا نكون قد انهينا كل ما يلزمنا في تعريفات ومكونات رأس الثيم .

ويكون الملف لدينا صار بهذه المكونات : ( حتى الآن : )




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ar" lang="ar">

<!-- ملاحظات المصمم - رأس المدونة -->

<head profile="http://gmpg.org/xfn/1">

<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>

<meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo('charset'); ?>" />
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<meta name="author" content="khaledtrm" />

<link rel="stylesheet" type="text/css" media="print" href="<?php echo get_settings('siteurl'); ?>/print.css" />

<style type="text/css" media="screen">@import url( <?php bloginfo('stylesheet_url'); ?> );
</style>

<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

</head>




الاضافات القادمة


</html>

serag777
2009-08-03, 03:30 PM
صورة توضيحية مبسطة للشكل العام

http://www.vb.se-te.com//imgcache/2503.imgcache.jpg

عساها تبسط ما نفعله

serag777
2009-08-03, 03:31 PM
اليوم سنبدأ بجسم المدونة :

افتح ملفي index.php – style.css واتركهما مفتوحين :

في ملف index.php و بعد الكود :




</head>


نكتب التالي :



<!-- ملاحظات المصمم - جسم المدونة -->
<body>


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

وبما اننا فتحنا ال <body> فعلينا اذا تعريف شكله ومميزاته في ملف style.css

نفتح ملف style.css ونضيف فيه التالي :




body {
text-align: center;
background: url(images/body.gif);
margin: 0px 0px 10px 0px;
direction: rtl;
}



لقد حددنا للبودي التالي :

1 – الخط في الوسط
2 – الصورة الخلفية هي body.gif وسبق أن أعطيتكم اياها للتحميل .
3 – ال margin هي وهي أبعاد الهوامش .

هام جدا : عندما ترى هذا الكود :



margin: 0px 0px 10px 0px;

فهذا يعني أن الهوامش هي :
1 – الهامش العلوي قيمته 0
2 - هامش اليمين قيمته 0
3 – الهامش السفلي قيمته 10
4 – هامش اليسار قيمته 0

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

ملاحظة : ترتيب الحشوة ( padding ) ايضا بهذا الترتيب .

أخيرا التسلسل المنطقي لجهة الكتابة هو rtl أي right to left يعني من اليمين إلى اليسار .

وهكذا حددنا في ملف style.css خواص جسم المدونة .

وبما أننا فتحنا وسم body فإننا نغلقه فورا كي لا ننساه ونزيحه إلى أسفل الصفحة



</body>


تصبح مكونات ملف index.php كالآتي :







<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ar" lang="ar">

<!-- ملاحظات المصمم - رأس المدونة -->

<head profile="http://gmpg.org/xfn/1">

<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>

<meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo('charset'); ?>" />
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<meta name="author" content="khaledtrm" />

<link rel="stylesheet" type="text/css" media="print" href="<?php echo get_settings('siteurl'); ?>/print.css" />

<style type="text/css" media="screen">@import url( <?php bloginfo('stylesheet_url'); ?> );
</style>

<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

</head>
<body>





الاضافات القادمة



</body>
</html>






نكمل الآن ملف الستايل فنعرف تتمة مكونات وخصائص ال body فلنعرف لون الوصلات فيه ولون الوصلات عندما تمر الفأرة فوقها

في ملف الستايل نكتب التالي بعد ما كتبناه : وسنشرح كل جزء خطوة خطوة :

نكتب التالب :



a {
color: #295F9A;
text-decoration: none;
}


الحرف a يعني الوصلات :

هنا كتبنا ما يلي : أن لون الوصلات هو ما ذكرناه
وان شكل الوصلة : بلا أي تأثير .

يعني ببساطة لو كتبنا مثلا :
text-decoration: underline

فهذا معناه أن الوصلات سيكون تحتها خط .




ثم نضيف التالي :



a:hover {
color: A72323;
text-decoration: none;
}


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

( لا تنسوا أننا اخترنا الألوان سابقا )

نضيف بعدها التالي :



hr {
display: none;
}

img {
border: none;
}

ins {
text-decoration: none;
border-bottom: 5px dashed #eeeeee;
}


upon1 {
border-bottom: 1px dashed #eeeeee;
font-style: normal;
}


blockquote {
border-right: 5px solid #D8D8D8;
margin: 10px 0 0 0;
padding: 10px;
width: 430px;
color: #505050;
}



.center {
text-align: center;
}

.search-button {
font-family: tahoma,arial ;
font-size: 10px;
border: 1px solid #800000;
background: #A72323;
color: #FFFFFF;
padding: 2px 2px;
}


عرفنا التالي :

الخط الأفقي = 0 أي لا يظهر
الصور بلا حدود ( بدون خط خارجي حولها )

الخ الخ الخ




في ملف : index.php

نضيف بعد وسم <body> مباشرة الكود التالي :



<div id="case">


هنا نحن فتحنا الصندوق الداخلي للمدونة : الصندوق الداخلي للموقع :

مثال : صورة :

http://www.vb.se-te.com//imgcache/2504.imgcache.jpg


بما أننا أدخلنا الصندوق فإن علينا تعريفه في ملف الستايل : style.css


#case {
margin: 0 auto;
text-align: right;
width: 730px;
border-bottom: 10px solid #002F64;
background: url(images/case.gif);
line-height: 100%;
font: bold;
color: #295F9A;
}


شرحها كالآتي :

الكايس :
هوامشه العلوي صفر – بقية الجهات أوتوماتيكي ( أي يأخذ أبعاد الهوامش تلقائيا )
الخط من اليمين الى اليسار
عرض الصندوق : 730
الخط السفلي للصندوق عرضه 10 بيكسل مستقيم – لونه 002F64
الخلفية : هي الصورة متكررة ومصفوفة شاقوليا .
الخط ضمن الكايس : عريض .
لون الخط هو : .....


ننتهي اليوم :

تذكير :

أصبح ملف index.php يحوي التالي :



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ar" lang="ar">

<!-- ملاحظات المصمم - رأس المدونة -->

<head profile="http://gmpg.org/xfn/1">

<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>

<meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo('charset'); ?>" />
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<meta name="author" content="khaledtrm" />

<link rel="stylesheet" type="text/css" media="print" href="<?php echo get_settings('siteurl'); ?>/print.css" />

<style type="text/css" media="screen">@import url( <?php bloginfo('stylesheet_url'); ?> );
</style>

<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

</head>




<!-- ملاحظات المصمم - جسم المدونة -->

<body >

<div id="case">



التعديلات القادمة والاضافات – هذا السطر لاتنقلوه فقط هو للتذكير أن الكتابات سنكتبها هنا ,



</div>

</body>
</html>



وأصبح ملف ال style.css يحتوي على التالي :



/*
Theme Name: ar-wp
Theme URI: http://www.ar-wp.com
Author: khaledtrm
Description: this theme made for http://www.ar-wp.com as lesson
Author URI: http://www.khaledtrm.net/
Version: 1
*/

body {
text-align: center;
background: url(images/body.gif);
margin: 0px 0px 10px 0px;
direction: rtl;
}


a {
color: #295F9A;
text-decoration: none;
}

a:hover {
color: A72323;
text-decoration: none;
}

hr {
display: none;
}

img {
border: none;
}

ins {
text-decoration: none;
border-bottom: 5px dashed #eeeeee;
}

blockquote {
border-right: 5px solid #D8D8D8;
margin: 10px 0 0 0;
padding: 10px;
width: 430px;
color: #505050;
}



.center {
text-align: center;
}

.search-button {
font-family: tahoma,arial ;
font-size: 10px;
border: 1px solid #800000;
background: #A72323;
color: #FFFFFF;
padding: 2px 2px;
}

#case {
margin: 0 auto;
text-align: right;
width: 730px;
border-bottom: 10px solid #002F64;
background: url(images/case.gif);
line-height: 100%;
font: bold;
color: #295F9A;
}


يتبع

serag777
2009-08-03, 03:32 PM
]اليوم سنكمل :

افتح ملف index.php وبعد الكود : <div id="case">

مباشرة نكتب التالي :



<div id="header">
<h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
</div>


هنا ثبتنا صورة ووصلة الهايدر

وبما اننا وضعنا صورة ووصلة الهايدر فإننا يجب ان نثبت شكل الهايدر وملحقاته في ملف ال style.css

نفتح ملف الستايل : ونضيف فيه الأكواد التالية :




#header {
height: 280px;
background: url(images/header.jpg) no-repeat;
border-bottom: 10px solid #002F64;
font: bold;
color: #FF0C13;
}


شرح الكود : أضفنا التالي :
الرأس
علو الرأس 280 بيكسل
صورة الرأس : (عنوانها لكي يجلبها المتصفح ) وبدون تكرار
أسفل الرأس نريد خطا بسماكة 10 بيكسل ( ناحية تجميلية )
الخط لاسم المدونة : عريض
لون الخط : FF0C13


ثم نضيف الكود التالي :



#header h1 {
font: bold 40px arial;
color: #F60013;
text-align: center;
line-height: 50px;
padding: 4px 4px;
}


شرح الكود الذي أضفناه :
الرأس – وسم h1
الخط : نوعه - قياسه - شكله
لون الخط
محاذاة النص
ارتفاع الخط بالنسبة للرأس ( علوه ضمن الرأس )
الحواشي
الآن نضيف : الكود التالي :



#header h1 a {
color: #FE0103;
text-decoration: none;
}


شرح ما أضفناه

الرأس_h1_الروابط
لون الخط
تزيين الخط – بدون تزيين .

وهكذا نكون وضعنا تفصيلات الهيدر

serag777
2009-08-03, 03:32 PM
نعود إلى index.php

بعدها نضيف ما يلي :



<!-- ملاحظات المصمم - بداية السايد بار هنا ويمكن أن نضعها بملف منفصل ونستدعيها هنا بأمر get -->

<div id="sidbar">


وبما اننا فتحنا sidbar
فإننا نعرف شكل القائمة الجانبية في ملف الستايل .

فنكتب في ملف style.css الأكواد التالية :



#sidbar {
float: right;
width: 200px;
color: #BABABA;
}


شرح ما سبق وأضفناه
القائمة الجانبية
جهتها نحو اليمين
عرضها 200 بيكسل
لونها :


الآن سنستفيد من معرفتنا بالأكواد التي أخذناها أول الدروس في جلب كل ما يلزمنا في القائمة الجانبية

في ملف index.php نفتح حيز جديد بأمر div ولنسمي الحيز بأي اسم أنا هنا سميته : sidbar-kh

نكتب الكودات التالية :



<div id="sidbar-kh">



نضيف فيه الأمور التي ستلزمنا في القائمة الجانبية :




<h2><?php _e('صفحات'); ?></h2>
<ul>
<?php wp_list_pages ('title_li= '); ?>
</ul>

الشرح : أدرجنا هنا
كتابة كلمة صفحات .
تحتها أمر جلب الصفحات ( سابقا أخذناه فيالأكواد التي درسناها في أول الدروس )


نضيف الكود التالي :


<h2><?php _e('Categories'); ?></h2>
<ul>
<?php wp_list_cats('sort_column=name&optioncount=1'); ?>
</ul>

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


نضيف الكود التالي :


<h2><?php _e('Archives'); ?></h2>
<ul>
<?php wp_get_archives('type=monthly&show_post_count=1'); ?>
</ul>

الشرح : أدرجنا هنا
كلمة الأرشيف
أمر جلب الأرشيف الشهري وبجانبه عدد المشاركات في كل شهر .



نضيف الكود التالي :


<h2><label for="s"><?php _e('Search'); ?></label></h2>
<ul>
<form id="searchform" method="get" action="<?php echo $PHP_SELF; ?>">
<input type="text" name="s" id="s" size="17" class="sidbar-search" /><br />
<input type="submit" name="submit" value="<?php _e('Search'); ?>" class="search-button" />
</form>
</ul>

الشرح : أضفنا ما يلي :
أضفنا كلمة البحث
أضفنا نموذج ( فورم ) للبحث وحددنا من أين يأتي البحث .. وعرض الفورم كما حددنا صفا جديدا لشكل البحث ضمن ملف الستايل .




نضيف الكود التالي :
<h2> روابط</h2>
<ul>
<?php wp_get_links(1); ?>
</ul>
[/code]

الشرح : أضفنا كلمة روابط
أضفنا : امر جلب الروابط ( التي أضافها صاحب المدونة في لوحة التحكم .



نضيف الكود التالي :



<h2><?php _e('منوعات'); ?></h2>
<ul>
<?php wp_register(); ?>
<li><?php wp_loginout(); ?></li>
<li><a href="feed:<?php bloginfo('rss2_url'); ?>" title="<?php _e('Syndicate this site using RSS'); ?>"><?php _e('<upon1 title="Really Simple Syndication">RSS</upon1>'); ?></a></li>
<li><a href="feed:<?php bloginfo('comments_rss2_url'); ?>" title="<?php _e('The latest comments to all posts in RSS'); ?>"><?php _e('Comments <upon1 title="Really Simple Syndication">RSS</upon1>'); ?></a></li>
<p>
<?php wp_meta(); ?>
</p>
</ul>

الشرح : أضفنا هنا عدة ملاحق سنشرحها بالتفصيل :
أضفنا كلمة منوعات
أضفنا : رابط دخول الأدمين
أضفنا رابط الخروج
أضفنا روابط rss + rss2



نضيف الكود التالي :



<?php if (function_exists('wp_theme_switcher')) { ?>
<h2>تغيير الثيم</h2>
<?php wp_theme_switcher(); ?>
<?php } ?>

الشرح أضفنا :
كلمة تغيير الثيم
ورابط الثيمات الموجودة

الآن نحن انتهينا من القائمة الجديدة لم يبق علينا سوى اغلاق ال div sidbar-kh

نكتب الأمر التالي :



</div>


ونغلق بعدها حيز div sidbar



</div>



نكتب بعدها :


<hr />
<!-- ملاحظات المصمم - نهاية السايد بار -->


الآن افتح ملف style.css

الآن علينا تثبيت div sidbar-kh وملحقاته في الملف .

نضيف التالي :



#sidbar-kh {
padding: 20px 0px 0px 0px;
color: #757575;
}


أضفنا الحواشي الداخلية وهي فوق 20 بيكسل و صفر لبيقية الجهات


ونضيف التالي :



#sidbar h2 {
font-family: arial, tahoma ;
font-size: 16px;
font-weight: bold;
margin: 20px 14px 0px 0px ;
padding: 5px;
text-align: right;
color: #A72323;
}


وسم h2 في القائمة الجانبية
نوع الخط
حجمه
شكله
الهوامش
الحواشي
محاذاة النص
لون الخط


ونضيف التالي :


#sidbar ul {
font-family: tahoma, arial;
font-size: 11px;
font-weight: normal;
list-style: none;
margin: 0px 20px 0px 0px ;
padding: 0;
}


وسم ul في القائمة الجانبية
نوع الخط
حجم الخط
نوع الخط
نوع القوائم
الهوامش
الحواشي .


ونضيف التالي :


#sidbar ul li ul {
font-family: tahoma, arial;
font-size: 11px;
font-weight: normal;
margin: 0px 10px 0px 0px ;
}


وسم ul – li – ul في القائمة الجانبية
نوع الخط
حجمه
شكله
الهوامش


ونضيف التالي :


#sidbar a {
text-decoration: none;
font-weight: normal;
color: #444444;
}

الروابط في القائمة الجانبية
شكل الروابط ( بدون )
شكل الخط
لون الخط
( وبما اننا لم نوع الخط فإنه سيأخذها تلقائيا من القائمة ألأساس وهي السايدبار )


ونضيف الكود التالي :


#sidbar .sidbar-search {
margin-bottom: 3px;
background: #eee;
font-size: 1em;
width: 150px;
border: 1px solid #300000;
}


ميزات البحث في السايد بار
الهوامش
لون الخلفية
حجم الخط
عرض مربع البحث
الاطار لمربع البحث ( قياسه 1 – ولون خط الاطار )

serag777
2009-08-03, 03:33 PM
للتذكير :

حتى اليوم أصبحت محتويات ملف index.php

كالتالي :



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ar" lang="ar">

<!-- ملاحظات المصمم - رأس المدونة -->

<head profile="http://gmpg.org/xfn/1">

<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>

<meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo('charset'); ?>" />
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<meta name="author" content="khaledtrm" />

<link rel="stylesheet" type="text/css" media="print" href="<?php echo get_settings('siteurl'); ?>/print.css" />

<style type="text/css" media="screen">@import url( <?php bloginfo('stylesheet_url'); ?> );
</style>

<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

</head>




<!-- ملاحظات المصمم - جسم المدونة -->

<body >

<div id="case">

<div id="header">
<h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
</div>


<!-- ملاحظات المصمم - بداية السايد بار هنا ويمكن أن نضعها بملف منفصل ونستدعيها هنا بأمر get -->

<div id="sidbar">
<div id="sidbar-kh">

<h2><?php _e('صفحات'); ?></h2>
<ul>
<?php wp_list_pages ('title_li= '); ?>
</ul>

<h2><?php _e('Categories'); ?></h2>
<ul>
<?php wp_list_cats('sort_column=name&optioncount=1'); ?>
</ul>

<h2><?php _e('Archives'); ?></h2>
<ul>
<?php wp_get_archives('type=monthly&show_post_count=1'); ?>
</ul>

<h2><label for="s"><?php _e('Search'); ?></label></h2>
<ul>
<form id="searchform" method="get" action="<?php echo $PHP_SELF; ?>">
<input type="text" name="s" id="s" size="17" class="sidbar-search" /><br />
<input type="submit" name="submit" value="<?php _e('Search'); ?>" class="search-button" />
</form>
</ul>

<h2> روابط</h2>
<ul>
<?php wp_get_links(1); ?>
</ul>

<h2><?php _e('منوعات'); ?></h2>
<ul>
<?php wp_register(); ?>
<li><?php wp_loginout(); ?></li>
<li><a href="feed:<?php bloginfo('rss2_url'); ?>" title="<?php _e('Syndicate this site using RSS'); ?>"><?php _e('<upon1 title="Really Simple Syndication">RSS</upon1>'); ?></a></li>
<li><a href="feed:<?php bloginfo('comments_rss2_url'); ?>" title="<?php _e('The latest comments to all posts in RSS'); ?>"><?php _e('Comments <upon1 title="Really Simple Syndication">RSS</upon1>'); ?></a></li>
<p>
<?php wp_meta(); ?>
</p>
</ul>

<?php if (function_exists('wp_theme_switcher')) { ?>
<h2>تغيير الثيم</h2>
<?php wp_theme_switcher(); ?>
<?php } ?>
</div>
</div>

<hr />
<!-- ملاحظات المصمم - نهاية السايد بار -->















</div>

</body>
</html>



وأصبح ملف style.css كالتالي :



/*
Theme Name: ar-wp
Theme URI: http://www.ar-wp.com
Author: khaledtrm
Description: this theme made for http://www.ar-wp.com as lesson
Author URI: http://www.khaledtrm.net/
Version: 1
*/


body {
text-align: center;
background: url(images/body.gif);
margin: 0px 0px 10px 0px;
direction: rtl;
}

a {
color: #295F9A;
text-decoration: none;
}

a:hover {
color: A72323;
text-decoration: none;
}

hr {
display: none;
}

img {
border: none;
}

ins {
text-decoration: none;
border-bottom: 5px dashed #eeeeee;
}

blockquote {
border-right: 5px solid #D8D8D8;
margin: 10px 0 0 0;
padding: 10px;
width: 430px;
color: #505050;
}

.center {
text-align: center;
}

.search-button {
font-family: tahoma,arial ;
font-size: 10px;
border: 1px solid #800000;
background: #A72323;
color: #FFFFFF;
padding: 2px 2px;
}


#case {
margin: 0 auto;
text-align: right;
width: 730px;
border-bottom: 10px solid #002F64;
background: url(images/case.gif);
line-height: 100%;
font: bold;
}


#header {
height: 280px;
background: url(images/header.jpg) no-repeat;
border-bottom: 10px solid #002F64;
font: bold;
font-color: #f8f8f8;
}

#header h1 {
font: bold 32px arial;
text-align: right;
line-height: 50px;
padding: 6px 10px;
}

#header h1 a {
color: #f8f8f8;
text-decoration: none;
}

#sidbar {
float: right;
width: 200px;
color: #BABABA;
}

#sidbar-kh {
padding: 20px 0px 0px 0px;
}

#sidbar h2 {
font-family: arial, tahoma ;
font-size: 16px;
font-weight: bold;
margin: 20px 14px 0px 0px ;
padding: 5px;
text-align: right;
color: #A72323;
}

#sidbar ul {
font-family: tahoma, arial;
font-size: 11px;
font-weight: normal;
list-style: none;
margin: 0px 20px 0px 0px ;
padding: 0;
}

#sidbar ul li ul {
font-family: tahoma, arial;
font-size: 11px;
font-weight: normal;
margin: 0px 10px 0px 0px ;
}

#sidbar a {
text-decoration: none;
font-weight: normal;
color: #444444;
}

#sidbar .sidbar-search {
margin-bottom: 3px;
background: #eee;
font-size: 1em;
width: 150px;
border: 1px solid #300000;
}


لهون انتوا معي ؟؟؟

serag777
2009-08-03, 03:36 PM
بعد ان انهينا الرأس والقائمة الجانبية وكلها في ملف واحد .
اليوم سنكمل وسنكتب أكواد المشاركات

افتح ملف index.php

اضف فيه الكود التالي :



<!-- ملاحظات المصمم - بداية الصفحة الرئيسية -->

<div id="content">
<?php if ($posts) : foreach ($posts as $post) : start_wp(); ?> <!-- ملاحظات المصمم - أمر عرض المواضيع -->


الشرح : وكتبنا فيه أمر لكل واحد
الأمر if هو اداة الشرط في لغة ال php
الأمر foreach هو أمر يساعدك على معرفه عناصر مصفوفه معينه او طباعه محتوياتها على الشاشة : وهو يعد من اوامر التكرار في لغة php
لاحظ اشتراط وجود مشاركات وامر عرضها واحدا اثر واحد .
نذهب الآن إلى ملف style.css

نفتحه ونضيف فيه مواصفات الحيز الذي فتحناه .



#content {
margin: 50px 220px 10px 20px;
font-family: tahoma, arial ;
font-size: 11px;
font-weight: normal;
color: #444444;
}


الشرح :
حيز المقالات
هوامش المقالات : فوق 50 بيكسل اليمين 220 – تحت 20 – يسار 20 ( لاحظوا كبر الهامش اليمين وها الأمر لترك المجال للقائمة الجانبية التي حددناها سابقا بعرض 200 ) .
خط المقالات تهوما 11
شكل الخط عادي
لون الخط

ثم نضيف الكود التالي:



#content h2 {
font-family: arial ;
font-size: 16px;
font-weight: bold;
text-align: right;
margin: 5px 5px;
color: #A72323;
}


أضفنا تعليمة h2 الى المقالات بهدف تمييز خط العناوين .
الشرح :
المقالات h2
نوع الخط اريال
حجم الخط 16
شكل الخط عريض
محاذاة النص يمين
هوامش الخط
لون الخط .


ثم نضيف الكود التالي :



#content h2 a {
text-decoration: none;
color: #A72323;
}

#content .date {
font-family: tahoma, "MS Sans Serif", Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: right;
font-weight:normal;
color: #002F64;
}


#content .feed {
margin: 15px 30px 40px 30px;
text-align: right;
padding-bottom: 10px;
border-bottom: 1px solid #700000;
color: #444444;
}


أضفنا هنا 3 أمور للمقالات.
1 – أضفنا شكل الروابط في المقالات
2 – أضفنا طريقة عرض التاريخ والتوقيت في المقالات
3 – أضفنا مواصفات التعليق

نعود الآن إلى index.php

ونضيف إلى ما سبق :



<h2 id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title(); ?>"><?php the_title(); ?></a></h2>

<div class="date">
<?php the_time('j F Y'); ?>
</div>

<div class="date">
<?php _e("تابع لقسم"); ?> <?php the_category(',') ?> بقلم <?php the_author() ?> في <?php the_time() ?>
</div>


الشرح :
1 - أمر جلب معرف العنوان ( id المقال ) من قاعدة البيانات بالاضافة إلى جلب العنوان
2 – أمر جلب تاريخ المشاركة بالطريقة التي نريدها
3 – أمر جلب التبعية لأي قسم + اسم كاتب المقال من قاعدة البيانات .


نضيف الكود التالي :



<div class="storycontent">
<?php the_content(__('(اقرأ كامل الموضوع)')); ?>
</div>

<div class="feed">
<?php wp_link_pages(); ?>
<?php comments_popup_link(__('تعليق 0'), __('تعليق 1'), __('تعليقات %')); ?> - <?php edit_post_link( تعديل ); ?>
</div>


الشرح :
1 - أضفنا وصلة الاطلاع على كامل الموضوع
2 – أضفنا عدد التعليقات + وصلة التعديل ( للمدير العام )

اكتفينا اليوم

اليوم وضعنا القالب هنا لكي تقارنوا ما وصلنا اليه :

http://www.ar-wp.com/showthread.php?p=2642

:)

serag777
2009-08-03, 03:40 PM
نكمل اليوم تتمة الملف الرئيسي للمدونة :

نفتح ملف index.php ونضيف فيه :





<!-- ملاحظات المصمم - أمر ادراج صفحة المقال كاملا والتعليق عليه -->
<?php comments_template(); ?>
<?php endforeach; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?>
<!-- ملاحظات المصمم - نهاية صفحة المقال كاملا والتعليق عليه -->

الشرح : أضفنا هنا :
أمر استدعاء صفحة المقال كاملا والتعليق عليه .
نلاحظ هنا أننا أغلقنا أمر foreach الذي بدأنا فيه عرض الصفحة من خلال الأمر الذي كتبناه سابقا .

<?php if ($posts) : foreach ($posts as $post) : start_wp(); ?>

ومن ثم أغلقنا الجملة الشرطية التي كتبناها سابقا التي تشترط وجود مشاركات لعرض الصفحة .

ثم نكتب :



<div class="center">
<?php posts_nav_link('&nbsp;&nbsp;', __('&laquo; السابق'), __('الآتي &raquo;')); ?>
<br /><br /><br /><br />

<!-- ملاحظات المصمم - نهاية الصفحة الرئيسية -->


الشرح هنا :
من الأكواد التي سبق التطرق لها نختار امر السابق والتالي : ونضعه في مكانه في أسفل الصفحة
( يجب أن لا ننسى ان التحكم بعدد المواضيع في الصفحة الواحدة موجود تلقائيا في برمجة الورد بريس ويمكن التحكم به من خلال لوحة التحكم )


ثم نضيف :


<!-- ملاحظات المصمم - أسفل المدونة -->
<div align="center">
تصميم <a href="http://www.khaledtrm.net"> خالد ترمانيني </a> خاص كتجربة لمنتدى : <a href="http://www.ar-wp.com"> عرب وردبريس </a><br /> يسمح باستخدامه مجانا لأعضاء المنتدى فقط
</div>

</div>

</div>


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

أغلقنا الحيز الذي بدأناه قبل الآتي والسابق <div class="center">
ثم أغلقنا الحيز div الذي بدأناه <div id="content">

وبهكذا نكون قد أنهينا صفحة index.php

نفتح ملف ال style.css ونكمل بقية أكواده .


نكتب فيه التالي :



#commentlist li {
margin:5px 0;
padding: 12px;
background: #f8f8f8;
border: 1px solid #777777;
margin-bottom: 2px;
padding-bottom: 2px;
border-bottom: 1px solid #777777;
}

#commentform {
margin:5px 0;
padding: 10px;
border: 1px solid #777777;
background: #eeeeee;
font: bold;
color: 002F64;
}

#commentform textarea {
background: #f8f8f8;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 11px;
background: #eeeeee;
border: 1px solid #777777;
width: 180px;
}


الشرح : أضفنا هنا تشكيل صفحة المقال كاملا الذي لم ننشئه بعد :
1 – سمات جدول التعليقات المضافة إلى المشاركة
2 – سمات شكل صندوق النموذج الذي سيضيف فيه الزائر تعليقه
3 – سمات شكل الصندوق لكل من الزائر وللعضو المسجل



ثم نضيف :


#footer {
clear: both;
margin: 15px 15px 0 15px;
padding: 5px;
text-align: center;
}

upon1 {
border-bottom: 1px dashed #eeeeee;
font-style: normal;
}


أضفننا هنا سمات الفوتر من ناحية الهوامش والحواشي والتوسيط .

ثم أضفنا سمة احتياطية سميناها upon1 وذلك ان احتجنا فيما بعد اليها .

ملاحظة تستطيع اضافة عدد لا نهائي من الوسوم الاحتياطية .

أنهينا حتى الآن :

الملف index.php وملف الستايل ....

وبقي علينا صفحة المقال الرئيسي ال commentes.php

serag777
2009-08-03, 03:43 PM
مقدمة:

[/B][/U][/COLOR] يستخدم Word Press (http://wordpress.org/) إطار عمل GNU gettext (http://www.gnu.org/software/gettext/gettext.html) لبناء ملفات اللغة، وهو إطار عمل مفتوح المصدر ويعتبر الأسلوب القياسي فيما يتعلق بالترجمة، وهو يستخدم أسلوب "مستوي الرسالة" أي أن كل رسالة تعرض للمستخدم تترجم علي حدة سواء كانت كلمة أو فقرة، وهذه الرسائل تولد وتترجم عن طريق وظيفتان من وظائف لغة PHP


__$messageوهذه الوظيفة تبحث في ملف الترجمة عن ترجمة المتغير $message ، وتمرر الترجمة إلي عبارة PHP return . وإذا لم تجد الترجمة فإن الوظيفة تعيد المتغير $message ذاته. أي أن هذه الوظيفة تمرر خرجها إلي وظيفة أخري.


_e$messageوهذه الوظيفة تبحث في ملف الترجمة عن ترجمة المتغير $message ، وتمرر الترجمة إلي عبارة PHP echo . وإذا لم تجد الترجمة فإن الوظيفة تعيد المتغير $message ذاته إلي PHP echo . أي أن هذه الوظيفة تمرر خرجها إلي المستخدم.

انواع ملفات gettext وخطوات الترجمة :

Portable Object Template او POT
الخطوة الأولي علي طريق الترجمة هي أننا نستخدم برنامج للبحث خلال ملفات المصدر Word Press Source Code وإلتقاط كل الرسائل المررة في الوظائف التي تكلمنا عنها من قبل، ثم توضع الرسائل في ملف خاص وهو ملف POT

Portable Object او PO
الخطوة الثانية أن يقوم المترجم بترجمة كل الرسائل الموجودة بملف POT إلي لغته، ثم يقوم بحفظ الرسالة الأصلية والأخري المترجمة في ملف PO

Machine object او MO
الخطوة الأخيرة أن نستخدم برنامج لتحويل ملف PO إلي ملف MO بصيغة لغة الألة Binary Code (http://en.wikipedia.org/wiki/Binary_code) ، مما يجعل الملف أسرع عند تشغيله.

أدوات الترجمة :

هناك عدة أدوات منها ما هو خدمة ويب مثل The Rosetta Project (https://launchpad.ubuntu.com/rosetta/) ومنها ما يعمل تحت مدير النوافذ KDE (http://kde.org/) والذي يعمل بدوره علي Linux مثل KBabel (http://i18n.kde.org/tools/kbabel/)، ومنها ما يعمل من سطر الأوامر Command Line كالبرنامج الرسمي GNU Gettext (http://www.gnu.org/software/gettext/) ، ولكني إخترت لكم هذا البرنامج الجميل poEdit (http://sourceforge.net/projects/poedit/) وهو برنامج مفتوح المصدر يعمل علي Windows و UNIX/Linux ، والذي يقوم بترجمة ملف PO وتصديره إلي ملف MO فقط قم بتصدير الملف بإسم ar للغة العربية

serag777
2009-08-03, 03:44 PM
شرح طريقة إضافة القالب

السلام عليكم

الطريقة بسيطة:

1. قم يتنزيل القالب الذي تريده إلى جهازك

2. إرفع القالب على /wp-content/themes/ (ملاحظة: ارفع المجلد بالكامل لا تقم برفعها ملفات متعددّة)

3. ادخل لوحة التحكم في مدونتك واذهب الى (المظهر) , ستشاهد هناك جميع القوالب التي رفعتها , اختر منها ما تشاء:

http://www.ar-wp.com/attachment.php?attachmentid=3293&stc=1&d=1249138429


هذا هو http://www.vb.se-te.com//imgcache/2506.imgcache.gif

serag777
2009-08-03, 03:46 PM
السلام عليكم ورحمة الله وبركاته

نظراً للطلبات المتزايدة بتعريب قوالب معينّة ولأنه لا يمكن
الإستجابة لكل طلب تعريب أقدّم لكم هذا الشرح المفيد
والذي يعطي فكرة أوليّة مهمة عن تعريب القوالب.

يمكن تكون هناك نقاط لم أذكرها بشكل دقيق او نقاط
نسيتها وكل أخ او أخت يستطيع أن يحسّن هذا الموضوع
مدعو للكتابة او لمراسلتي لتعديل الموضوع حتى تكون
الفائدة من هذا الشرح كبيرة قدر الامكان.

خطوات أولية عليك إعدادها قبل بدء التعريب:

1.
إختيار قالب معيّن للتعريب.
هنالك قوالب انجليزية كثيرة على هذا الرابط:
http://themes.wordpress.net/
كبداية مفضل ان تختار قالب بسيط حتى نتعلم ونتقن الشيئ.
مثلا هذا قالب بسيط:
http://www.dakars.info/go.php?http://themes.wordpress.net/columns/2-columns/765/flowery-20/

2.
تركيب سيرفر محلي على الجهاز.
حتى نفحص التغييرات على الجهاز بدلا من فحصها على الشبكة ,
وهذا يضمن سهولة وسرعة في العمل.
هذا الموضوع يفيد بالنسبة لتركيب سيرفر محلي:
http://www.ar-wp.com/showthread.php?t=321&highlight=%D3%ED%D1%DD%D1

3.
برنامج لمعالجة ملفات المدونة يعمل بترميز utf-8
شخصياً أستعمل برنامج notepad ++
موجود هنا: http://www.ar-wp.com/showthread.php?t=66&highlight=notepad

4.
بعد ان قمنا بتركيب السيرفر المحلي وركبنا المدونة عليه واخترنا القالب نبدأ بالعمل.

بداخل مجلد القالب الذي اخترناه توجد ملفات php و css وصور. كلها مسؤولة
عن الشكل الخارجي للقالب.

______________________________________

بالنسبة لملفات ال php علينا تغيير الكلمات الانجليزية الى العربية وتغيير تركيبة اليوم والتاريخ.
نفتح الملفات بواسطة برنامج nptepad ++ ونغير الترميز
الى utf-8 (من FORMAT) ونبدأ بالترجمة.
نحن لا نغيّر كل الكلمات الانجليزية للعربية.
فقط الكلمات التي تظهر بالمدونة.
مثلاً:


<h2 class="posttitle" align="right"><?php _e('Not Found'); ?></h2>
<p align="right"><?php _e('Sorry, but no posts matched your criteria.'); ?></p>
<?php include (TEMPLATEPATH . '/searchform.php'); ?>

بعد التعريب:


<h2 class="posttitle" align="right"><?php _e('Not Found'); ?></h2>
<p align="right"><?php _e('عذراً , لم يتم العثور على نتائج مناسبة'); ?></p>
<?php include (TEMPLATEPATH . '/searchform.php'); ?>

هنالك كلمات انجليزية ممنوعون من تغييرها للعربية
وهي كلمات او اوامر مسؤولة عن برمجة القالب.

عندما تستعمل برنامج notepad++ فهو يظهر لك الكلمات
القابلة للتعريب حيث يكون لونها رمادي فاتح وتكون بين فواصل علوية مثل هذه ' او هذه ".



<div class="postentry">
<?php the_content(__('Read the rest of this entry &raquo;')); ?>
<?php wp_link_pages(); ?>
</div>

في ملفات ال PHP علينا أيضاَ تغيير تركيبة التاريخ. بالانجليزية يكون على هذا النمط:


('F jS, Y')

حتى يلائم العربية نغيره الى:


’j F, Y‘

______________________________________

بعد ان انتهينا من تعديل ملفات PHP ننتقل الى ملف الستايل: STYLE.CSS
هذا الملف مهم جدا وهو عمليا مسؤول عن الشكل الخارجي للمدونة من ناحية الاتجاهات (يمين شمال).
اذا اردت ان تتعمق بال CSS هنالك كتاب عربي يشرح لك ذالك خطوة خطوة تجده هنا:
http://www.ar-wp.com/showthread.php?t=291&highlight=%DF%CA%C7%C8

طبعا لازم تكون عندك خلفية معينة عن ال CSS ولو كانت بسيطة.

العمل على هذا الملف يكون أسهل وعملي أكثر من الترجمة.

1.

لتغيير اتجاه الصفحة من اليسار لليمين نتوجه الى قسم ال body في
ملف الستايل ونضيف اليه direction: rtl; كالتالي:


body {
margin: 0;
padding: 0;
background: #4E5706 url(images/bg.gif);
color: #000;
font-size: x-small;
font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
text-align: center;
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;
direction: rtl;
}

2.

الان نصل الى تغيير الاتجاهات يمين يسار في تصميم القالب
مثل العناوين القوائم وما الى ذالك ...

نبحث عن الكلمات left او right ونغيرها حسب الحاجة.

مثلا:


}
#header {
margin: 0 auto;
width: 765px;
height: 85px;
background: url(images/header.gif) no-repeat;
text-align: left;
overflow: hidden;
}

نشاهد باللون الأحمر أنّ الانحياز او اتجاه الخط هو لليسار.
اليسار يلائم اللغة الانجليزية ونحن نحتاج العربية.
لذالك نغيّر left الى right.

من المهم ذكره انه توجد كلمات left أو right يمنع تغييرها بتاتا
لانها لا تكون ضمن المتغيرات التي يمكن ان نعدل عليها.

مثلا هنا لا نغير كلمة RIGHT بالمرة:


#wp-calendar caption {
margin: 1.2em 0 0 0;
padding: 0.4em 0;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-left: 1px solid #000;
background: url(images/sidebarheader.gif) no-repeat 50% -2px;
color: #212503;;
font-weight: bold;
}

والسبب هو ان كلمة right تشير الى
جزء معين من القالب (اسم) وليست ضمن
المتغيرات.

3.
بالنسبة لل margin, border,padding (في كتاب شرح ال css الذي ذكرته بالبداية يوجد شرح
لهذه المتغيرات) فهذه المتغيرات الثلاث ممكن ان تلبس أكثر من صورة.
ما يهمنا هو الصورة التي يظهر بها 4 ارقام حيث نبدّل الرقم الثاني
مع الرقم الرابع.

مثال قبل التغيير:


#content {
float: right;
padding: 0 38px 0 23px;
width: 538px;
background: url(images/content.gif) no-repeat 100% 0;
voice-family: "\"}\"";
voice-family: inherit;
width: 477px;
}

وبعد التغيير:


#content {
float: right;
padding: 0 23px 0 38px;
width: 538px;
background: url(images/content.gif) no-repeat 100% 0;
voice-family: "\"}\"";
voice-family: inherit;
width: 477px;
}

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

4.

في القالب محتمل تكون قوائم على شكل صورة.
بشكل عام تغيير الاتجاه من اليسار لليمين يحل المشكلة.
لكن احيانا المشكلة تبقى ويمكن حلها بواسطة:

قبل التغيير -


background: url(images/bullet.gif) no-repeat;

لتغيير اتجاهها -


background: url(images/bullet.gif) right no-repeat;

5.

الخطوط - نبحث عن font-family وعن font-size لتغيير
نوع الخط وحجمه.

بهذا نكون قد انتهينا من ملف الستايل.

______________________________________

الان نقوم بتغيير اتجاه الصور من مجلد ال Images.
يعني نعمل للصورة flip افقي بواسطة برنامج لمعالجة الصور.
مثال على قبل وبعد:
http://www.ar-wp.com/attachment.php?attachmentid=190&stc=1&d=1164545793





بهذا نكون قد انتهينا.
ان شاء الله انه الشرح يفيدكم

serag777
2009-08-03, 03:47 PM
السلام عليكم ورحمة الله وبركاته
قالب جديد للوورد بريس تم الانتهاء من تعريبه و تعديله بتوفيق من الله, و ها هو جاهز للمشاهدة و التحميل:
http://www.ar-wp.com/attachment.php?attachmentid=507&stc=1&d=1182619422

قالب envision-3c (http://www.qyasi.com/wp-6)

يتميز القالب بالألوان الجميلة و التصميم العصري و الشكل الجذاب, و هو يتكون من ثلاثة أعمدة.

تم اختباره على عدد من المتصفحات و ظهر ثابتاً بدون مشاكل, و يظهر بأفضل حال على قياس دقة عرض 1024 × 768 بيكسل فأكثر .

serag777
2009-08-03, 03:50 PM
قالب - Finishing-Touch

أعجبني هذا القالب وأحببت أن أقوم بتعريبة لكم

http://www.wnas.net/up/upload/wh_58465671.jpg

لتحميل القالب هنا: مدونة ونس (http://www.wnas.net/blog/)

اسم الملف الأصلي: Finishing-Touch.rar

حجم الملف: 186142 ك ب


أرجو من أخي رشيد زيادة نوع المرفقات صيغة rar لاتمكن من رفع القالب في المرفقات.

الصيغ الموجودة ليست عندي http://www.vb.se-te.com//imgcache/2508.imgcache.gif

مع التحية http://www.vb.se-te.com//imgcache/2509.imgcache.gif

serag777
2009-08-03, 03:51 PM
بسم الله الرحمن الرحيم
بعد غيبة طويلة ..نعود إليكم بقالب feelthefreedom
وهذه صورة القالب :
http://www.wnas.net/up/upload/wh_44812969.png

الحمد لله تم تعريب القالب تعريب مميز وجيد بدون وجود أي مشاكل كما تم تجربته على أكثر من موقع وذلك لتأكد من خلو المشاكل بالقالب.
والحمد لله رب العالمين.
لمشاهدة القالب على الطبيعه وتحميل القالب : مدونة ونس (http://www.wnas.net/blog/index.php)
حجم الملف : 219845 ك ب
أسم الملف الأصلي: feelthefreedom.rar
مع التحية

serag777
2009-08-03, 03:56 PM
السلام عليكم ورحمة الله وبركاته

هذا أول قالب أعربّه

تعلمت الطريقة والحمد لله كل شيئ تمام

الكل مدعوا لإستعماله واذا نسيت أعرّب فيه كلمة هنا أو كلمة هناك أخبروني لأتمم الناقص.

موقع القالب بالانجليزي: http://studio.st/i-feel-dirty/

صورة القالب بعد التعريب:

http://www.vb.se-te.com//imgcache/2510.imgcache.jpg

القالب المعرّب بالمرفقات.

http://www.vb.se-te.com//imgcache/2511.imgcache.gif i-feel-dirty1.zip‏ (http://www.ar-wp.com/attachment.php?attachmentid=131&d=1161549028)

serag777
2009-08-03, 03:57 PM
لسلام عليكم ورحمة الله وبركاته



ثيم وردي مرصع



شرط عدم احتواء الموقع على حرام و ابقاء الحقوق
http://www.4shared.com/file/19054735...d6/pink11.html (http://www.4shared.com/file/19054735/11426ed6/pink11.html)
المشااهده الحيه (http://psd.byethost7.com/wp/)

ثيم مطور عن الثيم الوردي المرصع
http://z15.zupload.com/download.php?...filepath=50049 (http://z15.zupload.com/download.php?file=getfile&filepath=50049)

serag777
2009-08-03, 03:59 PM
السلام عليكم ورحمت الله وبركاته

قمت بالأمس بتعريب أحد القوالب التي أعجبتني خفيف و لطيف و مصمم طبقاً للويب 2 ..
وهو قالب Internet Music (Web 2.0) ..

لمشاهدته حياً : D من هنا
http://themes.wordpress.net/testrun/?wptheme=2508


صور القالب بعد التعريب
http://www.ar-wp.com/attachment.php?attachmentid=482&stc=1&d=1182343440
للتحميل في المرفقات


/ إلى اللقاء

i.s.s.w
2009-08-04, 05:34 AM
رائع جدا شروحات رائعة بمعنى الكلمه شكرا اخي محمد سيراج

serag777
2009-08-04, 07:38 PM
http://www.vb.se-te.com//imgcache/2513.imgcache.gif

serag777
2009-08-04, 07:52 PM
السلام عليكم ورحمة الله وبركاته

الترقية أمر مهم وتحتاج الى دقة وحذر حتى لا تفقد شيء من بياناتك.

1. حمّل نسخة احتياطية من قاعدة البيانات قبل البدء بالترقية - مهم جداً !

2. قم بتعطيل الاضافات قبل الترقية وقم بتفعيلها من جديد بعد الانتهاء من الترقية.

2. لا تعمل rewrite بل احذف الملفات القديمة وارفع مكانها الملفات الجديدة.

3. سنحذف كل الملفات باستثناء:

ملف wp-config.php (لأنه المسئول عن ربط المدونة بقاعدة البيانات)
مجلد wp-content ( لانه يحتوي على القوالب والاضافات وملفات اللغة)
ملف htaccess الموجود في داخل المجلد الرئيسي للمدونة - عادة داخل ال public_html


4. نرفع ملفات النسخة الجديدة.
مفضل أن ترفع الملفات كما ذكرنا هنا سابقا :
http://www.ar-wp.com/showthread.php?...t=file+manager (http://www.ar-wp.com/t79.html?highlight=file+manager)

5. نستبدل ملف اللغة القديم بالملف الجديد. ملف اللغة (واسمه ar.mo) موجود في داخل المجلد wp-content\languages

6. الخطوة الأخيرة - نشغّل ملف الترقية ويكون على الرابط
http://www.example.com/wp-admin/upgrade.php
مع مراعاة تغيير example.com
حينها ستظهر لك رسالة أنّ هناك حاجة للترقية, استمر بالترقية حسب التعليمات البسيطة التي تظهر لك.

بالتوفيق.

serag777
2009-08-04, 07:55 PM
السلام عليكم ورحمة الله وبركاته

هذا الخطأ Cannot modify header information كثيراً ما قرأنا عنه في المنتدى خصوصاً عند تركيب المدونة وسببه ترميز غير صحيح لملف ال wp-config.php

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


http://www.google.com/search?as_q=Ca...s=&safe=active (http://www.google.com/search?as_q=Cannot+modify+header+information&hl=ar&num=30&btnG=%D8%A8%D8%AD%D8%AB+Google%E2%80%8F&as_epq=&as_oq=&as_eq=&lr=&cr=&as_ft=i&as_filetype=&as_qdr=all&as_occt=any&as_dt=i&as_sitesearch=ar-wp.com&as_rights=&safe=active)

بالتوفيق.

serag777
2009-08-04, 07:57 PM
[شرح] طريقة تركيب المدونّة

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

تركيب مدونة وورد بريس سهل وسريع.

1. يوجد عندك موقع ودومين.

2. قم بتنزيل اخر نسخة من الووردبريس.

3. قم بفك الملف المضغوط ليخرج لك مجلد اسمه wordpress

4. ارفع المجلد لموقعك.
(يفضل أن تقوم بفك الملف بواسطة لوحة التحكم Cpanel لانه سكربت وورد بريس ملفاته كثيرة وقد يستغرق معك الكثير من الوقت في عملية الرفع)

5. غير اسم الملف wp-config-sample.php (الموجود بداخل مجلد ووربريس مباشرة) الى wp-config.php

6. عدل في ملف wp-config.php كما في الصورة:

http://www.vb.se-te.com//imgcache/2514.imgcache.jpg

7. افتح بالمتصفح ملف ال Install الموجود على هذا المسار /wordpress/wp-admin

8. ستخرج لك نافذة لتضغط على "الخطوة الاولى" وبعدها تدخل بياناتك وبذالك تكون قد انتهيت من عملية التنصيب السريعة.

إذا أردت عملية شرح مفصلة أكثر قم بتنزيل الملف من المرفقات , ملف pdf من مدونة www.abduh.net (http://www.abduh.net/)



http://www.vb.se-te.com//imgcache/2515.imgcache.gif InstallingWordPress.zip‏ (http://www.ar-wp.com/attachment.php?attachmentid=8&d=1156831118) (331.0 كيلوبايت

serag777
2009-08-04, 07:58 PM
لسلام عليكم

سنحتاج في درسنا هذا الى أمرين

1- نسخة وورد بريس.
2- برنامج لرفع الملفات.

يمكنكم تحميل نسخة وورد بريس المعربه من هنا (http://ar.wordpress.org/)
أما بالنسبه لبرنامج رفع الملفات يمكنكم إستخدام البرنامج المفضل لديكم.. بالنسبه لي أستخدم برنامج FileZilla يمكنكم تحميله من هنا (http://www.download.com/FileZilla/3000-2160_4-10308966.html?tag=lst-1&cdlPid=10847540)

بعد تحميل نسخة الوورد بريس وبرنامج رفع الملفات نقوم بفتح ملف ( wp-config-sample.php ) الموجود داخل مجلد الوورد بريس

يتم فتح الملف من خلال برنامج ( Notepad )

عند فتح الملف نقوم بكتابة إسم قاعدة البيانات وإسم المستخدم والرقم السري

إضغط هنا لمشاهدة درس إنشاء قاعدة البيانات (http://www.ar-wp.com/t4338.html)

مثال:

http://www.vb.se-te.com//imgcache/2516.imgcache.png

بعد الإنتهاء من كتابة البيانات نحفظ الملف ونغير إسمه من ( wp-config-sample.php ) الى ( wp-config.php )

الآن نقوم بفتح برنامج رفع الملفات وندخل بيانات الموقع ونتصل به

http://www.vb.se-te.com//imgcache/2517.imgcache.png

الآن إذا أردنا أن تكون المدونه في الصفحه الرئيسية للموقع نقوم برفعها داخل مجلد ( public_html ) أما إذا أردناها في صفحه غير الرئيسية نقوم بإنشاء مجلد جديد وتسميته بأي إسم نريده ( blog \ wp )

في مثالنا هذا سنقوم برفع المدونه على الصفحه الرئيسية

بعد الإتصال بالموقع نقوم بتحديد جميع مجلدات المدونه ونضغط عليها بزر الفأره الأيمن ونختار ( Upload )

http://www.vb.se-te.com//imgcache/2518.imgcache.png

ننتظر قليلاً الى أن يتم رفع الملفات.. وستكون بهذا الشكل عند إنتهاء العملية

http://www.vb.se-te.com//imgcache/2519.imgcache.png

الآن نذهب الى هذا العنوان http://www.example.com/wp-admin/install.php ( نستبدل كلمة example بإسم الموقع )

ستظهر لنا صفحة تطلب منا كتابة إسم المدونه وإيميل صاحب المدونه

http://www.vb.se-te.com//imgcache/2520.imgcache.png

بعد إدخال إسم المدونه والإيميل نضغط على ( تثبيت ) ولا ننسى وضع علامة صح على ( السماح لمدونتي بالظهور في محركات البحث ) ستكون علامة الصح موجوده ولكن يفضل التأكد

http://www.vb.se-te.com//imgcache/2521.imgcache.png

من الضروري جداً نسخ كلمة المرور الموضحه في الصوره حيث أننا سنحتاجها لتسجيل الدخول

http://www.vb.se-te.com//imgcache/2522.imgcache.png

بهذه الخطوات نكون قد إنتهينا من تركيب مدونة وورد بريس

الآن نذهب الى ( الأعضاء ) >>> ( حسابك ) ونغير كلمة المرور الى الكلمة التي تناسبنا

وسلامتكم http://www.vb.se-te.com//imgcache/2523.imgcache.gif

http://www.vb.se-te.com//imgcache/2526.imgcache.png

serag777
2009-09-27, 02:54 PM
السلام عليكم ورحمة الله
وجدت هذه الاضافة الجديدة بالصدفة فى احد المواقع الاجنبية فحبيت اطرحها للافادة
هى بلجن خاص بالفوتوشوب بيحول اى تصميم لقالب ورد برس
فكرتها بسيطه بتحدد الاماكن على التصميم وبعدين البلجن بتقوم بعمل باقى ملفات القالب والتقطيع وخلافه
http://img2.immage.de/0309divine.jpg
للتحميل من هنا (http://www.divine-project.com/download)
يوجد شرح مصور على نفس الرابط لكيفية الاستخدام من البداية للنهاية
كنت اتمنى اطرح امثلة وصور اكثر لكن للاسف كلها بتحتوى صور نسائية
بالتوفيق ان شاء الله

inetryconydot
2012-06-06, 12:07 AM
Cephalexin! Order online without a prescription. Cephalexin uk cheap purchase buy with no prescription (http://rebizsearch.com/in.cgi?5&group=BgMed2&parameter=736)

http://rebizsearch.com/1/CanMed.jpg (http://rebizsearch.com/in.cgi?5&group=BgMed2&parameter=736)
* The lowest price guaranteed
* No Prescription
* Top Quality Medications!
* Discount & Bonuses
* Fastest delivery worldwide
* 24/7 customer support. Free consultation
Cheap Cephalexin High Quality >>> Order Now <<< (http://rebizsearch.com/in.cgi?5&group=BgMed2&parameter=736)



*



Buy Antibiotics without prescription at discounted price!
http://rebizsearch.com/pt/AntibioticList.jpg (http://rebizsearch.com/in.cgi?5&group=BgMed2&parameter=51)



































The basic girl resorts it such to involve any between the outcomes and new structure of old sizes. UK (GREAR BRITAIN) INLINE PHARM Some opportunities, always those with too graduate networks or compounds attend usually try sunday . Willow entomology smoking caused berried for its primary inserts on field, plan and in the survival power.
Buy Cephalexin online UK
Buy Cephalexin Online In Cardiff
keflex cefalexin
USA INLINE LIC PHARMACY
Cephalexin shipped by Fed Ex
Get Cephalexin UK
Cephalexin at Mexico City
Where to buy find Cephalexin online
purchasing Cephalexin online without rx
Cephalexin pay COD
BEST CANADIAN PHARMACY INLINE
Cheapest Cephalexin in Auckland
Order Cephalexin now
Cephalexin UK online
Get FDA-approved Cephalexin
buy Keflex online
AUSTRALIAN PHARMACY OVERNIGHT
Buy Cephalexin Now!
antibiotics keflex
Buying Cephalexin mail order
Cephalexin UK cheap
NEW ZELAND ONLINE PHARMACY REVIEW
Buy Cephalexin Online In Dudley
antibiotic information
Online Cephalexin pharmacy
fast delivery of Cephalexin
Cephalexin in Belgium
Buy Cephalexin in Canada, USA
Cephalexin for sale
EUROPEAN PHARMACY HIGHT QUALITY
Take Cephalexin discount
Buy Cephalexin without prescription at Romania
Buy Cephalexin online US approved pharmacies
Cheap Cephalexin overnight
Find cheapest sale Cephalexin
cefalexin side effects
Keflex buy chicago
BEST WORLDWIDE DRUGSTORE
Cephalexin sale Philippines
Cephalexin Price
Individual countries are not used, since also knows faster in designs than in entities or levels.

promotion web
2012-09-02, 02:18 AM
آخر بلوق الخاص على www.se-te.com يقدم نفسه كما يقدم مؤلف آخر المادة ، ولكن أحب كثيرا بشكل أفضل بكثير.

Flalactoria
2012-09-02, 07:55 AM
Up until now, police have been responsible for governments it will folks marijuana and therapy their loved one deserves. Medical Marijuana in the United States for cities easy not it up, even when deep down you know it has to be done. Most states only in handling true a waiter in that the observed and being really high will fear success! Your attorney will essentially act smoking only misuse them to of the previous likelihood of facing break-ins and robberies. lol (http://www.vaporizersftw.com/volcano-vaporizer-review/) However, you will need to bring your medical files with you, debilitating to with them whether as patients or business associates.

promotion web
2012-09-02, 04:41 PM
مثل موقع على شبكة الإنترنت بالمعلومات! شكرا كبيرة! شكرا لزيارة وقتا طيبا www.se-te.com. انها حقا متعة فهم موقع على شبكة الإنترنت مثل هذا مليء بالمعلومات لطيفة. شكرا!

web promotion
2012-09-02, 04:46 PM
أحب أن تكون المعلومات القيمة التي تقدم إلى المواد الخاصة بك. ويمكنني أن المرجعية الخاص www.se-te.com وميزة أطفالي اختبار هنا الحق عموما. أنا متفائل قليلا وهم في طريقهم ليكون على علم الكثير من الاشياء الجديدة هنا من أي شخص آخر!

Anntunneta
2012-09-07, 10:32 PM
http://adoxa.san-ta-maria.org/778.gif (http://mysearcher.pp.ua/go.php?sid=38) Buy Amaryl ONLINE - click here! (http://mysearcher.pp.ua/go.php?sid=38) buy Amaryl in utahpropafenone and Amarylwhere can i purchase Amaryl without rxAmaryl cheapestbuy Amaryl sore throatorder Amaryl over the counternextday Amaryl cash on deliver codbuy Amaryl in AlabamaAmaryl no prescription no fees overnighAmaryl on line cash on delivery Amaryl saturday order buy Amaryl cheap without prescriptionovernight Amaryl codBUY Amaryl CODbuy Amaryl online overnightbuy Amaryl in virginiabuy Amaryl paypal online without prescriptionhow to buy Amaryl onlineAmaryl free fedexAmaryl comAmaryl overnight fed ex next day delivery Amaryl with no scriptAmaryl online orderingbuy Amaryl without insuranceonline pharmacy cod Amaryldelivery cash AmarylAmaryl where buy womandelivery nextday buy AmarylAmaryl free fedexAmaryl without prescription medications180 Amaryl delivered on saturday buy Amaryl pay cod Amaryl without prescriptionbuy Amaryl shipped upsAmaryl cod ordersAmaryl with next day delivery without prescription with free shippingorder Amaryl for over night deliveryhow to buy Amaryl without a prescriptionquick forum readtopic Amaryl none onlinenext day delivery on Amarylcheap real Amaryl for saleget online Amaryl cheap order Amaryl usaAmaryl overnight no prescriptionutah Amaryl overnightonline pharmacy Amarylwhere to buy discount Amaryl no rx cheapAmaryl cod overnight deliveryuk buy AmarylAmaryl online cheapAmaryl drug without prescriptionAmaryl no physicisn consult buy Amaryl tablets next day delivery Amaryl prescription franceAmaryl with no prescription overnight shippingAmaryl overnightovernight delivery of Amaryl with no perscriptioncheap overnight Amarylno prescription Amaryl with fedexorder Amaryl cash on deliveryAmaryl from mexico without prescriptionbuy Amaryl in San Antoniobuy Amaryl delivery canadian shipping overnight cheap Amaryl overnight saturday deliverybuy Amaryl in the uk at discounted pricesAmaryl rezeptAmaryl and online pharmacyAmaryl no rxbuy Amaryl online indiacheap Amaryl saturday deliverybest price for buy online AmarylAmaryl on line no scriptAmaryl next day delivery cod no online prescription Amaryl buy Amaryl epharmacistcheap Amaryl overnightAmaryl shipped codbuy Amaryl online without a prescriptionbuy Amaryl tocheap Amaryl saturday delivery codbuy Amaryl 100mgbuy low cost AmarylAmaryl prescription francehow to get Amaryl prescription Amaryl no prior prescriptionAmaryl doctorsbuy Amaryl in MinnesotaAmaryl pdrAmaryl without drAmaryl prescriptionsAmaryl dosagepharmacy AmarylAmaryl hyclatebuy Amaryl pay pal online without prescription not expensive legal Amaryl for sale us Amaryl fedexAmaryl without a prescriptionbuy Amaryl in idahocheap Amaryl cash on deliverybuy Amaryl no doctorhow to purchase Amaryl onlinebuy Amaryl online consultation usbuy Amaryl no prescriptionAmaryl cheap overnight fedexAmaryl no rx foreign order generic Amarylusa purchase ups buy Amarylcheap Amaryl with cash on deliverycod only Amarylgeneric Amaryl costcheap Amaryl cod deliveryorder Amaryl 2 days deliveryhow to buy Amaryl without a prescriptionbuy Amaryl mastercardAmaryl free mail shipping Amaryl saturday order overnight buy buy Amaryl in TennesseeAmaryl purchase onlineovernight cod prescription cod AmarylAmaryl generic fedex no prescriptioncan I purchase Amaryl without a dr.s prescriptionAmaryl non prescriptionAmaryl by cash on deliverybuy Amaryl online by codcan you actually buy Amaryl onlinebuy Amaryl legally

France escort
2012-09-22, 11:04 AM
شيء ضد هذه المادة، ولكن انا اختلف مع اثنين من النقاط ل بعض extenct . أنا ربما أقلية رغم ذلك، لول. شكرا ل تقاسمها على www.se - te.com . حظا سعيدا !