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]

Originally Posted by 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.

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

- Sid

[Mr Blunt]

Originally Posted by m0nde

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.

PHP Code:

<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/de...ritingmode.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.