اگر عضو بلاگ بیان هستید و می خواهید برای خودتان قالب درست کنید یا اینکه می خواهید بعنوان یه کدنویس قالب دانش خودتون رو توسعه بدهید و برای سرویس وبلاگدهی بیان هم قالب بنویسد، جای درستی اومدید این سری مطالب برای شماست.
برای این که بتوانید قالب بلاگ بیان برای خودتان بسازید به موارد زیر نیاز دارید یا حداقل آشنایی باهاشون داشته باشید.
سلام خدمت دوستان
امروز بخش سوم آموزش را با عنوان " معرفی تگ های قالب بندی متن "
آغاز می کنیم. خب برای متوجه شدن بهتر این مطالب حتمن باید جلسات قبل رو خوانده باشید، خب بریم سراغ این جلسه :
با سلام در خدمتون هستم با آموزش سی اس اس در این بخش با هم یک روبان برای گوشه باکس طراحی می کنیم.
قدم اول : کدنویسی ساختار باکس و روبان
<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) این ویندوز رو نصب کرده باشید ، میدانید که آپدیت ها به صورت خودکار دانلود و نصب می شوند. در این مطلب میخواهیم دو روش غیر فعال سازی آپدیت خودکار ویندوز ۱۰ را بررسی کنیم هر کدوم که شما دوست داشتی رو انتخاب کنید.
