0

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

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

آرشیو مطالب
متد before در جی کوئری

متد Before در جی کوئری جی کوئری یک کتابخانه ی جاوا اسکریپت سریع، کوچک و بسیار غنی می باشد. جی کوئری یک چارچوب از جاوا اسکریپت است که هدف آن آسان ساختن استفاده از کد های جاوا اسکریپت در طراحی سایت می باشد. با متد ها و قواعد دستوری جی کوئری که در آموزش های قبلی به آن ها اشاره شد می توانید عناصر Html را انتخاب کنید و عملیات مورد نظر خود را بر روی آن ها انجام دهید. در این آموزش تیم طراحی سایت اصفهان وب یار قصد دارد شما را با متد Before در جی کوئری آشنا کنیم.   به وسیله متد Before در جی کوئری می توانید محتوای مورد نظر خود را قبل از عناصر انتخاب شده در صفحه ی Html قرار دهید. طریقه استفاده از متد Before در جی کوئری به صورت زیر است.

selector :  مشخص کننده عنصری است که می خواهید محتویات مورد نظرتان قبل از آن وارد شود. Content  :  مشخص کننده محتویاتی است که می خواهید قبل از عنصر مورد نظر خود درج کنید.   به مثال های زیر توجه کنید:

در این مثال با استفاده از متد Before با هر بارکلیک بر روی دکمه  همان طور که مشاهده می کنید متن !Hello world قبل از متن This is a paragraph  به نمایش در می آید. و با هر بار […]

10 افکت css

معرفی css در این مقاله تیم طراحی سایت اصفهان وب یار قصد دارد شما را با 10 افکت css آشنا کند. css زبانی برای استایل دهی به عناصر html است که به کمک آن می توانید به زیباسازی صفحات وب بپردازید. هنگامی که تگ هایی مانند <font> به  html اضافه شدند، توسعه دهندگان وب را دچار نگرانی کرد؛ چرا که اضافه کردن رنگ و فونت در سایت های بزرگ در هر بخشی از صفحه بسیار زمان بر بود. برای حل همین مشکل، کنسرسیوم جهانی وب (W3C) پروژه CSS را شروع کرد. با امکاناتی که css در اختیارمان قرار می دهد می توانیم طرح های بسیار زیبایی در صفحات سایت ایجاد کنیم. در این مقاله 10 افکت css را در اختیار شما دوستان وب یار قرار می دهیم. با ما همراه باشید تا قدرت  css را به شما نشان دهیم.   1- تصویر سه بعدی ممکن است در بعضی از سایت ها دیده باشید که وقتی موس را روی تصویر می برید، تصویر به صورت سه بعدی در می آید و متنی که در پشت آن پنهان شده به نمایش در می آید. در این قسمت می خواهیم این افکت زیبا را با کدهای html و css ایجاد کنیم بدون این که از کد جاوا اسکریپت استفاده نماییم. کد html

کد css

نتیجه ی کد بالا را می توانید […]

9a56a8993b359e77cd22fbbac55b9978

هک رشد (Growth hacking) یا خلق رشد یک واژه ی جدید است که در دهه ی اخیر پا به عرصه کسب و کارها گذاشته  و هنوز بسیاری از افراد معنای درست آن را نمی دانند و تصور می کنند هک رشد به معنای بازاریابی است، ولی باید گفت که دقیقا نقطه مقابل بازاریابی است و شامل تکنیک های زیادی است که باعث می شود سریعتر و راحت تر از روش های بازاریابی ، مشتری و کاربران را جلب کرد و به هدف نهایی رسید . از مهم ترین ویژگی های هک رشد Growth hacking ( خلق رشد ) انعطاف پذیری آن می باشد یعنی فرقی نمی کند که رشد برای یک محصول است یا یک شرکت بزرگ ، همه می توانند از خلق رشد در جهت توسعه کسب و کار خود از آن استفاده نمایند. برای شناخت و کسب اطلاعات بیشتر در مورد هک رشد و تکنیک های هک رشد با تیم امنیت سایت وب یار همراه باشید. تاریخچه هک رشد اولین باری که واژه ی هک رشد Growth hacking ابداع شد در سال 2010 توسط سین الیس (Sean Ellis) بود . او معتقد بود هکر رشد کسی است که تمام فکر و ذکرش رشد استارتاپ باشد در غیر اینصورت او هکر رشد محسوب نمی شود . سین الیس به شرکت های مختلف و استارت آپ های نوپا کمک می کرد تا […]

اسلایدر در بوت استرپ

