پس از مدت ها ارائه آموزش در مورد افکت ها و تکسچر ها و … امروز قصد آموزش طراحی پوستر فیلم یا تبلیغات رو گرفتیم . سایت تک تمپ که سرمایه گزاری زیادی در بخش های مختلف از جمله آموزش نموده نیز به متفاوت بودن آموزش ها تاکید نموده به همین سبب تصمیم به ارائه آموزش های متفاوت نمودیم. این آموزش از ابزار های مختلف برای طراحی پوستر استفاده شده است. پس این آموزش را دانلود کرده و استفاده کنید.
بیشتر بخوانید
این مجموعه شامل ۲۰ آیکون جدید، بسیار زیبا و کاربردی هست که در سایز های ۱۶×۱۶,۲۴×۲۴,۳۲×۳۲,۴۸×۴۸,۶۴×۶۴,۱۲۸×۱۲۸,۲۵۶×۲۵۶ برای شما دوستان عزیز آماده شده.این آیکون ها در طراحی وب هم به شما کمک زیادی میکنن.
بیشتر بخوانید
سلام به همگی.شرمنده خیلی وقته پست ندادم و البته علتش درگیری بیش از حد هستش.امروز هم با یه پست تقریبا متفاوت در خدمتتون هستم.
tooltips در واقعا یه نوع توضیح دهنده برای عناصر خاص در وب سایتهاتون هست.حالا این توضیح دهنده می تونه مثل مثال ما حالت ابتدایی و ساده داشته باشه و یا اینکه با ترکیب چند اسکریپ و افکت حالتی بسیار زیبا به خودش بگیره!
یه صفحه HTML ساده و سفید بسازید و این کد رو در قسمت BODY قرار بدید:
<a href="#" class="tooltip"><span>This is a pure CSS tooltip!</span>Tooltip 1</a>
این کد مربوط به قسمتی بود که ما میخوایم اون حالت رو ایجاد کنیم.یعنی در خود صفحه.بعدش فایل استایل .CSS رو باز می کنیم و این کدها رو بهش اضافه می کنیم و البته می تونیم در قسمت HEAD بین تگهای <stayle> قرار بدیمش.
.tooltip { position:relative; z-index:24; }
.tooltip span { display:none;}
.tooltip:hover {z-index:25;}
.tooltip:hover span {
display:block;
position:absolute;
width:120px;
top:25px;
left:20px;
background-color:#FCFBDC;
border:1px solid #333333;
padding:5px;
font-size:11px;
color:#333333;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
مثالی که در مطلب زده شده بسیار ابتدایی و ساه هست.و البته فارسی نشده! برای فارسی کردنش کافیه استایل اون رو راست به چپ و فونتش رو هم tahoma بذارید.برای کامل شدن این بحث فایل زیر رو بگیرید و محتویات Tooltip اولی رو با دومی نگاه کنید:
دانلود فایل نمونه – ۸ کیلو بایت!
اگر مقدار کمی هم در بحث استایل اطلاعات داشته باشید می تونید کارهای جالبی با این tooltip انجام بدید.منبع اولیه این مطلب هم این هست.
بیشتر بخوانید
سلام اینم از یه پک آیکون که البته خیلی جالب هستن و مخصوص طراحی های مثل محیط یک سی ام اس یا یک سایت هستند.کلا آیکونهای شبکه های اجتماعی تا بقیه چیزا…. پیشنهاد میکنم حتما دانلود کنید…
بیشتر بخوانید