امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
آموزش ایجاد ایفکت های زیبا در طراحی سایت
#1
در طراحی سایت یکی از مواردی که باعث جذابیت و زیبایی سایت می شود محو بودن عکس ها و تصاویر در سایت است.

تعبیه تصویرهای گرافیکی باعث زیبا شدن طراحی سایت می گردد. دادن ایفکت به تصویرها و عکس های با کیفیت بالا باعث می شود جذابیت طراحی وب سایت شما بیشتر از قبل بالا برود و کاربر را به خودش جذب کند. حتمن عکس هایی را دیده اید که با قرار دادن موس بر روی آنها حالت محوی به خود می گیرند این کار در طراحی سایت خودش را نشان می دهد و از طرفی توجه کاربرها را جلب می کند و از طرفی دیگر عکس ها و تصاویر شما را خاص می کند که تاثیر بسیار خوبی بر روی بهینه سازی سایت نیز دارد. در این مطلب روش طراحی وب سایت و نحوه محو نمودن تصویرها را به وسیله اسکریپ های جاوا توضیح می دهیم که کار چندان سختی نیست فقط کافی است از کد نوشته شده در زیر استفاده کنید.

[تصویر:  webdesign.jpg]


<script><link rel="stylesheet" type="text/css" href="/demo/checkboxtoggler.css" />

<script type="text/j-avascript" src="/demo/StackBoxBlur.js"></script>

<script type="text/j-avascript" src="/demo/StackBoxBlurWrapper.js"></script>

<script>

window.on-load = function(){ // when window loads

var hayden1 = new stackBoxBlurIt('hayden1') // reference original image to blur

var checkbox1 = document.getElementById('checkbox1') // reference checkbox to toggle image blur

if (checkbox1.checked == false){ // if checkbox isn't checked when page is loaded

hayden1.blurit(40) // blur it

}

checkbox1.on-change = function(){ // whenever checkbox state changes

hayden1.blurit( this.checked? 0 : 40 ) // blur or not to blur

}

}

</script>

<body>

<img id="hayden1" border="0" src="/demo/hayden.jpg" width="280" height="350">

<div class="toggler">

<input type="checkbox" id="checkbox1" />

<label for="checkbox1"></label>

</div>

</body>

در کد نوشته شده در بالا همانطور که می بینید آدرس تصویر را می توانید درج کنید و به راحتی طراحی سایت و افکت موردنظر و محو کردن تصویرهای سایت تان را در صفحه های سایت انجام دهید.


طراحی وب سایت وب کندو
پاسخ


موضوعات مرتبط با این موضوع...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  نکته هایی که برای داشتن طراحی سایت شخصی باید رعایت کنید maryamimani 0 34 17-09-2016، 02:21 PM
آخرین ارسال: maryamimani
  افزایش بازدیدکنندگان طراحی سایت به صورت نرمال با کمک نقشه محتوا به سمت فروش بالا maryamimani 1 112 17-09-2016، 04:44 AM
آخرین ارسال: TehranSD
  حریم خصوصی در طراحی سایت و رابطه آن با کسب و کار آنلاین maryamimani 0 30 13-09-2016، 10:22 AM
آخرین ارسال: maryamimani
  شش مرحله برای طراحی گرافیک سایت maryamimani 0 37 05-09-2016، 10:30 AM
آخرین ارسال: maryamimani
  افزایش فروش آنلاین محصولات طراحی سایت در ایام تعطیل maryamimani 0 83 30-08-2016، 02:24 PM
آخرین ارسال: maryamimani
  طراحی سایت ساده: با ساده ترین امکانات، بهترین چیزها را خلق کنید maryamimani 0 39 28-08-2016، 10:09 AM
آخرین ارسال: maryamimani
  خلاقیت در طراحی سایت فروشگاهی آنلاین maryamimani 0 77 18-06-2016، 04:37 PM
آخرین ارسال: maryamimani
  روانشناسی چه کمکی در بهینه سازی طراحی سایت می کند maryamimani 0 145 18-05-2016، 03:07 PM
آخرین ارسال: maryamimani
  نکته‌هایی برای طراحی سایت مورد پسند گوگل maryamimani 0 60 14-04-2016، 10:53 AM
آخرین ارسال: maryamimani
  هشدار: بی تاثیر بودن تگ در سئو به خاطر ایجاد محتوای تکراری! maryamimani 0 27 05-04-2016، 11:58 AM
آخرین ارسال: maryamimani

پرش به انجمن:


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