چند سئوال در مورد بوت استرپ

[eletcomp]

با سلام بر اساتید
میخواستم بدونم فرق بین استفاده از کلاس col-sm-4 با span4 چی هست؟ توی بعضی از فیلم های اموزشی خارجی مثل لیندا از کلاس span استفاده می کنند نه از کلاس مثلا .col-md- !!!
مثلا به عکس زیر دقت کنید به جای استفاده از کلاس مثلا col-sm-4 از span4 و... استفاده کرده!!! ایا دلیل خاصی داره!؟
http://s6.picofile.com/file/8192974976/3.PNG
سپاس

[سعید کشاورز]

توی ورژن های قدیم بوت استرپ span بود...توی ورژن جدیدش کلاس های به صورت col-sm-5 نام گذاری شدن

[eletcomp]

ممنون دوست عزیز: من اموزش های شما را با دقت نگاه کردم بعد اش رفتم یک اموزش در مورد طراحی قالب جوملا با بوت استرپ که برای شرکت لیندا بود را نگاه کردم بعد اش حسابی قاتی کردم!:لبخند: اموزش اش برای سال 2012 بود گمان کنم !!
راستی شما قالب جوملا با بوت استرپ ایا پیاده کردید؟ راست چین کردن اش چطوری هست؟

در اخر منتظر اموزش های بعدی تان هم هستم!! صفحه لاگین مانده بود مثل اینکه!! نمیدانم چرا تایپیک شما پاک شد!!

سپاس فراوان

[سعید کشاورز]

ممنون دوست عزیز: من اموزش های شما را با دقت نگاه کردم بعد اش رفتم یک اموزش در مورد طراحی قالب جوملا با بوت استرپ که برای شرکت لیندا بود را نگاه کردم بعد اش حسابی قاتی کردم!:لبخند: اموزش اش برای سال 2012 بود گمان کنم !!
راستی شما قالب جوملا با بوت استرپ ایا پیاده کردید؟ راست چین کردن اش چطوری هست؟

در اخر منتظر اموزش های بعدی تان هم هستم!! صفحه لاگین مانده بود مثل اینکه!! نمیدانم چرا تایپیک شما پاک شد!!

سپاس فراوان

تایپ پاک نشد..از بخش اعلانات در اومد..
شما سعی کن آموزش های جدید ببینید نه آموزش 3 سال پیش رو..
ببین کلا قالب جوملا و وردپرس طراحیش به این شکله که شما قالب html رو با بوت استرپ طراحی میکنی و بعدش کدهای php رو بین کدهای html قرار میدی ..البته جوملا یکم پیچیده تره..وردپرس خیلی خوبه

[eletcomp]

ممنون دوست عزیز: والا من بیشتر سایت های خارجی را دیدم ولی اکثریت شان از نسخه قدیمی بوت استرپ استفاده کرده بودند!!! برای طراحی قالب جوملا!!
شما اگر منبع درست و حسابی می شناسید لطفا معرفی کنید!
سپاس

[eletcomp]

ممنون دوست عزیز: متاسفانه در مورد جوملا چیزی توی ان سایت نبود!! فقط وردپرس بود!! نمیدانم چرا جوملا اموزش در مورد اش کم هست!!
حالا اگر از نسخه ی قدیمی بوت استرپ استفاده کنیم چه معایبی داره؟
سپاس

[سعید کشاورز]

من از نسخه های قدیمی استفاده نکردم.. ولی خوب مسلما شما از نسخه های جدیدتر استفاده کنی بهتره و امکانات بیشتری در اختیارت میذاره

[پیام حیاتی]

سلام
این عبارت رو در نت سرچ کن:
how to bulid joomla template with bootstrap
یوتیوب هم فیلم های اموزشی خیلی خوبی داره.

[eletcomp]

ممنون: همین عبارت را قبلا سرچ کردم ولی 99 درصد اموزش ها چه توی یوتیوب و چه توی دیگر سایت های خارجی دیگر : همه از نسخه قدیمی بوت استرپ استفاده می کنند!!! برای طراحی قالب جوملا !!

[afshinz]

ممنون: همین عبارت را قبلا سرچ کردم ولی 99 درصد اموزش ها چه توی یوتیوب و چه توی دیگر سایت های خارجی دیگر : همه از نسخه قدیمی بوت استرپ استفاده می کنند!!! برای طراحی قالب جوملا !!
سلام.
خب 99درصد دنیا دارن بهت میگن جوملا رو بیخیال شو برو سراغ قالب وردپرس:لبخند:

