شرح طريقة تصميم استايل style بلانت

[linnou]

http://www.dzbatna.com/images/icons/icon30.gif ط´ط±ط* طھطµظ…ظٹظ… ط§ط³طھط§ظٹظ„ ط¨ظ„ط§ظ†طھ (http://www.dzbatna.com/t1535504/)




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

كيف حالكم ياشباب

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

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

المهم دقيت شسمه

ورحت فتحت النت وفتحت سكربت بلانت..

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



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

بتحصل ملف اسمه styles

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

ادخل على واحد الشرح طريقة راح يكون على ستايل style Black

ندخل عليه http://www.dzbatna.com/images/smilies/cupidarrow.gif

تحصل ملفات الاستايل style :
طبعا بتهمنا جميعها وانا بعطيكم المهم منها الا وهو الرئيسيه
بتحصلون بعض لملفات متكرره مرتين
مثال:
header.htm
header_ar.htm
فايده الملفين الاول للغه الانجليزيه
والاخر للعربيه http://www.dzbatna.com/images/smilies/shiny01.gif
نزل الملف بجهاز
وافتح الملف العربي
header_ar.htm
بالفرونت بيج


http://dc01.arabsh.com/i/01393/swgrurd6711v.png

طبعا اللون اسود كامل لاني اخترت الاستايل style black

الان سوي تحديد للصفحه وغير لون الخط للون الابيض
http://dc02.arabsh.com/i/01393/3rld9iovx1ci.png




لاحظو ظهر لنا كلمتين
HTML clipboard$cart
HTML clipboard
HTML clipboard$langlist

الاولى وهي اختصار تقريبا لـ
http://dc11.arabsh.com/i/01393/8biemgwjjl00.png
والثانيه $langlist هي اختصار لـ


http://dc11.arabsh.com/i/01393/qy39fhjjqe2v.png



يعني الكلمتين هذولا وين ماتحطهم بالتصميم يطلع معاك سله المشتريات واللغه صراحه عجبتني من المبرمج http://www.dzbatna.com/images/smilies/icon30.gif


الان هذا الهيدر header امسح اللي فيها وسوي اللي تبيه ونزل الاختصارين وين ماتبغى وهم يشتغلون تلقائي http://www.dzbatna.com/images/smilies/bleh.gif

انسخ التعديل ونزله بالملف الاخر .. لاحظ هم ملفين واحد عربي والاخر انجليزي مثلا عدلت انت بالعربي انسخ التعديل ونزله بالانجليزي حتى يشتغل باللغتين .. http://www.dzbatna.com/images/smilies/blushing.gif
-----------------------------------------------------------------------

نرجع لسكربت بلانت ونحصل ملف
footer_ar.htm
footer.htm

وايضا نفس الموضوع هذا الفوتر باللغه العربيه والانجليزيه
عدل في واحد منهم وسوي له حفظ

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

بعد ماعدلنا ع الهيدر header والفوتر الان نبغى نعدل على محتوى الموقع


نرجع لملف الاستايل style الافتراضي ونحصل ملف اخر اسمه
/homepage_ar.htm
/homepage.htm

طبعا هذا عربي =/homepage_ar.htm
وهذا اللغه الانجليزيه = homepage.htm

نفتح واحد منهم ونقول ملف homepage_ar.htm

بالفرونت بيج
وقبل اي خطوه اضغط بالزر الايمين بالماوس
تحصل خصائص الجدول اضغط عليه
بتحصل خيار مكتوب فيه اتجاه الجدول
خليه من يمين ليسار وسوي حفظ

راح تلاحظ التصميم انعكس من يمين ليسار http://www.dzbatna.com/images/smilies/shiny01.gif

صوره

http://dc01.arabsh.com/i/01393/g3fw939jgr5r.png


لاحظو ظهرت كلمات انجليزيه .. http://www.dzbatna.com/images/smilies/bigsmile.gif
نلاحظ ع اليمين فوق اول مربع
HTML clipboard

$loginlang

$rightmenu


وهذا يعني تسجيل الدخول للعملاء http://www.dzbatna.com/images/smilies/bigsmile.gif
تحته بالضبط
HTML clipboard

$newslang

$homepagenews

وهذا كود code اخر الاخبار


تحته بالضبط كود code
HTML clipboard
$maillistlang

$mai_subscribe
$mai_putemail




وهذا يعني الاشتراك بالبريد

وتحته
HTML clipboard
$rblocks


$domainsearch com net org biz info tv
$arabicdomains


وهذا يعني بحث الدومينات

نروح ع اليسار بالضبط فوق بتحصل

HTML clipboard$chatoffers_block
$design_show_block

وهذا كود code عروض الدردشه http://www.dzbatna.com/images/smilies/blushing.gif

تحته بتحصل
HTML clipboard
$resellerslang $homepagereseller

عروض الريسلر

وتحته بتلقى

HTML clipboard
$serverslang $homepageservers

عروض السيرفر SERVER

نروح ع اليمين شوي نحصل كود code فوق بالاعلي
HTML clipboard
$hosatinglang $homepagehosting

كود code عروض الاستضافه

http://www.dzbatna.com/images/smilies/bigsmile.gif

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

كذ1 تمام الان عندنا الاكواد http://www.dzbatna.com/images/smilies/blushing.gif
نحفظ الاكواد ومهماتها

امسح جميع مافيه الملف وسوي التصميم على كيفك http://www.dzbatna.com/images/smilies/bigsmile.gif

مثلا سويت انا تصميم وخلصت بضيف فيه الاكواد وبحث الدومينات وكذ1

ناخذ كود code بحث الدومين اللي هو قلنا فوق :
HTML clipboard$rblocks


$domainsearch com net org biz info tv
$arabicdomains


وانسخه والصقه بالمكان اللي تبغاه بالتصميم
ومثلا دخول الاعضاء ناخذ الكود code ونضيفه بالمكان المناسب
ووكذالك جميع الاكواد
وغير الالوان زي ماتبغى وسوي التصميم زي ماتبغى وارفع صور زي ماتبغى http://www.dzbatna.com/images/smilies/blushing.gif

الان احفظ الملف /homepage_ar.htm و /homepage.htm

اللي عدلنا عليهم


روح ارفعهم بنفس مسارهم اللي فيه
style /blck وارفعهم فوق الملفات القديمه http://www.dzbatna.com/images/smilies/bigsmile.gif

روح لرئيسيه الموقع بتحصل اشتغل تصميمك زي الفل http://www.dzbatna.com/images/smilies/shiny01.gif
طبعا انا حطيت لكم الفوتر والهيدر header والاندكس التصميم الرئيسي للموقع

اما الملفات الثانيه تقدرون تعددلون عليها نفس الطريقه اللي عدلنا فيها

الملفات الاخرى لـ التسجيل واللوحه و وكتابه تذكره
وعدلهم زي ماتبغى طبعا الهيدر header والفوتر راح يظهر فيهم كلهم تلقائي http://www.dzbatna.com/images/smilies/blushing.gif

وبكذ1 تكون صممت استايل style لسكربت بلانت http://www.dzbatna.com/images/smilies/nosweat.gif

يالله موفقين
والشرح طريقة متعوب عليه ولو انه بالرسام وبسيط http://www.dzbatna.com/images/smilies/crazy.gif

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






التعديل الأخير كان بواسطة Security Systems; 17 - 04 - 2014 الساعة 17:37

ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)




https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©