0

سبد خرید شما خالی است.

طراحی سایت در اصفهان, سئو سایت اصفهان, طراحی سایت فروشگاهی , شرکت طراحی سایت اصفهان, طراحی حرفه ای سایت اصفهان, بهینه سازی سایت , بازاریابی و تبلیغات اینترنتی

css

محل قرار گیری عناصر ، خواص float و clear
مطالعه :

محل قرار گیری عناصر ،خواص float و clear در مقاله امروز قصد بیان سه Property کاربردی در css  را دارم . برای آشنایی کامل با Property های position،float،clear تا انتهای مطلب با تیم طراحی سایت اصفهان همراه باشید. خاصیت position خاصیت position  برای تعیین موقعیت عناصر در یک صفحه تعیین می شود . هم چنین با استفاده از این ویژگی می توانید عناصر را در صفحه وب پشت سر هم قرار دهید . ویژگی position دارای 4 مقدار اصلی می باشد که هر کدام دارای کاربرد مخصوص به خود است.در ادامه به بررسی چهار مقداری که ویژگی position دارد ، می پردازم. static تمام عناصر html به طور پیش فرض دارای مقدار استاتیک هستند به عبارتی نوشتن و یا ننوشتن مقدار static در هنگام کد نویسی تاثیری نخواهد داشت و عناصر در همان محلی که هستند نمایش داده می شوند.عناصری که از ویژگی static استفاده می کنند از ویژگی های top,right,bottom,left تبعیت نمی کنند. Fixed عناصری که مقدار position آن ها fixed می باشد حتی در صورت scrool خوردن صفحه و یا تغییر اندازه پنجره مرورگر در موقعیت خود قرار خواهند گرفت و موقعیت آن ها نسبت به قبل هیچ تغییری نخواهد کرد. Relative عناصری که به صورت  relative مقدار دهی می شوند نسبت به موقعیت فعلی خود موقعیت دهی می شوند به عبارتی می تواند نسبت به محل قرار […]

مطالعه :

طریقه نوشتن css برای طراحی سایت Style دهی به عناصر html روش های گوناگونی دارد .اگر شما هم در نوشتن style عناصر خود دچار مشکل هستید و نمی دانید از کدام روش استفاده کنید با تیم وب یار از طراحی سایت اصفهان  همراه باشید. به طور کلی  طریقه نوشتن css به سه صورت انجام می گیرد (internal, inline ,external)  اولین روش به آن internal style sheet می گویند. در این روش کد های css را درون فایل html و تگ head   قرار می دهیم. این روش زمان بارگذاری صفحه را افزایش می دهد. بنابراین اصلا توصیه نمی شود. تنها مزیت این روش نسبت به روش بعدی (درون خطی) این است که می تواند از خاصیت ارث بری کلاس ها استفاده کند. یعنی می توانید از یک style در چندین جای صفحه استفاده کنید. در ادامه مثالی از شیوه کد نویسی این روش را برایتان قرار می دهیم: <head> <style> h {color:silver;} p { margin-left:20px; } body { background-image:url(“images/bg.gif”); } </style> </head>   روش دوم از طریقه نوشتن inline style sheet ، css است. در این روش دقیقا style را درون عنصری تعریف می کنیم که می خواهیم به آن cssبدهیم .این روش برای سایت هایی که تعداد صفحات کمتری دارند می تواند استفاده شود اما هرگز توصیه نمی شود زیرا مانند روش قبل سرعت بارگذاری صفحه را افزایش می دهد . مثال : […]

طراحی سایت اصفهان
مطالعه :

