css در طراحی سایت

برای ایجاد دکمه در صفحات وب سایت خود می توانید به جای استفاده از تصاویر از HTML و CSS استفاده نمایید. می توانید برای ایجاد دکمه های html و css از سایت های زیر کمک بگیرید: http://www.cssbuttongenerator.com/ http://www.bestcssbuttongenerator.com/ http://css-tricks.com/examples/ButtonMaker/ http://www.cssbutton.me/ http://cssgradientbutton.com/ که بهترین آنها از نظر دارکوب http://www.cssbuttongenerator.com می باشد که پس از طراحی دکمه کد آن را در تب get the code در اختیار شما قرار می دهد. استفاده از این نوع دکمه ها در صفحه به شما این امکان را می دهند تا به راحتی فونت و رنگ بندی و همچنین ظاهر دکمه مورد نظر خود را در…
این مشکل تمامی طراحان وب بوده از زمانی که طراحی وب از صفحه بندی با table به div گرایش پیدا کرد و سوالی که برای اکثر طراحان مطرح بود آن بود که چگونه می توانم پس زمینه با 100% ارتفاع داشته باشم در لایه بندی چند ستونی. چندین روش برای حل این مشکل وجود دارد که در این بخش یک روش آن را بیان می نمایم که ممکن است در حالات زیر مورد استفاده پروژه شما واقع شود: تصاویر پس زمینه، بردرها، افکت های CSS3 مورد استفاده برای ستون های شما بیشتر از سه ستون ارتفاع و عرض انعطاف پذیر…
زمانی که قالب معمولی سایت خود را طراحی نمودید هم اکنون زمان آن می باشد که قالب سایت سازگار با رزولوشن های مختلف طراحی نمایید. برای انجام این کار کافی است ابتدا کد زیر را بین دو تگ head خود اضافه نماییم:  <meta name="viewport" content="width=device-width"> این کد به مرورگر دستور می دهد که صفحه را به اندازه پیسکل واقعی نمایش دهد. به عنوان مثال در صورتی که عرض سایت شما 1024 باشد سایت در کلیه مرورگرها و رزولوشن ها در همین سایز نمایش داده می شود که باعث اسکرول افقی خوردن سایت در تبلت و موبایل می شود. سپس کافی…
برای انجام این کار کافی است کد CSS زیر را به تصویر مورد نظر خود اختصاص دهید. در این مثال فرض بر آن است که شما قصد دارید تصویر در حالت پیش فرض به صورت سفید و سیاه باشد:  img { filter: url(filters.svg#grayscale); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */ } و برای آنکه تصویر با موس اور کاربر به حالت عادی و رنگی بازگردد می توانید از کد CSS زیر استفاده نمایید:  img:hover { filter: none; -webkit-filter: grayscale(0); }
در سایت های امروزه برخی از کارهای انیمیشن در سایت رو میشه با کدهای Html5 و Css3 نوشت که برای مثال عکس بالا توسط css دور باکس ها به صورت انیمیشن درست شده و ترتیب درست کردن آنرا توضیح میدهیم, برای اینکه در سایت بتونیم باکس های Shadow درست کنیم, که وقتی Hover میکنیم روی باکس, و دور باکس به صورت انیمیشن و سایه های رنگی به وجود بیاریم از کدهای زیر استفاده نمایید : کد Css : *{ padding:0; margin:0;} #master { /* [disabled]background-color: #F00; */ height: 895px; width: 980px; position: relative; margin: 0 auto; } #apDiv1 { position:…
ساخت منو Dorp Down افقی توسط Css اول یک فایل به اسم index.php میسازیم و بعد یک فولدر به اسم css میسازیم و داخل فولدر css فایل style.css را میسازیم . برای ساختن منوهای drop down توسط css اول در فایل index.php در قسمت <body> <body/> کدهای زیر را قرار دهید : <ul> <li>Item 1</li> <li>Item 2 <ul> <li>Sub Item1</li> <li>Sub Item1</li> <li>Sub Item1</li> </ul> </li> <li>Item 3</li> <li>Item 4 <ul> <li>Sub Item1</li> <li>Sub Item1</li> <li>Sub Item1</li> </ul> </li> <li>Item 5</li> <li>Item 6</li> </ul> و بعد برای لینک شدن صفحه index.php به صفحه style.css از کد زیر استفاده میکنیم و…
در صورتی که از کد نویسی css استفاده کرده باشید با نحوه معین کردن رنگ ها در آن آشنا شده اید. دو نوع کد برای رنگ داریم کد های 6 رقمی به عنوان مثال #cc99ff و کدهای سه رقمی به عنوان مثال #c9f. رنگ های سازگار با مرورگر وب سایت رنگ های 3 رقمی هستند. که این سه رقم هر رقم آن دوبل در نظر گرفته می شود. به عنوان مثال کد رنگی به مانند #c9f کد اصلی آن این چنین است #cc99ff به عنوان مثال: White (#ffffff) is written #fff in shorthand Black (#000000) is written #000 Red (#ff0000) is #f00 Green (#00ff00)…
امروز سازگاری وب سایت طراحی شده با مرورگرهای موبایل بسیار مهم می باشد بنابراین تمامی طراحان سعی در سازگار سازی سایت با مرورگرهای موبایل دارند. در این مقاله به شما نحوه ایجاد منو سازگار با موبایل توسط html و css و بدون استفاده از جاوا اسکریپت آموزش داده خواهد شد. این منو قابلیت چپ چین، راست چین و وسط چین سدن را دارد. این منو با موسط اور بر روی منو باز می شود. همچنین این منو شامل مشخص کننده منو فعال می باشد. این منو در مرورگرهای موبایل و کامپیوتر سازگاری کامل دارد. هدف هدف این مقاله چگونگی تبدیل…
در صورتی که به دایوی مکان ثابت داده اید و قصد دارید دایو را در صفحه به صورت وسط چین قرار دهید از کد زیر جهت وسط چین کردن دایو خود در صفحه استفاده نمایید این کار را می توانید از طریق ویرایش فایل css خود انجام دهید. این کد css را برای هر تگ html دیگر نیز می توانید استفاده نمایید #content{ position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; }

تماس با ما

info [ at ] joomir.com
تهران، سعادت آباد، سرو غربی، کوچه آریا، پلاک 4، واحد 7
22083926 - 22085386 - 22082258
طراحی سایت دارکوب | هاست دارکوب | دارکوب نام و علامت تجاری ثبت شده این مجموعه می باشد