[eletcomp]

خب 99درصد دنیا دارن بهت میگن جوملا رو بیخیال شو برو سراغ قالب وردپرس
وردپرس یک سیستم وبلادگ دهی هست و جوملا مدیریت محتوا!!! شما چه ویژه گی از وردپرس دیدید که جوملا ان ویژه گی را نداره!!

[afshinz]

وردپرس یک سیستم وبلادگ دهی هست و جوملا مدیریت محتوا!!! شما چه ویژه گی از وردپرس دیدید که جوملا ان ویژه گی را نداره!!

با وردپرس دیگه الان میشه هر سایتی رو راه اندازی کرد و دیگه سیستم وبلاگدهی به حساب نمیاد.
یه چیز دیگه م که هست اینه که اصلا کار با بوت استرپ ربطی به تبدیل قالب به جوملا نداره!. خب شما اگه قصدتون یادگیری بوت استرپ هست برید آموزشای مربوط به همون رو سرچ کنید، نه آموزشی که بیان قالب رو هم با بوت استرپ درست کنن از 0 و هم تبدیل کنن به جوملا. که آموزش بوت استرپ هم ماشالله زیاده، اگه مشکلتون الان بوت استرپ هستش

[eletcomp]

دوست عزیز: ربط داشتن را که ربط داره!! مشکل من بوت استرپ نیست !!! بلکه طراحی قالب جوملا هست! فرضا شما یک قالب با بوت استرپ طراحی می کنید!! بعد میخواهید قالب را به جوملا تبدیل کنید!! ان وقت چه کار می کنید!!؟؟ مسلما یک سری کد های مخصوص برای خواندن توابع و فایل بوت استرپ و... داره!! که انها پیچیده هستند!!

[سعید کشاورز]

دوست عزیز: ربط داشتن را که ربط داره!! مشکل من بوت استرپ نیست !!! بلکه طراحی قالب جوملا هست! فرضا شما یک قالب با بوت استرپ طراحی می کنید!! بعد میخواهید قالب را به جوملا تبدیل کنید!! ان وقت چه کار می کنید!!؟؟ مسلما یک سری کد های مخصوص برای خواندن توابع و فایل بوت استرپ و... داره!! که انها پیچیده هستند!!

اصلا به هم ربط نداره..شما با بوت استرپ قالب طراحی میکنی..اوکی؟ اون قالب رو میتونی به بلاگفا،میهن بلاگ،وردپرس،جوملا و هرچیزی که بخوای تبدیل کنی..
مثلا من الان جایی که مشغول کار هستم قالب Html طراحی میکنم میدم بچه های شرکت اون رو داینامیک میکنن با دات نت..
روی هم رفته بهت پیشنهاد میکنم از وردپرس استفاده کنی...خیلی بهتره..من قبلا با جفتش کار کردم..وردپرس خیلی خوش دست تره..
جوملا یکم پیچیده تره.. مثلا طراحی تبدیل قالب Html به وردپرس خیلی راحت تره تا اون رو بخوای به جوملا تبدیل کنی

[eletcomp]

ممنون دوست عزیز: میشه یک منبع اموزشی برای طراحی قالب وردپرس به زبان فارسی به صورت ویدئویی معرفی کنید!!! جوملا من را کلافه کرد!! من میخوام سایت را با بوت استرپ پیاده کنم در قالب cms !!! حالا هر کدام که کار من را راه بندازه!
سپاس

[سعید کشاورز]

با این شروع کن ببین چجوریه..کم کم خودت متوجه میشی چی کار باید بکنی..ممکنه اولش یه مقداری برات گیج کننده باشه که این کاملا طبیعی هست

http://www.7learn.com/series/wp-theme-designing-1

[سعید کشاورز]

این یکی لینک هم خیلی خوب توضیح داده.. میتونی از این هم استفاده کنی

