نماد سایت طراحان وب تبریز – طراحی سایت در تبریز – آژانس خلاقیت وب سایت تبریز

اخبار طراحان وب تبریز

Ajax چگونه کار می کند

در کد نویسی سنتی جاوا اسکریپت, در صورتی که قصد داشته باشد از دیتابیس و یا فایلی بر روی سرور اطلاعات بگیرید, و یا ارسال اطلاعات کاربر به سرور, شما می بایست برای ارسال اطلاعات به دو روش get و post فرم طراحی می نمودید. و کاربر مجبور بود بر روی کلید ارسال کلیک نماید…

وسط چین کردن یک دایو div با position absolute

در صورتی که به دایوی مکان ثابت داده اید و قصد دارید دایو را در صفحه به صورت وسط چین قرار دهید از کد زیر جهت وسط چین کردن دایو خود در صفحه استفاده نمایید این کار را می توانید از طریق ویرایش فایل css خود انجام دهید. این کد css را برای هر تگ…

ساخت منو وب سایت سازگار با موبایل توسط css

امروز سازگاری وب سایت طراحی شده با مرورگرهای موبایل بسیار مهم می باشد بنابراین تمامی طراحان سعی در سازگار سازی سایت با مرورگرهای موبایل دارند. در این مقاله به شما نحوه ایجاد منو سازگار با موبایل توسط html و css و بدون استفاده از جاوا اسکریپت آموزش داده خواهد شد. این منو قابلیت چپ چین،…

انتخاب رنگ برای وب سایت

در صورتی که از کد نویسی css استفاده کرده باشید با نحوه معین کردن رنگ ها در آن آشنا شده اید. دو نوع کد برای رنگ داریم کد های ۶ رقمی به عنوان مثال #cc99ff و کدهای سه رقمی به عنوان مثال #c9f. رنگ های سازگار با مرورگر وب سایت رنگ های ۳ رقمی هستند.…

ساخت منو Dorp Down افقی توسط Css

ساخت منو Dorp Down افقی توسط Css اول یک فایل به اسم index.php میسازیم و بعد یک فولدر به اسم css میسازیم و داخل فولدر css فایل style.css را میسازیم . برای ساختن منوهای drop down توسط css اول در فایل index.php در قسمت <body> <body/> کدهای زیر را قرار دهید : <ul> <li>Item 1</li>…

کد Css جهت انیمیشن کردن باکس

در سایت های امروزه برخی از کارهای انیمیشن در سایت رو میشه با کدهای Html5 و Css3 نوشت که برای مثال عکس بالا توسط css دور باکس ها به صورت انیمیشن درست شده و ترتیب درست کردن آنرا توضیح میدهیم, برای اینکه در سایت بتونیم باکس های Shadow درست کنیم, که وقتی Hover میکنیم روی…

افکت سفید و سیاه (Grayscale) کردن تصاویر توسط CSS