آموزش اسلایدر در بوت استرپ Carousel اسلایدری است که برای نمایش تصاویر، نوشته­ ها، ویدئو و انیمیشن­ های متحرک به کار می رود. پوسته  اصلی اسلایدشو ها تصاویر می باشند. در صفحه تنها می توان از یک Carousel استفاده کرد. برای ساخت اسلایدر حرفه ای با استفاده از بوت استرپ با تیم طراحی سایت اصفهان وب یار همراه باشید. مثال زیر نشان می دهد که چگونه می توان یک Carousel ساده را با استفاده از کد های Bootstrap ایجاد کرد.

اسلایدشو برای عملکرد مناسب کنترل های خود  نیاز به یک شناسه (در این مورد id=”myCarousel”) دارد.   <div> خارجی در این کد، ” class=”carousel مشخص می کند که این div حاوی Carousel می باشد. کلاس slide افکت های transition و animation را اضافه می کند که باعت ایجاد حالت اسلایدی برای عکس ها در هنگام نمایش آیتم های بعدی می شود. ویژگی data-ride=”carousel” به Bootstrap می گوید که بلافاصله پس از بارگذاری صفحات حرکت انیمیشنی Carousel را شروع می کند.   بخش  Indicators  Indicators ها نقطه های کوچکی در پایین هر اسلاید هستند که نشان می دهد چند آیتم در carousel وجود دارد. Indicators ها در یک لیست مرتب با کلاس .carousel-indicators مشخص می شوند. خصوصیت data-target به id carousel اشاره می کند. خصوصیت data-slide-to مشخص می کند که هنگام کلیک کردن بر روی یک دکمه ی خاص باید به کدام […]

قرار دادن ویدئو در سایت

نحوه اپلود فیلم در سایت امروزه ویدئوها محبوبیت ویژه ای دارند و از آسان ترین راه های ارتباط با مخاطبان محسوب می شوند. با قرار دادن ویدئو در سایت می توانید شاهد جذب مخاطبان بیشتر در سایت تان باشید. کاملاً واضح است که در صورت استفاده صحیح از ویدئو در سایت زمان حضور مخاطبان در سایت شما افزایش می یابد. البته باید مراقب باشید تا صدمه ای به عملکرد سایت نزنید و باعث کاهش سرعت سایت نشوید. گاهی اوقات آن طور که با یک ویدئوی چند دقیقه ای می توانیم منظورمان را به مخاطب برسانیم با نوشتن چند صفحه نمی توان این کار را انجام داد. اکنون این سوالات مطرح است، قراردادن ویدئو در سایت می تواند در سئو سایت موثر باشد؟ چگونه از ویدئو در سایت استفاده کنیم تا سرعت سایت کاهش پیدا نکند؟ برای پاسخ به این سوالات با تیم طراحی سایت اصفهان وب یار همراه باشید و این مقاله را حتماً تا آخر بخوانید چرا که روش صحیح قرار دادن ویدئو بر روی سایت از نظر سئو امری بسیار ضروری است. نحوه قرار دادن ویدئو در سایت برای قرار دادن ویدئو در سایت دو روش وجود دارد روش اول این که ویدئو را در هاست سایت بارگذاری کنید و در مکانی که می خواهید ویدئو را نمایش دهید از تگ video استفاده کنید؛ کد آن به صورت زیر […]

از بین بردن border تصاویر در برخی از مرورگرها

حذف border تصاویر در مرورگرها برخی از مواقع هنگامی که شما یک تصویر را بر روی یک صفحه­ ی وب لینک می دهید ، بعضی از مرورگرهای وب به­ طور خودکار یک حاشیه در اطراف تصویر اضافه می­ کنند. در این مقاله به معرفی روش­ هایی می­ پردازیم که با استفاده از آن­ ها بتوانیم این border تصاویر را از بین ببریم و یا ایجاد کنیم. برای حذف border تصاویر در برخی از مرورگرها ، دو روش مختلف css  وجود دارد. از بین بردن border تصاویر در روش اول می­ توان  css , style را به­ صورت داخلی به تگ img اضافه کرد. لذا برای از بین بردن border تصاویر باید مقدار border attribute تگ img را صفر و یا none در نظر گرفت.

  با توجه به این­که روش اول (inline styles) مدت زمان زیادی است که دیگر استفاده نمی­ شود ، امروزه بهتر است برای نوشتن یک  style  از یک external stylesheet به جای اضافه کردن style به­ صورت مستقیم به تگ­ های html استفاده کرد. بنابراین برای از بین بردن border تصاویر ،  یک فایل با نام style.css ایجاد کرده و کد زیر را به آن اضافه می کنیم.

یا

حال باید stye.css به فایل html لینک شود تا محتویات نوشته شده در آن به محتویات فایل html اعمال گردد. قرار دادن border برای تصاویر […]