nice_boy_a
سه شنبه 18 شهریور 1393, 18:26 عصر
با سلام.
این روزا استفاده از قالب های زیبا و حرفه ای مد شده! و اکثر سایت های خارجی با این قالب ها پیاده سازی شدن، هر چند تعداد معدودی از سایت های ایرانی از این قالب ها استفاده می کنن ولی خب انتظار میره که این تعداد معدود رو به افزایش باشه و برنامه نویسا و طراحان قالب خودشونو بروز کنن.
با خوندن پست یکی از دوستان (ایجاد پنل مدیریت زیبا (http://barnamenevis.org/showthread.php?468351-%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%D9%BE%D9%86%D9%84-%D9%85%D8%AF%DB%8C%D8%B1%DB%8C%D8%AA-%D8%B2%DB%8C%D8%A8%D8%A7)) بر آن شدم که توضیح مختصری در مورد چگونگی استفاده از این قالب ها بدم.
این تریپ قالب ها با فریمورک های معروف پیاده سازی میشن (مثله bootstrap)، و برای توسعه دادن این قالب ها نیاز به دانش css، html و در صورت استفاده ی قالب، javascript یا jQuery می باشد.
قالب های مذکور بیشتر برای پنل های مدیریتی استفاده میشن و معمولا فایلی با نام index.html دارن که صفحه اول یا به قول معروف داشبورد سایت محسوب میشه!
ببینید دوستان لازم نیست همه ی اون المنت های داخل قالب رو داخل پنل مدیریت خودتون بگنجونید! هدف طراح قالب از قرار دادن این المنت ها اینه که بگه با این قالب المنتها به این صورت نشون داده میشن!
خب بریم سر اصل مطلب!
برای استفاده از این قالب ها در پنل مدیریت باید چیکار کرد ؟
فایل index.html رو باز کنید،کد های درون تگ head رو داخل تگ head صفحه ی مدیریت خودتون (Default.aspx) کپی کنید! اگه دقت کنید می بینید که یه سری فایل css و js به صفحه اضافه شده که آدرس اونا توی پروژه شما نیست، زحمت بکشید و اون فایل ها رو هم به پوشه پروژه ی خودتون بیارید و آدرس تگ ها رو درست کنید!
قدم بعدی اضافه کردن کد های درون تگ body به صفحه ی Default پروژمونه، این کد ها رو هم مثل قسمت head به body صفحه انتقال بدین.
کد ها نظم خاصی دارن و با کمی دقت میشه کدهای هر قسمت از صفحه رو تشخیص داد، معمولا زیاد با قسمت Content سر و کار نداریم(مگر در موارد خاص)، می تونید به جای اون نمودار ها و ... کد های خودتون اعم از GridView، DataList یا ... رو اضافه کنید.
منو ها هم که مشخصه، می تونید به راحتی اسم برچسب هر منو رو عوض کنید و یه صفحه واسه اون درست کنید و لینکش رو به صفحه جدید بدید.
نکته : چون پنل مدیریت شامل چندین صفحه میشه، میتونید موارد بالا رو توی MasterPage اعمال کنید، که توی همه ی صفحه ها منو وجود داشته باشه.
از بقیه ی صفحه ها هم بنا به سلیقه ی خودتون می تونید به همین روش استفاده کنید.
لازم به ذکره استفاده از این قالب ها ربطی به استفاده از روش برنامه نویسی یا استفاده از تکنولوژی خاص نداره!
چون این دست قالب ها تو اینترنت زیاده من دیگه آپلود نکردم، با یه سرچ کوچیک می تونید کلی از این قالب ها رو ببینید! کافیه عبارت Admin Template Free یا عبارت های مشابه رو بزنید!
دوستان اگه سوالی بود من درخدمتم!
این روزا استفاده از قالب های زیبا و حرفه ای مد شده! و اکثر سایت های خارجی با این قالب ها پیاده سازی شدن، هر چند تعداد معدودی از سایت های ایرانی از این قالب ها استفاده می کنن ولی خب انتظار میره که این تعداد معدود رو به افزایش باشه و برنامه نویسا و طراحان قالب خودشونو بروز کنن.
با خوندن پست یکی از دوستان (ایجاد پنل مدیریت زیبا (http://barnamenevis.org/showthread.php?468351-%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%D9%BE%D9%86%D9%84-%D9%85%D8%AF%DB%8C%D8%B1%DB%8C%D8%AA-%D8%B2%DB%8C%D8%A8%D8%A7)) بر آن شدم که توضیح مختصری در مورد چگونگی استفاده از این قالب ها بدم.
این تریپ قالب ها با فریمورک های معروف پیاده سازی میشن (مثله bootstrap)، و برای توسعه دادن این قالب ها نیاز به دانش css، html و در صورت استفاده ی قالب، javascript یا jQuery می باشد.
قالب های مذکور بیشتر برای پنل های مدیریتی استفاده میشن و معمولا فایلی با نام index.html دارن که صفحه اول یا به قول معروف داشبورد سایت محسوب میشه!
ببینید دوستان لازم نیست همه ی اون المنت های داخل قالب رو داخل پنل مدیریت خودتون بگنجونید! هدف طراح قالب از قرار دادن این المنت ها اینه که بگه با این قالب المنتها به این صورت نشون داده میشن!
خب بریم سر اصل مطلب!
برای استفاده از این قالب ها در پنل مدیریت باید چیکار کرد ؟
فایل index.html رو باز کنید،کد های درون تگ head رو داخل تگ head صفحه ی مدیریت خودتون (Default.aspx) کپی کنید! اگه دقت کنید می بینید که یه سری فایل css و js به صفحه اضافه شده که آدرس اونا توی پروژه شما نیست، زحمت بکشید و اون فایل ها رو هم به پوشه پروژه ی خودتون بیارید و آدرس تگ ها رو درست کنید!
قدم بعدی اضافه کردن کد های درون تگ body به صفحه ی Default پروژمونه، این کد ها رو هم مثل قسمت head به body صفحه انتقال بدین.
کد ها نظم خاصی دارن و با کمی دقت میشه کدهای هر قسمت از صفحه رو تشخیص داد، معمولا زیاد با قسمت Content سر و کار نداریم(مگر در موارد خاص)، می تونید به جای اون نمودار ها و ... کد های خودتون اعم از GridView، DataList یا ... رو اضافه کنید.
منو ها هم که مشخصه، می تونید به راحتی اسم برچسب هر منو رو عوض کنید و یه صفحه واسه اون درست کنید و لینکش رو به صفحه جدید بدید.
نکته : چون پنل مدیریت شامل چندین صفحه میشه، میتونید موارد بالا رو توی MasterPage اعمال کنید، که توی همه ی صفحه ها منو وجود داشته باشه.
از بقیه ی صفحه ها هم بنا به سلیقه ی خودتون می تونید به همین روش استفاده کنید.
لازم به ذکره استفاده از این قالب ها ربطی به استفاده از روش برنامه نویسی یا استفاده از تکنولوژی خاص نداره!
چون این دست قالب ها تو اینترنت زیاده من دیگه آپلود نکردم، با یه سرچ کوچیک می تونید کلی از این قالب ها رو ببینید! کافیه عبارت Admin Template Free یا عبارت های مشابه رو بزنید!
دوستان اگه سوالی بود من درخدمتم!