زمان کنونی: ۹-۱-۱۴۰۳, ۱۰:۰۷ عصر درود مهمان گرامی! (ورودثبت نام)


ارسال پاسخ 
 
امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
کد نمونه کار
۱۱-۶-۱۳۹۵, ۰۵:۰۶ صبح
ارسال: #1
کد نمونه کار
سلام
اگر بخواهیم در طراحی قالب که با html5 و بوت استرپ کدنویسی شده ،مانند سایت زیر بخش نمونه کار(PORTFOLIO) ایجاد کنیم که تب ها با انیمیشن تصاویر هر دسته رو نشون می دن از چه کدهای باید استفاده کرد؟
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.


ممنون
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
۱۱-۶-۱۳۹۵, ۰۷:۲۱ عصر
ارسال: #2
RE: کد نمونه کار
اين نوع پورتفوليو براي جوملا موجود هست و نيازي نيست كه به دنبال كدهاي انيميشن CSS و JS اينها بگرديد .

توي دايركتوري جوملا سرچ كنيد چندين مدل از اين نوع موجود هست ، يك مدل قديمي رو من دارم اگر ميخايد براتون ارسال كنم .
6Gallery كه به همين شكل عمل ميكنه
امضاء Pourdaryaei
آموزش و مطالب جوملایی در وبلاگ درساوی

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
 سپاس شده توسط elyas90 ، ابوذر مرادی
۱۷-۶-۱۳۹۵, ۰۳:۵۹ صبح
ارسال: #3
RE: کد نمونه کار
برای جوملا نمی خوام.برای قالب html می خوام ریسپانسیو باشه با بوت استرپ مشکل نداشته باشه.
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
۱۷-۶-۱۳۹۵, ۰۵:۰۶ صبح
ارسال: #4
RE: کد نمونه کار
در این قالب چرا وقتی col -md-3 رو به col-md-4 تغییر می دم همه چی بهم می ریزه؟در قسمت FEATURED PRODUCTS

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
۱۸-۶-۱۳۹۵, ۰۵:۱۴ صبح
ارسال: #5
RE: کد نمونه کار
لینک صحیح

دوستانی اگر راهنمایی کنید ممنون می شوم.
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
۱۸-۶-۱۳۹۵, ۰۵:۲۴ صبح
ارسال: #6
RE: کد نمونه کار
من زیاد حالیم نیست این چیزها ولی تا جایی که میدونم شما نباید مستقیما ً خود بوتسترپ یا هر فریم ورک دیگه رو دستکاری کنید ، اول باید یک فایل سفارشی برای CSS ایجاد و چیزهایی رو که میخاید توی اون رونویسی کنید .

درمورد اونها هم ستون های بوتسترپ 12 تایی هست - خب فکر میکنم شما میخاید بجای چهارتا کالا سه تاشون کنید که بجای اینکار مثلا ً میتونید بجای عرض 25 درصدی این ستون ها ، اون ها رو به 33 درصدی تغییر بدید - البته این وسط فضاهای خالی رو هم باید در نظر بگیرید ...

( خودمم نفهمیدم چی گفتم )
امضاء Pourdaryaei
آموزش و مطالب جوملایی در وبلاگ درساوی

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
 سپاس شده توسط hsmtech ، elyas90
۱۸-۶-۱۳۹۵, ۰۹:۰۰ صبح
ارسال: #7
RE: کد نمونه کار
با درود!
کاش دقیقا می‌فرمودید که چه تغییری مد نظرتون هست تا بشه پیشنهاد بهتری ارائه کرد.
در هر صورت فایل index.html رو با تغییرات مد نظر شما تصحیح و پیوست کردم، اما کلا نتیجه‌اش جالب نیست.

نقل قول: درمورد اونها هم ستون های بوتسترپ 12 تایی هست - خب فکر میکنم شما میخاید بجای چهارتا کالا سه تاشون کنید که بجای اینکار مثلا ً میتونید بجای عرض 25 درصدی این ستون ها ، اون ها رو به 33 درصدی تغییر بدید - البته این وسط فضاهای خالی رو هم باید در نظر بگیرید ...

در مورد فرمایش استاد عزیزم جناب آقای پوردریایی هم باید عرض کنم که استثنائا و جسارتا این یک مرتبه با دیدگاه شما موافق نیستم. علتش هم اینه که اگر css در این مورد خاص تغییر داده بشه کل قالب رو تحت تاثیر قرار میده و اون رو بهم میریزه و اتفاقا راه تغییر تعداد ستون‌ها با همین کلاس‌هایی هست که در خود بوت‌استرپ تعریف شده و می‌باید در کد html تنظیم بشه


فایل‌(های) پیوست شده
index.html
نوع فایل .html
دفعات دانلود 1
اندازه 47.49 کیلوبایت

امضاء hsmtech
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
مشاهده‌ی وب‌سایت کاربر یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
 سپاس شده توسط Pourdaryaei ، elyas90
۱۸-۶-۱۳۹۵, ۰۳:۰۵ عصر
ارسال: #8
RE: کد نمونه کار
ممنون
می خواستم تعداد ستون 3 تا بشه ،یعنی 3 تا کنار هم قرار بگیرند با همین سایزی که الان قرار دادید.
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ بازگشت به بالا
ارسال پاسخ 


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان