ایجاد تصویر یک نوشته با استفاده از ابزار مخفی Yahoo
شاید تا به حال برای شما هم پیش آمده باشد که به صورت پویا ، خواسته باشید تا متنی را ایجاد کنید ، به عنوان مثال نام کاربری شخصی که در سایت شما عضو شده است را به صورت تصویر ، برای عموم نمایش دهید ، و یا دلایل دیگری که ممکن است هنگام طراحی یک صفحه وب به ایجاد یک تصویر بر اساس یک نام ، نیاز پیدا کرده باشید.
Yahoo ابزاری را به صورت عمومی در وب سایت خود قرار داده است که میتوان با وارد کردن متنی آن را به تصویر به فرمت PNG تبدیل کرد. این ابزار به صورت عمومی معرفی نشده است و یا لااقل من ندیده ام که به صورت عمومی معرفی شود.
به عنوان مثال این لینک را مشاهده کنید:
http://l.yimg.com/img.sports.yahoo.com/static/bir/headline?txt=Weblogina
شما میتوانید هر نامی را به جای نام Weblogina قرار دهید و نتیجه را مشاهده نمایید. برای استفاده از این ابزار جالب به عنوان مثال میتوانید لینکی را ایجاد کنید:
<a href="" id="weblogina">
Weblogina
</a>
و کدهای CSS مربوط به این لینک نیز به این نحو میتواند باشد:
a#weblogina {
display: block;
background: url(http://l.yimg.com/img.sports.yahoo.com/static/bir/headline?txt=Weblogina) no-repeat bottom center;
width: 490px; height: 34px;
text-indent: -9999px;
}
a#weblogina:hover {
background-position: top center;
}
یک محدودیت که در این ابزار وجود دارد این است که تصاویر در سایز 468×68 پیکسل و در دو رنگ سفید و زرد متمایل به نارنجی با کد EFBC21 ساخته میشود. اما با این حال ابزاری بود که جای معرفی داشت و میتواند مورد استفاده قرار گیرد.








قبل از ارسال نظر: