در این مطلب در خدمت تون هستم با فیلم آموزش سی اس اس نحوه ی پنهان کردن یک تصویر و نمایش تصویر دیگر  را آموزش بدهم ، امیدوارم براتون مفید باشه.( آموزش درخواستی کاربر) ؛ صفحه مربوط به دمو و کدها (کلیک کنید)

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

در این مطلب می خواهم نحوه ی پنهان کردن یک تصویر و نمایش تصویر دیگر با سی اس سی را آموزش بدهم ، امیدوارم براتون مفید باشه.( آموزش درخواستی کاربر)

مرحله اول  : با استفاده از اچ تی ام ال یک باکس هم اندازه با تصویر مورد نظرمون ایجاد میکنیم.

<div class="balochdesign"></div>

مرحله دوم : سپس تصاویر مورد نظرمون رو داخل باکس میگذاریم. برای هر تصویر یک نام کلاس در نظر می گیریم. (برای اعمال استایل)

<div class="balochdesign">
<img class="ax1" src="http://lorempixel.com/200/200" />
<img class="ax2" src="http://lorempixel.com/200/200/sports" />
</div>

تصاویر سرعت بیشتری در انتقال مفهوم و جذب کاربر در مقابل متن و تیترهای گنده را دارد.بسیاری از صفحات اینترنتی بیشتر به جای استفاده از متن های طولانی سعی می کنند کاربران را با یک تصویر جذاب به سوی اهداف خویش جذب کنند.استفاده پرکاربرد تصاویر در طراحی قالب سایت ها نیز یکی از عواملی هست که ما باید از ابزاری برای بهینه سازی تصاویر خودمان استفاده کنیم ؛ که بتوانیم مشکلاتی چون دیر بالا اومدن ( لود شدن سایت ) در اثر استفاده از تصاویر حجیم را براحتی حل کنیم.

ابزار بهینه ساز تصاویر

اگر شما هم از کاربران جدید ویندوز ۱۰ هستید و نسخه نهایی(Build 10586) این ویندوز رو نصب کرده باشید ، میدانید که آپدیت ها به صورت خودکار دانلود و نصب می شوند. در این مطلب میخواهیم دو روش  غیر فعال سازی آپدیت خودکار ویندوز ۱۰ را بررسی کنیم هر کدوم که شما دوست داشتی رو انتخاب کنید.

با سلام ، اگر شما هم یکی از نرم افزارهای مورد استفاده روزانه و یا مورد علاقه تون فتوشاپ هست ، حتمن بعد از نصب آپدیت جدید فتوشاپ 2015 به مشکل فعالسازی مواجه شده اید و یا اصلا فعالساز معتبر نداشته اید که فعال کنید. بنده با نصب آپدیت های فتوشاپ کرکش نیز از کار افتاد و زمان استفاده رایگان هم به پایان رسیده بود که !

اگر اهل وبگردی هستید و یا کدنویس وب شاید دیده باشید که در بعضی از صفحات ، " بعنوان مثال در همین صفحه اگه شما یک متن را انتخاب کنید رنگ متن و پس زمینه آن تغییر میکند. " شاید دوست داشته باشید که این امکان را به وبلاگ یا صفحات خود اضافه کنید و یا اینکه بدانید چگونه با سی اس اس رنگ متن انتخاب شده را تغییر بدهیم؟

کافیست شما کد زیر را به کدهای استایل ( فایل CSS ) خود اضافه کنید.

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

راستی برای اطلاع از آخرین مطالب از قسمت مدیریت پنل بلاگ ---> ارتباط ---> وبلاگهای که دنبال میکنم ----> وبلاگ ما رو دنبال کنید. 

   راهنمای استفاده :  در گام اول کد استایل زیر را کپی و در بخش قالب --> فایل css  اضافه کنید و تغییرات را ذخیره کنید. 

در گام بعدی هم  کد باکس مورد نظر را انتخاب و کپی کنید وارد بخش ساختار قالب وبلاگتون شوید و کد صفحات رو بعد از تگ <box:post_list/> قرار بدهید. (کد باکس صفحات را بعد از پایان کدهای نمایش پست بلاگ تان قرار بدهید) 

