Page 1 of 1

keyboard BBcode

Posted: 12 Jan 2012, 15:21
by slash
this simple bbcod add a nice windows and mac keyboard buttons, useful for make tutorial and more.

Up this image pack in: images/
keyboard.rar
(1.86 MiB) Downloaded 171 times
BBCode:

Code: Select all

[kb]{SIMPLETEXT} {SIMPLETEXT1}[/kb]
HTML:

Code: Select all

<img src=./images/keyboard/{SIMPLETEXT}/{SIMPLETEXT1}.png style= "height: 40px;padding-right:3px;vertical-align:middle">
Helpline:

Code: Select all

[kb]keyboardtype buttontype[/kb]  [kb]mac plus[/kb]
Image demo:

Image

keyboard BBcode

Posted: 13 Jan 2012, 10:59
by Blackwolf
Would you mind including a written example........for example how to for example.... type.......now press control p to print?

I added [kb]windows backspace[/kb] but nothing shows...yes uploaded images to correct folder :(

I have post preview.......the second I type the command after windows....the text disappears......so its trying to find the images......

home4/ultimbz7/public_html/images

https://www.ultimateeditionoz.com/forum ... in/0-2.png

keyboard BBcode

Posted: 13 Jan 2012, 11:47
by slash
first: Put the keyboard folder in: forum folder (if present)/images

for the windows keyboar insert: [kb]win keyboardbutton[/kb] and not windows

for you example the code is:

Code: Select all

now press [kb]win ctrl[/kb] [kb]win P[/kb] to print 
finally try to change the bbcode code in:

Code: Select all

<img src=./forum/images/keyboard/{SIMPLETEXT}/{SIMPLETEXT1}.png style= "height: 40px;padding-right:3px;vertical-align:middle">
;)

keyboard BBcode

Posted: 13 Jan 2012, 11:51
by Blackwolf
Ahhh........thanks!! Us Ozzies ;) Great job.....well done :D
screen.png
P needs to be p ( lowercase )
lowercase.png

keyboard BBcode

Posted: 13 Jan 2012, 11:52
by slash
It is a pleasure! =)

keyboard BBcode

Posted: 13 Jan 2012, 12:10
by Blackwolf
Very cool ................. ;)
cool.png