با سلام در خدمتون هستم با آموزش سی اس اس  در این بخش با هم یک روبان برای گوشه باکس طراحی می کنیم.

قدم اول : کدنویسی ساختار باکس و روبان

<div id="box-wrp">
<div class="rooban-wrp">
<div class="rooban">1coder.blog.ir</div>
</div>
</div>

قدم دوم : استایل باکس 

#box-wrp {
  margin: 50px auto;
  width: 280px;
  height: 370px;
  background: white;
  border-radius: 10px;
  box-shadow:0px 0px 8px rgba(0,0,0,0.3);
  position: relative;
  z-index: 90;
}

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

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

لینک

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

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

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

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

<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 به مشکل فعالسازی مواجه شده اید و یا اصلا فعالساز معتبر نداشته اید که فعال کنید. بنده با نصب آپدیت های فتوشاپ کرکش نیز از کار افتاد و زمان استفاده رایگان هم به پایان رسیده بود که !

با سلام  خدمت بلاگ نویسان ، از امروز شما میتوانید قالب های بلاگی ( قالب اورجینال بلاگ ) خودتان را به صورت رایگان ریسپانسیو کنید ! 

و این ویژگی یا قابلیت مهم را به کاربران وبلاگ و سایت خودتان  هدیه بدهید ! برای این کار فقط کافیه قسمت نظرات همین مطلب عنوان سایت و قالب مورد استفاده خودتان را ارسال کنید! و کاملا بصورت رایگان تحویل بگیرید ؛ شما می توانید برای کمک به همه وبلاگ نویسان بلاگ برای داشتن قالب ریسپانسیو یه لینک به این مطلب در بلاگ خودتان بدهید به عنوان قالبتو ریسپانسیو کن ! 

از یه قالب شخصی  و اختصاصی استفاده میکنی ؟ نگرانی نداره که ! :) شما هم می توانید با ارسال یک نظر  (حتمن آدرس سایت درج کنید) تا 70 درصد تخفیف بگیرید ! 

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

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

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

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

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

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

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