مشکل با بکارگیری کادرگوشه گرد طراحی شده در فتوشاپ؟ [بایگانی]

View Full Version : مشکل با بکارگیری کادرگوشه گرد طراحی شده در فتوشاپ؟

one hacker alone

یک شنبه 03 دی 1391, 01:18 صبح

با یاد خدا
با سلام
من در وب سایتم میخوام از کادر گوشه گرد استفاد کنم
1- راه اول اینه که ما تکست باکس معمولی رو بکار ببریم و فقط از دو عکس گوشه گرد برای سمت راست و چپ کادر استفاده کنیم
2- استفاده از CSS3 که چون برخی مرورگرها پشتیبانی نمیکنن نمیخوام استفاده کنم
3- طراحی جعبه متن در فتوشاپ هست که من این کارو کردم اما الان نمیدونم چجوری توی صفحه کادر متن به اون بچسبونم که تبدیل به کادر متن واقعی بشه چون توی فتوشاپ در حد یک عکس هست

saadatieathar

یک شنبه 03 دی 1391, 09:42 صبح

سلام.
پيشنهاد من اينه كه از كد نويسي استفاده كني.مطمئنا هم سبك تره هم انعطاف پذيري بهتري داره.
http://netfile.ir/do.php?filename=c606border-radius2.zip
توي IE هم گوشه ها رو گرد مي كنه.

حالا اگرم خواستي به همون شيوه كه تو فتوشاپ طراحي كني مي توني عكس رو به عنوان پس زمينه تكست به كار بگيري .

<html>
<form>
<input type="text" style="background:url(http://netfile.ir/uploads/945ftext.png);width:130px;height:37px;border:none">
</form>

</html>

s2/mri

یک شنبه 03 دی 1391, 19:58 عصر

سلام

منم کد نویسی با CSS3 رو پیشنهاد میکنم

برا IE هم میتونی از فایل PIE (http://www.css3pie.com) کمک بگیری

نمونشو من استفاده کردم (http://www.pause.xzn.ir)

تو نمونه ای که من گذاشتم به جز حاشیه گرد . گرادیانت و ... هم هست