رفتن به مطلب

جستجو در تالارهای گفتگو

در حال نمایش نتایج برای برچسب های 'css3'.



تنظیمات بیشتر جستجو

  • جستجو بر اساس برچسب

    برچسب ها را با , از یکدیگر جدا نمایید.
  • جستجو بر اساس نویسنده

نوع محتوا


تالارهای گفتگو

  • بخش وردپرس
    • وردپرس
    • افزونه ها
    • پوسته ها
    • فروشگاه سازها
  • بازارچه
    • بخش خرید و فروش
    • بازار کار
  • دیگر
    • بخش برنامه نویسی
    • بحث آزاد
  • بایگانی
    • بایگانی

جستجو در ...

نمایش نتایجی که شامل ...


تاریخ ایجاد

  • شروع

    پایان


آخرین بروزرسانی

  • شروع

    پایان


فیلتر بر اساس تعداد ...

تاریخ عضویت

  • شروع

    پایان


گروه


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


موقعیت


علاقمندی ها


سوال امنیتی

8 نتیجه پیدا شد

  1. سلام و درود دوستان گرامی ، فکر میکنم قسمتی از یک وب سایت از clip path برای background استفاده کرده باشه که می خوام مشابه به اون رو طراحی کنم. آدرس سایت و تصویر رو می زارم لطفا راهنمایی کنید. مشاهده سایت
  2. unid_user

    آموزش نمونه جاوا اسکریپ با css3

    سلام کسی میتونه کمک کنه موردی که در ویدئو مشخص کردم چطور درست میشه؟ خیلی مهمه و جالب خواهش میکنم راهنمایی کنید. حجم ویدئو حدود 1 مگابایت هزاران بار سپاس C.mp4
  3. mmnaderi

    فریمورک Milligram RTL

    سلام، چند وقت پیش فریم‌ورک ‌Milligram را دیدم که خیلی ازش خوشم اومد، الان این فریم‌ورک سبک را راست‌به‌چپ کردم و غالب مستنداتش هم فارسی کردم. می‌تونید مراجعه کنید به: http://mmnaderi.ir/milligram-rtl و صفحه‌ی گیت‌هاب: https://github.com/mmnaderi/milligram-rt
  4. سلام وقتتون بخیر هر چندوقت یه بار یه چیزی درست میکنم میذارم اینجا واسه تفریح.شاید یه روزی به درد کسی بخوره این ساعت با استفاده از css3 و jquery درست کردم : http://onman.ir/clock/ اینم یه کار ذوقی : http://onman.ir/heart/ این یکی هم که تو امضام هست.روی لامپ کلیک کنید تا خامشو بشه! برای نجات زمین.(برای رویداد ساعت زمین): http://onman.ir/earthhour/ نظری داشتید بگید. موفق باشید یا علی
  5. سلام اگه بخواهین یک سایت بر اساس وردپرس راه اندازی کنید و نیاز به یک قالب اختصاصی داشته باشید طراحی این قالب را به کدام طراح قالب وردپرس میدهید که اولاً به صورت حرفه ای کد نویسی کنه و قالب طراحی شده با استاندارهای روز نظیر CSS3 و HTML5 و همچنین استاندارد W3C سازگار باشه و همچنین با سلیقه و به روز باشه و تجربه کاری قبلی زیادی داشته باشه و در آخر قیمت های اون مناسب باشه و قیمت نجومی نده. لطفاً چند تا از بهترین طراحان وردپرس که شرایط بالا را داشته باشند معرفی کنید. با تشکر
  6. majid_kiani

    پروژه ساخت اسلایدر با استفاده از CSS3

    اسلایدر ها بخش مهمی از اکثریت وبسایت های امروزی رو تشکیل میدن که به پویا تر شدن اونها کمک شایانی میکنه. مطمئنا اگر به درستی از قدرت نهان اسلایدر ها استفاده کنید علاوه بر این که وبسایت شما جلوه ای پویا تر میگیره موجب جذب مخاطب بیشتری هم برای وبسایت شما خواهد شد. معمولا اسلایدر ها قدرت گرفته از جی کوئری و یک سری کد های جاوا هستن ، اما تمرکز ما در این مطلب روی ساخت یک اسلایدر کامل قدرت گرفته فقط از CSS3 هست. شاید نتیجه کار مثل بعضی از بهترین و کاملترین اسلایدر هایی که امروز ها میبینیم نباشه ، اما بصورت تمام و کمال کار میکنه <div id="content"> <div id="content-inner-1"> <div id="content-inner-2"> <div id="content-inner-3"> <div id="content-inner-4"> <div id="content-inner-5"> <div id="content-inner-6"> <div id="content-inner"> <div class="page" id="page1"> <img src="images/test1.jpg" alt="test1" title="test1"> <div class="page-info" id="info1"> <h2>Page 1</h2> <div class="page-text">Lorem ipsum dolor sit amet.</div> </div> </div> <div class="page" id="page2"> <img src="images/test2.jpg" alt="test2" title="test2"> <div class="page-info" id="info2"> <h2>Page 2</h2> <div class="page-text">Lorem ipsum dolor sit amet.</div> </div> </div> <div class="page" id="page3"> <img src="images/test3.jpg" alt="test3" title="test3"> <div class="page-info" id="info3"> <h2>Page 3</h2> <div class="page-text">Lorem ipsum dolor sit amet.</div> </div> </div> <div class="page" id="page4"> <img src="images/test4.jpg" alt="test4" title="test4"> <div class="page-info" id="info4"> <h2>Page 4</h2> <div class="page-text">Lorem ipsum dolor sit amet.</div> </div> </div> <div class="page" id="page5"> <img src="images/test5.jpg" alt="test5" title="test5"> <div class="page-info" id="info5"> <h2>Page 5</h2> <div class="page-text">Lorem ipsum dolor sit amet.</div> </div> </div> <div class="page" id="page6"> <img src="images/test6.jpg" alt="test6" title="test6"> <div class="page-info" id="info6"> <h2>Page 6</h2> <div class="page-text">Lorem ipsum dolor sit amet.</div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <ul id="nav"> <li class="button" id="button1"><a href="#content-inner-1"></a></li> <li class="button" id="button2"><a href="#content-inner-2"></a></li> <li class="button" id="button3"><a href="#content-inner-3"></a></li> <li class="button" id="button4"><a href="#content-inner-4"></a></li> <li class="button" id="button5"><a href="#content-inner-5"></a></li> <li class="button" id="button6"><a href="#content-inner-6"></a></li> </ul> احتمالا از دیدن کُد های بالا هیچ چیز متوجه نشدید ، شاید این پروژه کمی متفاوت تر از پروژه های قبلی باشه که تا حالا کار کردید ، اما خُب در آخر متوجه نکات مهمی خواهید شد. در کد بالا ما “content-slider” رو داریم که تمامی محتوا رو در خودش جا میده که ما “margin: 0 auto” میکنیمش و دیگه بهش دست نمیزنیم. بعد ۲ بخش داریم : “content” و “nav”. بخش Content صفحات ( اسلایدر هامون ) رو در خودش داره ، و بخش nav هم کنترلر ، که اسلایدر ها رو باهاش عوض میکنیم. حالا در توی content متوجه میشید که content-inner-1 داریم تا content-inner-6. تمام اسلایدر به این ۶ تا Div بستگی داره و باهاش کار میکنه که در بعد توضیح میدم. #content-slider { font-family: arial; width: 640px; margin: 0 auto; margin-top: 100px; } #content { overflow: hidden; width: 640px; height: 480px; -webkit-box-shadow: 0px 0px 50px 10px #c9c9c9; -moz-box-shadow: 0px 0px 50px 10px #c9c9c9; box-shadow: 0px 0px 50px 10px #c9c9c9; } #content-inner { width:10000px; height: 480px; } .page { width: 640px; height: 480px; float: left; } کاری که الان کردیم این بود که اسلایدر رو به میانه صفحه آوردیم و ۱۰۰ پیکسل از بالای صفحه بهش فاصله دادیم. استایل دیو “content” خیلی مهم هست ، مقدار “overflow” رو روی “hidden” گزاشتیم ، اینکار باعث میشه هر اسلاید/صفحه تنها زمانی باز بشه که انتخاب میشه. دیو “content-inner” شامل تمام اسلاید ها (صفحات) ما میشه به همین دلیل عرضش رو روی ۱۰,۰۰۰ پیکسل تنظیم کردیم. در اسلایدر های دیگه معمولا جاوا اسکریپت عرض رو تنظیم میکرد ، اما توی این مطلب ما فقط از CSS3 استفاده میکنیم. .page-info { height: 90px; background-color: rgba(99, 99, 99, 0.6); position: relative; margin-top: 0px; bottom: 103px; color: #dedede; padding-left: 20px; padding-top: 10px; } .page-info h2 { font-size: 21px; margin-bottom: 10px; margin-top: 0px; color: #fafafa; } .page-text { font-size: 15px; }[/color][/font][/color] [color=#000000] .button { float: left; background: #bababa; width: 16px; height: 16px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-left: 5px; margin-right: 5px; } .button:hover { -webkit-box-shadow: inset 0px 0px 2px 2px #d4d4d4; -moz-box-shadow: inset 0px 0px 2px 2px #d4d4d4; box-shadow: inset 0px 0px 2px 2px #d4d4d4; } .button:active { -webkit-box-shadow: inset 0px 0px 2px 2px #7a7a7a; -moz-box-shadow: inset 0px 0px 2px 2px #7a7a7a; box-shadow: inset 0px 0px 2px 2px #7a7a7a; } .button a { display: block; width: 16px; height: 16px; }[/color] [color=#000000] به کد بالا دقت کنید ، به عنوان مثال اگر ما الان در آدرس “http://www.example.com/index.html#example” باشیم ، قسمت دوم کد یعنی “:target” عمل میکنه. که در این مبحث دیو “example” نمایش داده میشه. حالا ما از “:target” استفاده میکنیم تا اسلایدر رو به کار بندازیم. وقتی یک کاربر روی یکی از ۶ دکمه اسلایدر کلیک کنه قسمت “content-inner” باز میشه ، درست مثل جاوا اسکریپت. این هم از کد : #content-inner-1:target #content-inner { -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; margin-left: 0px; } #content-inner-2:target #content-inner { -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; margin-left: -640px; } #content-inner-3:target #content-inner { -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; margin-left: -1280px; } #content-inner-4:target #content-inner { -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; margin-left: -1920px; } #content-inner-5:target #content-inner { -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; margin-left: -2560px; } #content-inner-6:target #content-inner { -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; margin-left: -3200px; }[/color] [color=#000000]
  7. سلام میخواستم چند تا استایل css3 را به ادیتورم اضافه کنم ولی هر کاری میکنم نمیشه البته از ادیتور tinymce-advanced استفاده میکنم و طبق توضیحاتش فایل editor-style.css هم ساختم و در قالب قرار دادم . البته یک استایل هم وارد ادیتور شده ولی میخوام تعداد بیشتری را وارد کنم لطفا راهنمایی کنید سپاس
  8. 021

    زیر مجموعه های ul در css3

    سلام دوستان میخواستم بدونم تفاوت ul li با ul > li چیه ؟ در واقع میخوام بدون دستور ul > li چیکار میکنه ؟ ممنون
×
×
  • اضافه کردن...