vb.org Archive - can oreint of button be made "vertical" somehow?

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB3 General Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=111)

- - can oreint of button be made "vertical" somehow? (https://vborg.vbsupport.ru/showthread.php?t=93307)

can oreint of button be made "vertical" somehow?

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.

Quote:

Originally Posted by Mr Blunt

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

- Sid

Quote:

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":

HTML Code:

<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.

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

HTML Code:

<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.

X vBulletin 3.8.12 by vBS Debug Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (2)bbcode_html_printable (1)bbcode_php_printable (2)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (4)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages:

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01178 seconds Memory Usage 1,735KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (2)bbcode_html_printable (1)bbcode_php_printable (2)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (4)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: