can oreint of button be made "vertical" somehow?

[Mr Blunt]

Can the orient of button be changed without creating a gif?
Basically I want to display a button next to image downloads.
But, I want to use the $css[button] variables.

Obviously a button looks dumb "next to" an image and a vertical button would save me from redesigning several vbulletin postbit templates, but I want to keep keep language and style compliance.

[m0nde]

Can the orient of button be changed without creating a gif?
Basically I want to display a button next to image downloads.
But, I want to use the $css[button] variables.

Obviously a button looks dumb "next to" an image and a vertical button would save me from redesigning several vbulletin postbit templates, but I want to keep keep language and style compliance.with dhtml anything is possible :devious:
But seriously, just open up photoshop and rotate the button...

- Sid

[Mr Blunt]

with dhtml anything is possible :devious:
But seriously, just open up photoshop and rotate the button...

- Sid
That's the problem buddy.
I have no image to rotate.

<input type="button" class="button" value="$vbphrase[blunts_whodl_who_downloaded]" onclick="window.open('blunts_whodownloaded_ip.php?$session[sessionurl]attachmentid=$attachment[attachmentid]','blunts_whodownloaded_ip','toolbar=no,scrollbars =yes,resizable=yes,width=$show[blunts_whodl_width],height=450,top=50,left=50'); return false;" />


If I make a gif, then I have to hardcode size, text, color, backround, etc... which I'm trying to avoid.

I'd rather see if I can create a new CSS definition or just insert manual html code to make a vertical button .... so it can still feed off vbulletin's vars.

Here's the CSS code for a "button":
<template name=".button" templatetype="css" date="1120222838" username="Kier" version=""><![CDATA[
a:4:
{
s:10:"background";
s:0:"";
s:5:"color";
s:0:"";
s:4:"font";
a:3:
{
s:5:"style";
s:0:"";
s:4:"size";
s:4:"11px";
s:6:"family";
s:70:"verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif";
}
s:5:"EXTRA";
s:0:"";
}
]]></template>


So I guess what I'm praying for is some s:X value that's preset or that I can declare somehow that will rotate the button for me .... and I'd call it "blunts_verticalbutton" for example.

I notice <box> has an option for orient="vertical" so this is where I got the idea from.

[Mr Blunt]

Just to follow this up....
I did find a partial solution.


<if condition="is_browser('ie', '5.5')">
<input type="button" class="button" value="Forum Index" onclick="index.php" title="This is an example of an IE 5.5 vertical button" style="writing-mode:tb-rl" />
<else />
<a href="index.php"<if condition="$show['newwindow']"> target="_blank"</if>><img class="button" src="$stylevar[imgdir_attach]/myverticalbutton.gif" alt="Forum Index" border="1" title="Sorry, no IE 5.5 so this button has to be an image" /></a>
</if>

Too bad it has compatability limits.
Here's the key:

style="writing-mode:tb-rl"

http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/properties/writingmode.asp


It's only going to work for IE 5.5 and above so you have to have a secondary .GIF file for other browsers .... which would make it pointless for most coders I suppose .... but I like the language compatability so I'm going to utilize it as best as I can for my hacks.

Sorry I don't have a full list of what browsers can/can't show this. The only thing I do know is Netscape 8.0 "IE Mode" can show it while it's "Firefox Mode" cannot. It would be nice if other members could give feedback if/as they test this with other browsers. I'd love to add more browsers into the conditional if they test ok.