در حال حاضر آندروید پر طرفدارترین و پر استفاده ترین سیستم عامل هست ، شاید شما هم مثل من دوست داشته باشید این سیستم عامل محبوب را در ویندوز خود تجربه کنید و  همزمان که در حال گشت و گذار در اینتزنت هستید از برنامه های آندرویدی و بازی ها استفاده کنید ، قطعا تجربه جالب و زیبایی خواهید داشت و لازم نیس در هنگام وبگردی حواستون با نوار وضعیت گوشی تان یا صدای هشدار برنامه های آن باشد ! شما می توانید برنامه های زیر را در ویندوز خود نصب کنید و همزمان کارهای زیادی انجام دهید! پیام دوست تان خود را در ابزارهای اجتماعی بخوانید و برایشان پیام بفرستید و مطالب محبوب خود در سراسر نت را نیز همزمان بخوانید ، شما با استفاده از این برنامه ها میتوانید تموم برنامه های آندرویدی و بازی ها را بدون مشکل اجرا کنید و از آن ها در کنار ویندوز خود لذت ببرید ! کافیست رو دکمه ادامه مطلب کلیک کنی و از این تجربه لذت ببرید.

همه روزه کاربران زیادی در شبکه های اجتماعی مطلب منتشر میکنند و با همدیگر به اشتراک میگذارند یا به این شبکه می پیوندند، شاید از خودتان پرسیده باشید چگونه برای پست های سایت یا وبلاگ خود دکمه اشتراک گذاری ایجاد کنید؟ اگر راه حل مناسبی پیدا نکرده اید ! رو دکمه ادامه مطلب کلیک کنید. پیدا کرده اید ؟ همیشه راه حل بهتری هست  ها :)

با سلام خدمت همه دوستان ، امروز میخوام نحوه ی درج متن کپی رایت بر روی عکس ها تو فتوشاپ رو بگم

اینکار رو میشه به دو روش انجام داد.

روش اول : ایجاد براش (Brush)   از واتر مارک

روش دوم : ایجاد پترن (Pattern)  از واترمارک

یک فایل جدید ایجاد میکنیم تنظیمات رو مشابه عکس تنظیم کنید.

feed rss یکی از راههای اطلاع رسانی به روز شدن سایت است که برای دنبال کردن مطالب سایت ازش استفاده میشه اما با وجود ربات های مزاحم این خوراک باعث دردسر میشود ! چون این ربات ها مطالب شما رو از طریق rss شناسایی و در وب های دیگر به صورت خودکار ثبت میکنند. این سایت ها افزایش چشمگیری پیدا کرده اند. یکی از راههای ناکام گذاشتن این سایتها بستن فید (Feed, RSS, XML) سایت است.

چگونه غیرفعال کنم ؟ غیرفعال سازی RSS بلاگ

امروز میخوام یه ابزار برای تست بهینه بودن سایت و وبلاگ برای موبایل رو معرفی کنم. این ابزار توسط W3C  ایجاد شده و برای استفاده از آن نیاز نیست که از -- قند شکن -- استفاده کنید برعکس ابزار گوگل! که میگه دسترسی نداریم. خب بهتره خودتون ازش استفاده کنید و سایتتون رو برای موبایل بهینه (Mobile friendly) کنید. کارآیی این ابزار از گوگل بهتره این ابزار تنها واکنش گرا بودن (Responsive) صفحه مورد نظر چک نمیکنه ، گزینه های همچون لود صفحه در موبایل و ...

دراین فیلم آموزشی یک صفحه عریض را با html و css کدنویسی می کنیم. امیداورم براتون مفید باشه ! در مطالب بعدی با html5  عزیز آشنا می شویم  و به همرا آن با فیلم آموزشی یک صفحه با ساختار دو ستونه ایجاد می کنم.

در این بخش می خواهم مطالبی در مورد آموزش فتوشاپ برای طراحی وب قرار بدم، امیدوارم براتون مفید باشه.

  • تنظیم محیط کار در فتوشاپ
    • ایجاد محیط کاری برای طراحی وب ( در حال ویرایش )
    • ایجاد یه داکیومنت پیش فرض برای وب ( در دست تهیه )
    • تنظیم رنگ ها (در درست تهیه)
  • بزودی...

لطفا نظر خود را در مورد نحوه ی ایجاد آموزش ها بگید. 

  1. اسلاید تحت وب
  2. پی دی اف
  3. فیلم