وبلاگینا

استخدام برنامه نویس ارشد وب

مسلط بر PHP/mySQL - حقوق و مزایای مکفی

www.novinafzar.net/jobs
5

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

با اشتراک در خبرمایه‌ی وبلاگینا همیشه به‌روز باشید...

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

  • توجه کنید که نظرتان در ارتباط با همین مطلب باشد. در غیر اینصورت می‌توانید از فرم تماس استفاده نمایید.
  • نظراتی که با کلمات کلیدی ثبت شوند، حاوی الفاظ زشت، تبلیغاتی، سیاسی و یا توهین به اشخاص باشند، منتشر نخواهند شد.
  • در فرم نظرات می‌توانید از برخی کدهای ساده HTML استفاده نمایید.
  • اصلا پینگلیش ننویسید!
​​