بدايتك من هنا

الشكل الخارجي للفريم و كيفية وضع اسكربت البداية توكلنا على الله

Introduction

. An overview of horus and how to use it have fun

تصميم قالب لعمل اسهل و اسرع للمصميمن و مطورين المواقع بالعربي

تغير عرض القالب

عند بداية العمل ستجد ان عرض حورس فريم وورك px1024 ولكن يمكنك تغير العرض الى اي مقاس تريدة و سيظل العمل على12 جريد كما هو

سهل الاستعمال

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

خصيصا للعرب

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

اللغات الحديثة

تم بناء حورس فريم وورك حتى يتلاقم مع اللغات الحديثة مثلHTML5-CSS3 و يعطي لك ايضا بعض المساعدات الازمة لاي موقع متغير الاحجام

شكل الملف كامل بجميع محتوياتة

index.html
css
arabic.responsive.css
arabic.responsive.min.css
effects.css
effects.min.css
style.css
less
style.css
style.less
reset.less
grid.less
effects.less
js
script.js
img
htaccess.

تعرف على فايل index.html و محتوياتة

					<!DOCTYPE html>

						<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
						<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
						<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
						<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->

					    <head>
					        <"meta charset="utf-8>
					        <"meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1>
					        <title>Arabic HTML responsive grid</title>
					        <"meta name="viewport" content="width=device-width>

							<!--  favicon.ico -->

					        <"link rel="stylesheet" href="css/arabic.responsive.min.css>
					        <"link rel="stylesheet" href="css/style.css>
					        <"link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet>
							<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script>
					    </head>

					    <body>

							<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
					        <script src="js/script.js"></script>
					    </body>

					</html>
			

شرح اهم فايلات الاستايل و الاسكريبت في head

  • هو الفايل الخاص بحورس فريم ووركarabic.responsive.min.css

  • هذا الفايل خاص بك و يمكنك تغير اسمة اذا احببتstyle.css

  • هو فايل الايكونات و يوجد به مجموعة كبيرة انظر اسفلfont-awesome.css

  • هو المسؤل الاول عن كيفيت التعامل مع التحديثات و البروزرات القديمةmodernizr.min.js

  • الايكونات Icons

    حورس فريم وورك يتعامل مع اكبر موقع للايكونات و هو الموقع الذي تعامل مع Bootstrap يمكنك القاء النظر على الموقع و محتوياتة .

    Font Awesome

				<"link rel="stylesheet" href="css/arabic.responsive.min.css>
		        <"link rel="stylesheet" href="css/style.css>
		        <"link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet>
				<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script>
			

شرح اهم فايلات الاستايل و الاسكريبت في footer

  • جي كواري لينكjquery.min.js

  • الفايل الاسكربت الخاص بكscript.js

				<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
		        <script src="js/script.js"></script>
			

شرح اهم فايلات في less

  • الفايل الخاص بكstyle.less ويكون الاستهدافstyle.css في نفس الفايل

  • الفايرت التابعةreset.less--grid.less--effects.less

				<"link rel="stylesheet" href="less/style.css>