0

هیچ محصولی در سبد خرید نیست.

طراحی سایت در اصفهان, سئو سایت اصفهان, ساخت سایت اصفهان, طراحی سایت حرفه ای اصفهان, بهینه سازی سایت , بازاریابی و دیجیتال مارکتینگ 09133886881 احمدپور

آرشیو مطالب طراحی سایت و سئو وب یار
sass

پیش پردازنده های sass و less همچنین چندین افکت برای css در قسمت زیر توضیح داده‌شده‌است. برای درک هر کدام از موارد گفته‌شده ، پیشنهاد می شود تا پایان این مقاله همراه ما باشید. Lessچیست؟   یک کتابخانه پیش پردازنده برای css است تا از تکرار برخی کدها جلوگیری کند.اگر برای نوشتن کدهای css به زبان جاوا احتیاج داشته باشید اما استفاده از این زبان را بلد نباشید می توانید با استفاده از less کدهای جاوا را بنویسید بدون آنکه احتیاج به یادگیری این زبان داشته باشید. در css نمی توان توابع و یا متغیرهایی برای آن تعریف کرد اما از طریق قابلیت هایی که less به آن اضافه می کند می توان متغییر و توابع را اضافه کنیم. حتی با افزودن قابلیت های دیگری می توان نوشتار های تو در تویی را اضافه کنیم. در قسمت زیر یک مثال برای تعریف متغییر که css قادر به ساخت آن نبود ،  نوشته شده است برای تعریف متغیرها از @ استفاده می شود و برای مقداردهی علامت : به کار برده می شود.   @width: 17px; @height: @width + 8px; #header { width: @width; height: @height; } خروجی این قسمت به صورت زیر است. #header { width: 17px; height: 25px; } چگونه باید از less استفاده کنیم؟ ابتدا باید less را نصب کنید برای این کار فایل آن را از سایت […]

شرکت طراحی سایت

 با سلام خدمت همه ی علاقه مندان طراحی سایت، سئو سایت و کسب درآمد از این صنعت جذاب. شاید شما هم مثل من عاشق اینترنت، فناوری وکسب درآمد از وب هستید ؟ یا حتی مثل من، اگر یک روز از اینترنت دور باشید و راجع به درآمد داشتن ازش فکر نکنید روزتون روز نمیشه؟ یا شاید هم تنها استفادتون از اینترنت چک کردن حساباتون، فیسبوک، ایمیل هاتون، واتس اپ، لاین و…یا فقط دیدن کلیپ های مورد علاقتون باشه؟ یک روز صبح  از بانک اس ام اس میاد ” واریز مبلغ 15,000,000 تومان به حساب شما با موفقیت انجام شد ”  و با تعجب می گین از کجا؟ کی ؟ من بهتون میگم: بنده: سیدرضا احمدپور، مدیریت تیم طراحی سایت وب یار واقع در شهر اصفهان هستم. من در این مطلب قصد دارم با استفاده از دانش و تجربه ی شخصیم کمکتون کنم تا شما هم راه موفقیت را پیدا کنید، آینده را برای خودتون بسازید و ادامه دهنده ی این راه باشید چرا که سخت معتقدم  زکات علممان نشر آن است. آموزش php jquery Css3 Html اصفهان تبصره ( آموزش در قالب انجام پروژه کامل یک سایته و ضمانت کتبی یاد گیری در جلسه اول خدمتتان تقدیم خواهد شد )  دوره آموزش php jquery Css3 Html اصفهان شامل : طراحی تخصصی و مدیریت سایت ( وبمستر ). 2- برای اولین […]

طراحی سایت اصفهان

ساخت گالری تصاویر در CSS در این نوشته سعی داریم شما را با نحوه ی ساخت گالری تصاویر در CSS آشنا کنیم. Css زبان مکمل html است و زبانی است که در کنار html قرار می گیرد تا شما با استفاده از آن بتوانید به عناصر خود رنگ، پس زمینه، فونت، سایز و.. بدهید کاری که با html قادر به انجام آن نیستید. در این نوشته با یکی دیگر از کار کرد های استفاده از 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> <div class=”desc”>Add a description of the image here</div> < /div> <div class=”img”> <a target=”_blank” href=”klematis2_big.htm”> <img src=”img/az-bulksms.jpg”  alt=”Klematis” width=”110″ height=”90″> < / a> <div class=”desc”>Add a description of the […]

شفاف کردن تصاویر در 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 src=”1.jpg”   class=”img-opacity”> […]

10 افکت css

معرفی css در این مقاله تیم طراحی سایت اصفهان وب یار قصد دارد شما را با 10 افکت css آشنا کند. css زبانی برای استایل دهی به عناصر html است که به کمک آن می توانید به زیباسازی صفحات وب بپردازید. هنگامی که تگ هایی مانند <font> به  html اضافه شدند، توسعه دهندگان وب را دچار نگرانی کرد؛ چرا که اضافه کردن رنگ و فونت در سایت های بزرگ در هر بخشی از صفحه بسیار زمان بر بود. برای حل همین مشکل، کنسرسیوم جهانی وب (W3C) پروژه CSS را شروع کرد. با امکاناتی که css در اختیارمان قرار می دهد می توانیم طرح های بسیار زیبایی در صفحات سایت ایجاد کنیم. در این مقاله 10 افکت css را در اختیار شما دوستان وب یار قرار می دهیم. با ما همراه باشید تا قدرت  css را به شما نشان دهیم.   1- تصویر سه بعدی ممکن است در بعضی از سایت ها دیده باشید که وقتی موس را روی تصویر می برید، تصویر به صورت سه بعدی در می آید و متنی که در پشت آن پنهان شده به نمایش در می آید. در این قسمت می خواهیم این افکت زیبا را با کدهای html و css ایجاد کنیم بدون این که از کد جاوا اسکریپت استفاده نماییم. کد html <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <link rel=”stylesheet” href=”style.css” type=”text/css”> […]

آموزش جی کوئری

آموزش جی کوئری JQuery   درس اول : جی کوئری چیست؟  قبل از اینکه آموزش JQuery را شروع کنیم تیم طراحی سایت اصفهان وب یار به شما پیشنهاد می دهد یک سری اطلاعات پایه ای راجع به موارد زیر داشته باشید : HTML Css Javascript ما فرض را بر این می گذاریم که شما با موارد ذکر شده آشنایی دارید؛ در غیر اینصورت می توانید از لینک های آموزش html ,javascript , css برای فراگیری این موارد بهره مند شوید. قبل از معرفی JQuery برای درک بهتر مطلب توضیح مختصری درباره اسکریپت ، زبان های اسکریپتی و جاوا اسکریپت ارائه  می دهم :   اسکریپت : اسکریپت در لغت به معنای متن سند و دستخط می باشد . اسکریپت یک برنامه یا مجموعه ای از دستورالعمل های نوشته شده با استفاده از یک زبان اسکریپتی است. اسکریپت ها برنامه های کوچکی اند که به وسیله آنها میتوان وظایفی که تکراری و طولانی هستند را به طور خودکار انجام داد . آنها کدهای برنامه نویسی هستند که کامپایل  نمی شوند و اغلب تفسیر می شوند .   زبان اسکریپتی : زبان اسکریپتی در حقیقت نمونه کوچک شده ای از یک زبان برنامه نویسی بزرگ (زبان مادر خود ) است . در این زبان برنامه نویسی کامپایل از مرحله اجرا جدا نیست و در زمان اجرا اتفاق می افتد . زبان های اسکریپتی […]