a.z.n
-
تعداد ارسال ها
20 -
تاریخ عضویت در سایت
-
آخرین بازدید
فعالیت های امتیازی
-
a.z.n به رضاقاسمی امتیاز داد در آموزش جامع Css برای تازه کاران
قسمت سوم : بك گراند ها
خوب در اين قسمت ميخوام به معرفي خاصيت background بپردازم
background-color:
خوب اولين تگ background-color هست توي تگ بك گراند color مي تونيم به هر تگي رنگ پس زمينه بديم
چطوري اين كارو ميكنيم
سه روش داره يكي rgb هست كه به صورت زير نوشته ميشه براي تمام تگ هاي div
div { background-color:rgb(x,y,z); }
توي قسمت بالا سه اسم x و y و z رو ميبينيد
جاي اينها بايد عددي بين 0 تا 255 وارد كنيد
دقت كنيد حتما بايد هرسه عدد رو وارد كنيد و گرنه با مشكل مواجه ميشيد.
روش دوم استفاده از رنگ هايي هست كه با # شروع ميشه
به كد زير دقت كنيد:
div { background-color:#000000; }
با اين كار پس زمينه تمام div هاي ما سياه ميشه
كه البته كد رنگ رو ميتونيد از فتوشاپ هم بياريد.
و روش سوم هم استفاده از اسم رنگ هست به کد زیر توجه کنید:
div { background-color:red; }
با کد بالا پس زمینه تمام div های ما قرمز میشه.
background-image:
توي اين قسمت ميتونيم يك عكس رو به عنوان پس زمينه معرفي كنيم
به كد زير توجه كنيد:
div { background-image:url(bg.png); }
جاي عبارت bg.png بايد آدرس پس زمينه مورد نيازتون رو وارد كنيد.
background-repeat:
با اين كد مشخص مي كنيد كه آيا پس زمينه بصورت كاشي وار تكرار بشه ؟ نشه؟ و...
به كد زير توجه كنيد:
div { background-repeat:repeat; }
با كد بالا به css اعلام ميكنيم كه ميخوايم تصوير تكرار داشته باشه كه البته اگر هم نديم css خوش بطور پيشفرض از اين كد استفاده مي كنه
به كد زير توجه كنيد:
div { background-repeat:no-repeat; }
با اين كد اعلام مي كنيم كه نميخواهيم پس زمينه تكرار بشه
به كد زير توجه كنيد:
div { background-repeat:repeat-x; }
با اين كد به css اعلام مي كنيم كه ميخوايم عكس فقط در جهت x ها يعني افقي تكرار بشه
به كد زير توجه كنيد:
div { background-repeat:repeat-y; }
با اين كد به css اعلام مي كنيم كه ميخوايم عكس فقط در جهت y ها يعني عمودي تكرار بشه
background-position:
با اين كد به css ميفهمونيم كه ميخوايم عكس پس زمينه كدوم سمت باشه
به كد زير توجه كنيد:
div { background-position:right top; }
به اين كد به css مي فهمونيم اگر عكس بزرگتر بود در بالا سمت راست قرار بگيره
اين كد در صورتي كاربرد داره كه background-repeat برابر no-repeat باشه
جلسه امروز نيز به پايان رسيد خدا نگهدار
-
a.z.n به رضاقاسمی امتیاز داد در آموزش جامع Css برای تازه کاران
قسمت دوم
امروز ميخوام فرق . (نقطه) و # (مربع) و @ (اتساين) و اصلا نگذاشتن اينها و دونقطه) رو بگم
.(نقطه)
وقتي توي كد هاي css نقطه ميگذاريم و يه اسم جلوش ميذاريم يعني يه تگي توي html كه class ش اون اسمه
مثلا من ميزنم :
.joomina { }
اينجا مياد يه تگي دنبالش ميگرده كه اسم كلاسش joomina هست
و دستوررات رو توي اون اجرا مي كنه
مثل تگ زير:
<div class="joomina">
# چيه حالا من وقتي كد زير رو ميزنم:
#joomina { }
مياد دنبال يه تگي ميگرده كه id ش joomina باشه
مثلا تگ زير:
<div id="joomina">
حالا @ چيه
وقتي @ ميزاريم بعد از اتساين ديگه حروف دلخواه نميگذاريم بلكه دستورات مشخصي ميگذاريم
مثلا كد زير:
@font-face { }
اين كد مياد يه فونت جديد تعريف مي كنه كه اگر سيستم مخاطب نداشت فونتو بازم درست نشون بده كه تو ارسال هاي بعدي قسمت css3 آموزش ميديم كامل اين قضيه رو
حالا يه سوال پيش مياد
بعضي جاها ميبينيم كه هيچي نميگذارند يعني اين علامتا هيچكدوم نيستن فقط اسمه هست
اينو يادآور بشم وقتي اين جور ميشه بازم اسم دلخواه نداريم فقط كداي Html ميتونيم بگذاريم.
به كد زير توجه كنيد:
img { }
اين كد مياد به تمام عكس ها خاصيتي رو ميده
يعني مثلا ميتونيم اينطوري بگيم هرچي عكس داريم كلا اندازه اش بشه 10 پيكسل
حالا : (دونقطه چیه)
دو نقطه برای انتخاب خاصیتی از یک تگ می باشد.
برای مثال به کد زیر توجه کنید:
a:hover { }
برای مثال خاصیت hover که برای تگ a نوشته شده است خاصیتی است که حالت رفتن موس روی چیزی را توصیف میکند که در پست ششم در این باره بیش تر توضیح خواهیم داد.
اينم از آموزش امروز
ببخشيد اين تاپيك يه خورده طول كشيد وقت نميكردم ولي قول ميدم سريعتر بروز كنم
موفق باشيد
ارادتمند شما
رضا قاسمي
-
a.z.n به رضاقاسمی امتیاز داد در آموزش جامع Css برای تازه کاران
قسمت اول
به نام خدا
اين اولين قسمت آموزش ماست.
تو اولين قسمت به معرفي نحوه هاي بكار بردن css مي پردازيم
روش اول:
<html> <head> <style> ... </style> </head> <body> </body> <html>
در قسمت مشخص شده در كد بالا به جاي عبارت ... بايد كد هاي css رو قرار بديد.
روش دوم:
در قسمت مشخص شده در كد زير به جاي عبارت style.css بايد كد لينك فايل css رو قرار بديد.
<html> <head> <style> <link rel="stylesheet" type="text/css" href="style.css"> </style> </head> <body> </body> <html>
روش سوم
داخل كد هاي html يك خاصيت به نام style اضافه مي كنيم.
مثلا ميخواهيم محتويات تگ p قرمز بشه.
كد زير رو مينويسيم:
color:red;
بجاي ... تو كد css رو مينويسيم.
<html> <head> </head> <body> <p style="..."></p> </body> <html>
-
a.z.n از mehrjo یک واکنش گرفت در قالب مدیریت سایت جوملا - zibens
مشکل از قالبم بود.
حــــل شد
ممنون از پاسخ هاتون
واقعا خیلی قشنگه
-
a.z.n از رضاقاسمی یک واکنش گرفت در قالب مدیریت سایت جوملا - zibens
مشکل از قالبم بود.
حــــل شد
ممنون از پاسخ هاتون
واقعا خیلی قشنگه
-
a.z.n به رضاقاسمی امتیاز داد در قالب مدیریت سایت جوملا - zibens
من خیلی راحت رو جومینا نصب کردم احیانا جوملاتون جوملا فارسی و... نیست؟
-
a.z.n به mehrjo امتیاز داد در قالب مدیریت سایت جوملا - zibens
سلام
به تازگی قالبی برای مدیریت سایت های جوملایی طراحی و منتشر کرده ایم که میتوانید به رایگان دانلود و استفاده کنید .
نام این قالب زیبا و شیک هم zibens است
برای جوملا 1.7 و 2.5 طراحی و کد نویسی شده
سعی کردم قالب رو پیوست همین پست قرار بدم ، که متاسفانه نتونستم و خطای بالا بودن حجم فایل رو گرفت .
برای دانلود میتونید به آدرس زیر مراجعه کنید :
دانلود از سرور جومینا
تصاویری از قالب :
-
a.z.n به gilangraphic امتیاز داد در کمک برای ایراد php my admin
البته آقای قاسمی لطف کردند مشکل شما رو بررسی کردند ولی در رابطه با انتقال سایت از لوکال به هاست کار بی نهایت ساده ای هست . در سایت جومینا یک آموزش ویدئویی هست به نام ساخت بسته نصبی و انتقال سایت از لوکال به هاست که با افزونه اکیبا بکاپ انجام میشه / این آموزش را ببینید دیگر جهت انتقال سایت مشکل نخواهید داشت/joomina.ir
-
-
a.z.n به mahdi m امتیاز داد در شروع کار طراحی وب سایت
یوتم نام یک برند طراحی قالبه و یک مثال بود
منظور دوستمون این بود که این شرکت علاوه بر طراحی اختصاصی قالب برای بسته ها برخی از ماژول ها و کامپوننت ها نیز اختصاصی توسط خود شرکت نوشته می شوند
-
a.z.n به topmihan امتیاز داد در شروع کار طراحی وب سایت
سلام مجدد
همونطور که جناب منتظری فرمودند یوتم شرکتی هستش که قالب های زیبا و چشم گیری اراپه میده و برنامه نویس هایی نیز داره که افزونه های خوبی رو اراپه دادن و در قالب هاشون اکثرا از افزونه های خودشون استفاده میکنن
حالا دلیل اینکه من میگم با قالب هاب شرکت های بزرگ کار کنید اینه که اون قالب ها هم شیک و شکیل هستند
هم از بروز ترین کد نویسی ها استفاده کردن
هم ریسپانسیو خوبی دارن
البته فقط یوتم نیست و شرکت های بزرگ باز هم هستند مانند راکت تم
حالا که شما طراحی رو بیشتر دوست دارین شروع کنید به کار روی قالب ها و آشنایی کاملا تخصصی با جوملا و فعلا خودتونو درگیر پی اچ پی نکنید
حق یارتان
-
a.z.n به topmihan امتیاز داد در شروع کار طراحی وب سایت
سلام دوست عزیز
باید بگم خدمت شما که پی اچ پی پیشنیاز جوملا نیست
شما باید ببینید چی میخواین
میخوای طراحی سایت انجام بدی؟؟؟
میخوای برنامه نویس بشی و افزونه نویسی کنی؟؟؟
میخوای چیکار کنی شما ٫ اگه میخوای طراح سایت بشی بصورت خیلی عالی هم از آخر در بیای یعنی مثل مثلا یوتم تو قالبات از افزونه های اختصاصی خودت بهره ببری
اول از همه اچ تی ام ال و سی اس اس خودتو قوی کن
در کنارش به جوملا هم مسلط بشو
اگه میتونی یه هاست و دامین بگیر و واسه خودت روش قالب آماده نصب کن و هم با مدیریتش بصورت عالی کار کن و همه چیزشو مسلط بشو
هم در ظاهرش دست ببر که با استفاده از سی اس اس بیشتر بکار میره
کل ظاهر سایت رو کلا عوض کن که میشه گفتن فقط بخش سی اس اس اون رو دست میزنی
بعد با ساختار جوملا آشنا بشو
و وقتی دیگه تونستی خودت یا اینکه یه قالب بیست از صفر بسازی یا یه قالب آماده رو طوری تغییر بدی که کمتر کسی بفهمه این کدوم قالب از کدوم شرکته میشه گفت تا حدودی خوب پیش رفتی
و بعدش در کنار پیشرفتت در طراحی قالب برو سمت پی اچ پی یاد گرفتن و آشنا شدن با کتاب خانه های جوملا و افزونه نویسی
اگه هم میخوای کلا افزونه نویس بشی از الان برو سمت پی اچ پی یاد گرفتن و در کنار با جوملا و کتابخانه هاش آشنا بشو
نکته ( برای افزونه نویسی بصورتی که تکراری نباشی باید پی اچ پی رو عالی یاد بگیری که اینکار زمان بر هستش )
شرمنده اگه طولانی شد خواستم کامل توضیح بدم
حق یارتان
-
a.z.n به omidzamani امتیاز داد در شروع کار طراحی وب سایت
یک کتاب داخل همین سایت هست که خیلی آموزشش مفید می باشد به نظر من این کتاب پی دی اف را دانلود کن و مطالعه کن
-
a.z.n به mahdi m امتیاز داد در شروع کار طراحی وب سایت
سلام
اکثر طراحان وب جوملایی از قالب های آماده استفاده میکنند چون قالب های آماده هوشمند و برطرف کننده نیاز هستند و یا خودشون قالبی می نویسند اما نوشتن ماژول و کامپوننت کار هرکسی نیست وعلاوه بر تسلط بر زبان های html وcss و php باید بر کتابخانه جوملا jdox هم مسلط باشید
پیشنهاد من به شما یاد گیری زبان php می باشد و فکر میکنم سومین زبان کار آمد در زبان های برنامه نویسی می باشد.
همین الان هم می توانید با مسلط شدن بر جوملا وارد بازار کار شوید و با این همه افزونه و قالب موجود خیلی کم به مشکل بر میخورید.
موفق باشید
-
a.z.n به رضاقاسمی امتیاز داد در شروع کار طراحی وب سایت
بهتره شما اول برنامه نویسی PHP رو یاد بگیرید چون پیش زمینه جوملا هست
در ضمن زمان آموزش هم بستگی به خودتون داره
موفق باشید
-
a.z.n به رضاقاسمی امتیاز داد در خدمات وب سایت جومینا
با سلام خدمت دوست عزیز
و عرض ادب خدمت مدیران انجمن جومینا
اگر مدیران اجازه بدهند میخوام یه سری خدمات به کاربران عزیز ارائه بدم
البته اگر کسی هم خواست میتونه بیاد کمک بنده
مدیران برای وارد شدن به گروه ما هیچ محدودیتی ندارند
ولی کاربران اگر میخواهند بیایند جزو گروه ما تایید یکی از مدیران را نیاز دارند
خدمات گروه ما شامل :
نصب جوملا 2.5
نصب جوملا 3
نصب قالب انتخابی شما
نصب افزونه مورد نیاز
میباشد
که به تدریج ویرایش خواهد شد
لطفا درخواست های خود را در همین تاپیک معرفی نمایید
و درخواست همکاری خود را در تاپیک زیر بنویسید
http://forum.joomina.ir/topic/27521-%D8%AF%D8%B1%D8%AE%D9%88%D8%A7%D8%B3%D8%AA-%D9%87%D9%85%DA%A9%D8%A7%D8%B1%DB%8C-%D8%AA%D8%A7%D9%BE%DB%8C%DA%A9-%D8%AE%D8%AF%D9%85%D8%A7%D8%AA/.
باتشکر رضا قاسمی
-
a.z.n به رضاقاسمی امتیاز داد در کمک برای ایراد php my admin
خواهش میکنم فقط این پوشهmysql/data جایی درز نکنه ها خیلیا نمیدونن
بزارید اختصاصی خود جومینا بمونه
راستی لوگوم خوب شده؟
-
-
a.z.n به رضاقاسمی امتیاز داد در کمک برای ایراد php my admin
از پوشه های زیر توی فولدر زمپ تون بکاپ بگیرید (توی یه درایو یا فولدر ذخیرش کنید)
C:\xampp\htdocs
C:\xampp\mysql\data
حالا زمپ رو حذف کنید و دوباره نصب کنید.
و این پوشه ها رو توی همین آدرس توی زمپ جدید قرار بدید
99% درست میشه
-
-
a.z.n به رضاقاسمی امتیاز داد در کمک برای ایراد php my admin
روی سایت نصب کنید جوملا رو
و همه کارهایی که توی لوکال کردید انجام بدید
لوکال هاست
صرفا برای تست افزونه و اطمینان از عدم مشکل اون هست
موفق باشید