PDA

View Full Version : سوال: چگونگی ایجاد دکمه ای با متن عمودی


Alireza.imani
چهارشنبه 23 بهمن 1392, 21:37 عصر
سلام خدمت برنامه نویسان عزیز .... من میخوام با استفاده از css دکمه ای رو به شکل عکس زیر درست کنم . آیا شدنیه ؟ لطفا راهنمایی کنید .

http://i.cubeupload.com/Urr3UD.png
alimobe
چهارشنبه 23 بهمن 1392, 22:31 عصر
بله
باید بک گراند رو مساوی با لینک عکست قرار بدی بعد از کلاس ایجاد شده استفاده کنی
Alireza.imani
چهارشنبه 23 بهمن 1392, 23:26 عصر
نه من نمیخوام این عکس بکگراند دکمم بشه بلکه میخوام مستقیما با کد css این دکمه رو به وجود بیارم .
ahmad156
پنج شنبه 24 بهمن 1392, 00:12 صبح
<style type="text/css">
#right-col {
background-color:#000;
color:#ff6600;
width:390px;
}

#right-col p {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
writing-mode: tb-rl;
filter: flipv fliph;
}
</style>



<div id="right-col"><p>FeedBack</p></div>
Alireza.imani
پنج شنبه 24 بهمن 1392, 11:49 صبح
In ke kar nemikone
AmirRezanezhad
پنج شنبه 24 بهمن 1392, 12:43 عصر
سلام دوست عزیز به لینک زیر برو ببین کمکت میکنه:
لینک (http://snook.ca/archives/html_and_css/css-text-rotation)
Alireza.imani
پنج شنبه 24 بهمن 1392, 14:23 عصر
برای فایرفاکس و کروم کار می کنه اما برای اپرا کار نمی کنه .