The Arcive of vBulletin Modifications Site.

BBCode - Real Fractions !!!! Math (UPDATED x2) · **Released**: 12-24-2010

I did it finally! After hours of trying to figure out how to format a real fraction I came up with the code! Please see the screenshot below and judge for yourself.. It is a real post from my forum and it is all selectable text.. no images involved...

*****

*****

*****

*****

**Please leave feedback, and mark as installed if you used this, thanks!**

YAY!!!

Here is how:

Admin CP > BBCode > New:

Title:

Code:

Fraction

BBCode Tag Name:

Code:

frc

Replacement(The code below is improved compared to the code when this post first came out):

Code:

<button style="background-color:transparent;border-width:0;font-size:inherit;font-family:inherit;font-style:inherit;font:inherit;font-variant:inherit;font-weight:inherit;text-decoration:inherit;text-transform:inherit;text-shadow:inherit;color:inherit">
<center>
<sub><font style="text-decoration: underline; line-height:110%">{option}</font></sub><br>
<sup><font style="text-decoration: overline; line-height:110%">{param}</font></sup>
</center>
</button>

Example:

Code:

[frc=1]10[/frc]˙[frc=12.343](10*a+b)[/frc]

Description:

Code:

Puts a value, a, over a value, b. (a/b)

Use {Option}:

Code:

Yes.

Leave everything else default...

Enjoy!

*****

**Please leave feedback, and mark as installed if you used this, thanks!**

sulasno · #2 12-25-2010, 06:37 AM

tagged and thanks

a Maths forum might find it useful

sadiq6210 · #3 12-25-2010, 08:36 AM

Unfortunately it is not working with me

see the screenshots (RTL language)

Merjawy · #4 12-25-2010, 09:00 AM

It works just fine on RTL

Just change the Tag name from frac to frc

sadiq6210 · #5 12-25-2010, 09:24 AM

oh

Thanks =)

I have two more issues

see the screen-shot

- How to reverse the direction (for RTL lang.)
- As you see, It is very small, how can I increase the font size just to be clear to read?

Merjawy · #6 12-25-2010, 10:14 AM

I am not sure what you mean by reverse direction.. If you mean to have 1/10 before the rest then you just need to switch things around. like this maybe

PHP Code:


			[frc=12.343](10*a+b)[/frc]&#729;[frc=1]10[/frc]

For the font you can insert font size right after the center tag. something like this

PHP Code:


			<button style="background-color:transparent;border-width:0">
<center><font size=+1>
<sub><u>{option}</u></sub><br>
<sup><font style="text-decoration: overline;">{param}</font></sup>
</center>
</button>

orange gold · #7 12-25-2010, 11:58 AM

Ahh, yes... There is a slight problem I realized.. The font for the fractions is not the same as the font that you are currently typing in.... I will fix it today after I'm done skiing.. but we leave in like 5 min...
Sorry! haha
It will work though...

orange gold · #8 12-25-2010, 12:32 PM

EDIT:

Okay! I added the new code that fixes all the font size, color, style, face, weight, etc issues...

Here is the new replacement code.. it is also in the original post now:

Code:

<button style="background-color:transparent;border-width:0;font-size:inherit;font-family:inherit;font-style:inherit;font:inherit;font-variant:inherit;font-weight:inherit;text-decoration:inherit;text-transform:inherit;text-shadow:inherit;color:inherit">
<center>
<sub><font style="text-decoration: underline;">{option}</font></sub><br>
<sup><font style="text-decoration: overline;">{param}</font></sup>
</center>
</button>

sadiq6210 · #9 12-25-2010, 01:25 PM

Quote:

Originally Posted by Merjawy

I am not sure what you mean by reverse direction.. If you mean to have 1/10 before the rest then you just need to switch things around. like this maybe

PHP Code:


			[frc=12.343](10*a+b)[/frc]&#729;[frc=1]10[/frc]

For the font you can insert font size right after the center tag. something like this

PHP Code:


			<button style="background-color:transparent;border-width:0">
<center><font size=+1>
<sub><u>{option}</u></sub><br>
<sup><font style="text-decoration: overline;">{param}</font></sup>
</center>
</button>

Quote:

Originally Posted by orange gold

EDIT:

Okay! I added the new code that fixes all the font size, color, style, face, weight, etc issues...

Here is the new replacement code.. it is also in the original post now:

Code:

<button style="background-color:transparent;border-width:0;font-size:inherit;font-family:inherit;font-style:inherit;font:inherit;font-variant:inherit;font-weight:inherit;text-decoration:inherit;text-transform:inherit;text-shadow:inherit;color:inherit">
<center>
<sub><font style="text-decoration: underline;">{option}</font></sub><br>
<sup><font style="text-decoration: overline;">{param}</font></sup>
</center>
</button>

Thanks, I appreciate your efforts (f)

About the font size, I just merged the two codes to get this awesome result :up:

About the direction, hmmmm see the previous screenshot (1/10) should be first like your example

Quote:

Originally Posted by Merjawy

I am not sure what you mean by reverse direction.. If you mean to have 1/10 before the rest then you just need to switch things around. like this maybe

PHP Code:


			[frc=12.343](10*a+b)[/frc]&#729;[frc=1]10[/frc]

It is not useful solution to tell the users to write the equation inverse to get it in right direction, I am looking for another fixing, somthing like that:
https://vborg.vbsupport.ru/showpost....10&postcount=3

orange gold · #10 12-25-2010, 05:09 PM

I know the code. I'm on my phone now skiing. Post it when I'm back