ساخت گالری تصاویر در CSS در این نوشته سعی داریم شما را با نحوه ی ساخت گالری تصاویر در CSS آشنا کنیم. Css زبان مکمل html  است و زبانی است که در کنار html قرار می گیرد و شما با استفاده از آن می توانید به عناصر خود رنگ, پس زمینه, فونت, سایز و.. بدهید کاری که با html قادر به انجام آن نیستید. در این نوشته با یکی دیگر از کار کرد های استفاده از css  آشنا می شوید. در مثال های زیر با استفاده از css گالری ساخته شده است. شما می توانید خودتان کد ها را استفاده کنید و چگونگی ایجاد یک گالری تصاویر در CSS را مشاهده کنید. مثال1   <html>   <head>   <meta charset=”utf-8″>   <title>گالری عکس سایت</title>   <style>   div.img {   margin: 5px;   padding: 5px;   border: 1px solid #0000ff;   height: auto;   width: auto;   float: left;   text-align: center;   }   div.img img {   display: inline;   margin: 5px;   border: 1px solid #ffffff;   }   div.img a:hover img {   border:1px solid #0000ff;   }   div.desc {   text-align: center;   font-weight: normal;   width: 120px;   margin: 5px;   }   </style>   < /head>   <body>   <div class=”img”>   <a href=”klematis_big.htm” target=”_blank”>   <img src=”img/action-sms.jpg” alt=”Klematis” width=”110″ height=”90″>   </a> […]

مطالعه :

شفاف کردن تصاویر در CSS یکی از قابلیت های دیگری که css3 دارد شفاف کردن تصاویر می باشد اگر شما هم مایل به شفاف کردن تصویری در سایت خود هستید اما روش آن را نمی دانید با تیم وب یار  از طراحی سایت در اصفهان همراه باشید شفاف کردن تصاویر  در cssرا می توان با خاصیت opacity انجام داد به طوری که هر چقدر مقدار بالاتری داشته باشد عکس واضح تر است و هرچقدر کمتر باشد عکس شفافیت کمتری دارد .این خاصیت میزان شفافیت و وضوح یک عنصر راازصفر  تا یک مشخص می کند که صفر به معنای وضوح کامل و یک به معنای عدم وضوح کامل است مقدار پیش فرض یک ست که همان عکس اصلی را نشان می دهد  بنابراین با کاهش مقدار opacity  می توان شفافیت یک عکس را کم کرده و کاری کنید که محتوای پشت آن نیز دیده شود . برای مقدار opacity  علاوه بر عدد بین صفر تا یک ، inherit را هم می توان قرار داد که در این صورت عنصر شفافیت خود را از عنصر مادر (parent)به ارث می برد . شکل کلی استفاده از این خاصیت به صورت زیر است opacity: value | inherit ; در ادامه مثالی از شفاف کردن یک تصویر را برای شما قرار می دهیم <!DOCTYPE HTML> <html> <head> <style> Img-opacity{. Opacity:0.4; Width:150px; Height:150px; </head> <body> <img […]

css Shapes
مطالعه :

اشکال در css اگر شما نیز یک طراح وب سایت هستید، قطعا برای شما هم رخ داده است که بخواهید با استفاده از اشکال در css چندضلعی ها و طرح های زیبا رسم نمایید. خوب است بدانید، بیش‌تر شکل‌ها در CSS با ترکیبی از چند ضلعی ها به وجود آمده اند، حتی شکل مثلث! در ادامه با ما همراه باشید تا با رسم اشکال در css دستورات کلی آن را فرا بگیرید.     روشهای رسم اشکال در css برای رسم اشکال در css روشهای مختلفی وجود دارد. اکثر پارامترهایی که در ساخت اشکال css مورد استفاده قرار می گیرند ، به شرح زیل می باشد: – Border-radius – Border – Transform – Clip-path – Box-shadow در ادامه هر کدام را با ذکر مثال توضیح می دهیم.   Border-radius Border Radius در css میزان خمیدگی لبه های چند ضلعی را مشخص می کند. این پارامتر بر اساس پیکسل یا درصد مقدار دهی می کند. با استفاده از Border Radius می توان اشکالی مانند دایره و بیضی رسم کرد.   دایره: .circle{ height: 250px; width: 250px; border-radius:50%; background-color:#29DBC7; }   Border با استفاده از این ویژگی می توانید خط باریکی در اطراف شکل ایجاد نمایید. شکل زیر تنها با استفاده از border و بدون در نظر گرفتن width و height  (مقدار صفر) طراحی شده است.   مثلث رو  به بالا: #triangle-up […]

menu-css-html
مطالعه :

نحوه­ ی ایجاد منو و زیر منو با  Html و Css همانطور که می دانید یکی از مهم ترین بخش های وب سایت که منوی ناوبری می باشد و جز بخش های بسیار تزئینی و تعاملی صفحه است .در این مقاله شما را با نحوه ی ایجاد منو و زیر منو آشنا خواهیم کرد.به طوریکه در پایان این آموزش شما می ­توانید یک منوی ناوبری تعاملی ایجاد نمایید. با تیم طراحی سایت وب یار همراه باشید. در مرحله ی اول باید کد های html  مربوط به منوی اصلی در یک فایل با پسوند html نوشته و ذخیره شود. برای نوشتن منو در html   تگ های ul و li مورد استفاده قرار می گیرد . <!DOCTYPE html> <head> <title>DropDown Menu with HTML and CSS</title> </head> <body> <nav> <ul> <li><a href=”#”>طراحی سایت </a></li> <li><a href=”#”>سئوسایت </a></li> <li><a href=”#”>طراحی فروشگاه اینترنتی </a></li> <li><a href=”#”>درباره وب یار</a></li> <li><a href=”#”>تماس با وب یار</a></li> </ul> </nav> </body> </html> کد بالا یک فهرست توسط ul ایجاد می کند و آیتم­ های منو در درون این فهرست و در تگ li قرار می گیرند. کد های بالا لیستی از منوی ساده ی عمودی فاقد زیر منو را نمایش می دهد که شامل 5 منوی اصلی می باشد. تا اینجا تنها منو های اصلی طراحی شده است , حال برای این که منو هایی با زیر منو داشته باشیم […]