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

برای این کار ابتدا فایل CSS خوتون رو باز کنید و کد زیر را داخلش کپی کنید . این کد برای جعبه تبلیغات هستش …
.text-ads , .text-ads:visited , .text-ads:link
{
text-align : right;
line-height : 1.7;
text-decoration : none;
font-family : tahoma, sans-serif;
font-size : 11px;
display : table;
background : #eefdff;
width : 210px;
height : auto;
padding : 5px;
margin : 0;
margin-bottom : 7px;
color : #3b3b3b;
border-bottom:2px solid #b6b6b6;
border-radius:5px;
-webkit-transition : all 0.5s ease-in-out;
-moz-transition : all 0.5s ease-in-out;
-o-transition : all 0.5s ease-in-out;
box-shadow : 0px 0px 10px #b0b0b0;
}
کد زیر هم در css کپی کنید که برای وقتی هستش که موس روی جعبه تبلیغات میاد …
.text-ads:hover
{
background : #00b9cf;
color: #eee;
text-shadow:1px 1px 0px #546412;
border-bottom:2px solid #5d5d5d;
-webkit-transition : all 0.5s ease-in-out;
-moz-transition : all 0.5s ease-in-out;
-o-transition : all 0.5s ease-in-out;
}
حالا کار ما با css تمومه میریم سراغ فایل html و جایی که میخوایم قرار بدیم و کد زیر رو قرار میدیم …

<a target="_blank" href="http://www.itarh.ir">
<b>آی طرح</b><br>
مرجع قالب و گرافیک ایرانیان<br>
<span>www.iTarh.ir</span>
</a>