برای انجام این کار کافی است کد CSS زیر را به تصویر مورد نظر خود اختصاص دهید. در این مثال فرض بر آن است که شما قصد دارید تصویر در حالت پیش فرض به صورت سفید و سیاه باشد:  img { filter: url(filters.svg#grayscale); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); /*…

طراحی نسخه ریسپانسیو سایت با استفاده از HTML و CSS

زمانی که قالب معمولی سایت خود را طراحی نمودید هم اکنون زمان آن می باشد که قالب سایت سازگار با رزولوشن های مختلف طراحی نمایید. برای انجام این کار کافی است ابتدا کد زیر را بین دو تگ head خود اضافه نماییم:  <meta name=”viewport” content=”width=device-width”> این کد به مرورگر دستور می دهد که صفحه را…

رفع مشکل ارتفاع یکسان ستون ها در طراحی وب

این مشکل تمامی طراحان وب بوده از زمانی که طراحی وب از صفحه بندی با table به div گرایش پیدا کرد و سوالی که برای اکثر طراحان مطرح بود آن بود که چگونه می توانم پس زمینه با ۱۰۰% ارتفاع داشته باشم در لایه بندی چند ستونی. چندین روش برای حل این مشکل وجود دارد…

ساخت دکمه های html توسط CSS برای سایت

برای ایجاد دکمه در صفحات وب سایت خود می توانید به جای استفاده از تصاویر از HTML و CSS استفاده نمایید. می توانید برای ایجاد دکمه های html و css از سایت های زیر کمک بگیرید: http://www.cssbuttongenerator.com/ http://www.bestcssbuttongenerator.com/ http://css-tricks.com/examples/ButtonMaker/ CSS Tutorials http://cssgradientbutton.com/ که بهترین آنها از نظر دارکوب http://www.cssbuttongenerator.com می باشد که پس از طراحی…

طراحی آیتم های بیشتر برای لیست های بلند توسط jquery

برای ایجاد لینک آیتم های بیشتر برای لیست های بلند می توانید از کد jquery زیر استفاده نمایید.  <html> <head><title>Test</title></head> <body> <ul class=”more”> <li>one</li> <li>two</li> <li>three</li> <li>four</li> <li>five</li> <li>six</li> <li>seven</li> <li>eight</li> <li>nine</li> <li>ten</li> </ul> <script type=”text/javascript” src=”/jquery-1.3.1.js”></script> <script type=”text/javascript”> $(function() { $(“ul.more”).each(function() { $(“li:gt(4)”, this).hide(); /* :gt() is zero-indexed */ $(“li:nth-child(5)”, this).after(“<li class=’more’><a href=’#’>More…</a></li>”); /*…

۶ پلاگین افکت اسکرولی نامحدود jQuery

افکت اسکرول نامحدود را دیده اید. در سایت هایی مثل فیس بوک و گوگل پلاس. این افکت به این صورت می باشد که زمانی که اسکرول کاربر به انتهای صفحه می رسد سایر مطالب لود می شود. در حقیقت اسکرول نامحدود جایگزین صفحه بندی شده. اسکرول نامحدود بسیار کاربر پسند تر از سیستم صفحه بندی…

۹ پلاگین jQuery ناوبری وب سایت

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

اسکرول به بالا jquery

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

ایجاد تقویم فارسی در فرم توسط jquery

جهت ایجاد انتخاب کننده تاریخ فارسی از تقویم در فرم می توانید از این پلاگین jquery استفاده نمایید. استفاده از این پلاگیت بسیار ساده است و کافی است کدهای زیرا را در بالای فرم خود کپی نموده و فایل های مورد نظر را بر روی سرور خود بارگذاری نمایید: <link type=”text/css” href=”styles/jquery-ui-1.8.14.css” rel=”stylesheet” /> <script…

۱۰ دستور jQuery که طراحان وب می بایست بدانند

jQuery در صفحان وب سایت بسیاری مورد استفاده قرار می گیرد. و یکی از متداول ترین کتابخانه هایی است که در صفحات وب سایت استفاده می شود, که عمکرد آن با آبجکت DOM است. البته, دلیل اصلی استفاده از jQuery سادگی آن است. و شما می توانید هر کاری توسط این کتابخانه انجام دهید. چندین…

ساخت اسکرول بینهایت توسط jquery و تابع load

در صورتی که قصد دارید تا کاربر فقط دسترسی برای درج کاراکترهای فارسی را در فیلدها فرم داشته باشد این کار را می توانید توسط jquery انجام دهید. برای انجام این کار کافی است تا کد زیر را در هدر صفحات خود اضافه نمایید.  <script type=”text/javascript” src=”jquery.js”></script> <script type=”text/javascript” src=”jkblayout.min.js”></script> خط اول کتابخانه jquery را…

لینک کردن یک ردیف TR جدول در HTML

در این مقاله به شما روش لینک نمودن یک ردیف کامل از جدول TABLE در اچ تی ام ال را آموزش خواهم داد. روش های متفاوتی برای انجام این کار وجود دارد اما روش زیر راحترین روش انجام این کار می باشد که با استفاده از JQUERY انجام می گردد. برای این کار کافی است…

جهش به فیلد بعدی فرم به محض رسیدن به حداکثر ظرفیت

زمانی در فرم لازم است که پس از درج فیلد و رسیدن فیلد به حداکثر ظرفیت (maxlength) تعریف شده آن نشانه گر به صورت اتوماتیک به فیلد بعدی انتقال یابد تا کاربر بتواند به راحتی فرم را تکمیل نماید. به عنوان مثال فرمی را در نظر بگیرید که در آن فیلدهایی برای گرفتن شماره تلفن…

Marquee و w3c

وب سایت :http://www.w3.org/wiki/HTML/Elements/marquee w3c استفاده marquee را در html5 ممنوع نموده است. به جای استفاده از marquee از موارد زیر استفاده نمایید: ——————– استفاده از javascript به جای marquee استفاده از انیمیشن css که در تمامی مروزگرها قابل اجرا نیست از marquee استفاده نمایید و خطای w3c را در نظر نگیرید از marquee استفاده ننمایید…
خروج از نسخه موبایل