آموزش طراحی قالب وردپرس (http://tenet.ir/tutorial-list/)

[afshinz]

دوست عزیز فک کنم این لینک کارتون رو راجب طراحی قالب با بوت استرپ برای جوملا راه بندازه لینک (http://farinsoft.com/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B3%D8%A7%D8%AF%D9%87-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%82%D8%A7%D9%84%D8%A8-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA-%D9%87%D8%A7%DB%8C-Joomla-%D8%A8%D8%A7-%D9%82%D8%A7%D8%A8%D9%84%DB%8C%D8%AA-%D8%AA%D8%BA%DB%8C%DB%8C%D8%B1-%D8%A7%D9%86%D8%AF%D8%A7%D8%B2%D9%87-%D8%AE%D9%88%D8%AF%DA%A9%D8%A7%D8%B1-%D9%88-%D9%86%D9%85%D8%A7%DB%8C%D8%B4-%D8%B5%D8%AD%DB%8C%D8%AD-%D8%AF%D8%B1-%DA%A9%D8%A7%D9%85%D9%BE%DB%8C%D9%88%D8%AA%D8%B1-%D8%8C-%D8%AA%D8%A8%D9%84%D8%AA-%D9%88-%DA%AF%D9%88%D8%B4%DB%8C-%D9%87%D8%A7%DB%8C-%D9%85%D9%88%D8%A8%D8%A7%DB%8C%D9%84)
برای وردپرس هم این لینک رو ببینید به احتمال زیاد چیزی که میخواید رو پیدا میکنید لینک (http://farinsoft.com/wordpress?limit=100)

[eletcomp]

دوستان: یک سئوال
راستی من اگر بخوام کلاس nav bar را راست چین کنم باید چکار کنم؟

http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_navbar_inverse&stacked=h

سپاس

[pooya75]

یه سوال تکنیکی تا وقت css با این قدرتش وجود داره چرا باید از bootstrap استفاده کرد؟؟؟؟؟مگه css واکنشگرایی نداره که میرین دنبال این؟:اشتباه::متعجب::متفکر:
هان یکی بگه تا ما قانع بشیم :قهقهه::چشمک:

[danialfarzaneh]

یه سوال تکنیکی تا وقت css با این قدرتش وجود داره چرا باید از bootstrap استفاده کرد؟؟؟؟؟مگه css واکنشگرایی نداره که میرین دنبال این؟:اشتباه::متعجب::متفکر:
هان یکی بگه تا ما قانع بشیم :قهقهه::چشمک:

اگر بخاهید ماهی بگیرید احتمالا از تور و قلاب ماهیگیری و یا با استفاده از امکانات موجود اقدام به ساخت تور و یا قلاب و .... میکنید ( راه سوم : ماهی رو می خرید )
bootstrap یه ابزاره برای راحتتر کردن طراحی و یه سری امکانات و کامپانت های اولیه برای استفاده ، یه فریم ورک برای طراحی واکنشگرا .

بعضی طراحان و برنامه نویسان دوست دارند همه چیز رو از اول بنویسن ( البته به نظر من )

[danialfarzaneh]

دوستان: یک سئوال
راستی من اگر بخوام کلاس nav bar را راست چین کنم باید چکار کنم؟

http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_navbar_inverse&stacked=h

سپاس

برای راست چین کردن چند روش هست

اگر از visual studio استفاده میکنید افزونه ی webessentials (http://vswebessentials.com)رو نصب کنید ابزار های داخلی RTLCSS برای راست چین کردن css استفاده میشه
اگر نه میتونید با نصب node (https://nodejs.org/) و بعد از اون نصب rtl (https://www.npmjs.com/package/rtlcss) فایل css رو راست به چپ کنید
به صورت انلاین میتونید از این دو تا سایت استفاده کنید
http://rtl.daskhat.ir/ | http://www.rtl-er.com (http://www.rtl-er.com/)/
و یا خودتون اقدام به راست چین کردنش کنید

[eletcomp]

ممنون دوست عزیز: متاسفانه به ویژوال استادیو کار نمی کنم !!! ان سایت های انلاینی که معرفی کردید ایا به درد می خورند؟ یعنی کار باهاش چطوری هست؟ یعنی کد های فایل bootstrap.css و bootstrap.min.css را باید کپی کرد توی ان قسمت و خروجی را جایگزین کرد؟
اموزش زیر چطور هست؟ روش دستی!!؟
http://www.aparat.com/v/9jRlV/%D8%A2%D9%85%D9%88%D8%B2%D8%B4_%D8%B1%D8%A7%D8%B3% D8%AA_%DA%86%DB%8C%D9%86_%DA%A9%D8%B1%D8%AF%D9%86_ %D8%A8%D9%88%D8%AA_%D8%A7%D8%B3%D8%AA%D8%B1%D9%BE
استفاده از بوت استرپ فارسی چه معایبی داره؟

سپاس

[danialfarzaneh]

ممنون دوست عزیز: متاسفانه به ویژوال استادیو کار نمی کنم !!! ان سایت های انلاینی که معرفی کردید ایا به درد می خورند؟ یعنی کار باهاش چطوری هست؟ یعنی کد های فایل bootstrap.css و bootstrap.min.css را باید کپی کرد توی ان قسمت و خروجی را جایگزین کرد؟
اموزش زیر چطور هست؟ روش دستی!!؟
http://www.aparat.com/v/9jRlV/%D8%A2%D9%85%D9%88%D8%B2%D8%B4_%D8%B1%D8%A7%D8%B3% D8%AA_%DA%86%DB%8C%D9%86_%DA%A9%D8%B1%D8%AF%D9%86_ %D8%A8%D9%88%D8%AA_%D8%A7%D8%B3%D8%AA%D8%B1%D9%BE
استفاده از بوت استرپ فارسی چه معایبی داره؟

سپاس

با سلام
اموزشی که گذاشتید خوبه فقط باید چند نکته رو دقت کنید
1) در مورد float ها باید تک تک float ها را بررسی کنید نه float :left رو فقط با float:right جایگزین کنید چون با این کار دسترسی به float :right ها رو از دست میدید و استایلتون بهم میریزه
2) علاوه بر float و text-align باید margin , padding و ... رو نیز درست کنید مثلا :




/* before */
#content {
float: left;
margin-right: 2px;
padding: 1px 2px 3px 4px;
left: 5px;
}
.info {
text-align: right;
}

/* after */
#content {
float: right;
margin-left: 2px;
padding: 1px 4px 3px 2px;
right: 5px;
}
.info {
text-align: left;
}



در مورد سایت ها :
سایت http://rtl.daskhat.ir/ رو امتحان کردم : float , margin , padding رو رعایت میکنه اما فایل خروجی شما رو فشرده میکنه و margin-left رو به margin-right تبدیل نمیکنه که بر حسب نیاز باید به صورت دستی انجام بشه

سایت http://www.rtl-er.com/ نتیجه بهتری داشت
نحوه کار :
کل استایلتون رو داخل LTR CSS: بریزید و convert رو بزنید

[eletcomp]

ممنون دوست عزیز: روش اول(تغییر دستی) بسیار سخت و خسته کننده است! و از حوصله من خارج هست!! خیلی با دقت کرد توی جایگزین کردن کد ها!!
شما کدام روش را پیشنهاد می کنید؟ یعنی مطمئن ترین روش؟ روش تبدیل سایت یا ....
مثلا ایا میشه خودمان دستی استایل بدهیم! یعنی یک کاری کنیم که اولویت ها بهم بخوره!! و استایل که ما دادیم را اول در نظر بگیره!؟

سپاس

[danialfarzaneh]

ممنون دوست عزیز: روش اول(تغییر دستی) بسیار سخت و خسته کننده است! و از حوصله من خارج هست!! خیلی با دقت کرد توی جایگزین کردن کد ها!!
شما کدام روش را پیشنهاد می کنید؟ یعنی مطمئن ترین روش؟ روش تبدیل سایت یا ....
مثلا ایا میشه خودمان دستی استایل بدهیم! یعنی یک کاری کنیم که اولویت ها بهم بخوره!! و استایل که ما دادیم را اول در نظر بگیره!؟

سپاس

با سلام

امکانش هست. برای این روش باید یک فایل استایل درست کنید و استایل هایی رو که نیاز دارید رو تک به تک تغییر بدید ( از نظر زمانی فرقی با تغییر تک تک استایل های فایل اصلی ندارد بلکه هم بیشتر ) و بعد از فایل bootstrap.css قرار بدید

اگر زیاد نیاز به راست چین کردن ندارید از http://www.rtl-er.com/ استفاده کنید.

یک راه دیگر استفاده از node و پکیج R2 برای راست چین کردن استفاده کنید. با دستور

r2 input.css output.css
میتونید فایل های رو راست به چپ کنید (بدون این که هر بار فایل استایلتون رو کپی کنید و نتیجه کپی شده رو داخل یه فایل جدا گانه ثبت کنید. البته دسترسی همیشگی اینترنت هم لازمه )

برای استفاده از r2 ابتدا به سایت http://node.org/ مراجعه و نرم افزار مربوطه را نصب کنید

سپس با استفاده از دستور
npm install R2 -g r2 را نصب کنید و از آن استفاده کنید.

پی نوشت :
دوستان اگر از روش های دیگری هم اطلاع دارند و لازم به ذکر می بینند لطفا عنوان کنند.
با تشکر