A guide to formatting on the forums

html
guide

#41

WOAH!! I NEEVR KNEW THAT!!! :000000000000

so cool


#42

Why not just use the markdown way?

Heading 1.

Or the <h1> tag in the center text.


#43

ive never seen centered text before,


#44

Is there a way to justify to the right?


#45

what do you mena?

like this?

#46

yes. that’s it.


#47

oh,
<div align=right>


#48

Is there a way to compress the spacing of each line ( so instead of 1.0 like .5)?


#49

Not that I know of,

Foo


bar

Foo

Bar


#50

@Thuthu are you looking to do this on welcome messages or on forum posts?


#51

If welcome message, then

<p style="line-height: 20px;">Line spacing</p>

#52

Forums post. Just curious… not really important.


#53
  • List item
Yay! Edit -awww

#54

Can any of you explain how to ex. have an emoji, with text, make the whole thing bold and centered. I feel like, when I’ve tried to get it centered… the emojis go away.

Ex. (hypothetically, of course) how do you make the following line centered?
:smiling_imp: What’s for dinner?:smiling_imp:

P.S. Thanks so much for all the cool tips.
Very impressed with what you all know about how to do this stuff and appreciative that you are sharing with the rest of us. :slight_smile:


#55
Centering with Emojis:

You could also use the emoji keyboard rather then the forums one at the toolbar.

  1. Find an image link to the emoji. Search up the emoji name online then hold the image and copy the url link.

  2. Use the <div align=center> starting tag.

  3. Add this code to your centered text:

<img src="IMAGE URL EMOJI"  style="width:20px;height:20px;">
  1. And you’re done! Use </div> to end center text.

So @Thuthu, this would be your code:

<div align=center> 
 <img src="https://goo.gl/images/UzzuND"  style="width:20px;height:20px;"> 
<b> What’s for dinner? </b> 
 <img src="https://goo.gl/images/UzzuND"  style="width:20px;height:20px;"> 
</div>

which will show up like this:

What’s for dinner?

wait are da images working or is it just a box?

  • they are just a boxie
  • i see da image

0 voters


#56

:smiling_imp:
What’s for dinner?
:smiling_imp:

Ooof, kind of worked.


#57
:wink: Ahoy there mate! :wink:

rip


#58
Ahoy there mate!

#59

I did some in searching and found where the icon is located. I put it inside an HTML image tag and put the URL to the image inside.

What’s for dinner?

Not exactly the simplest thing to do if you use this method a lot, but it is relatively easy.

<div align="center">
<img height="20" src="https://forums.theblockheads.net/images/emoji/twitter/smiling_imp.png5">
What’s for dinner?
<img height="20" src="https://forums.theblockheads.net/images/emoji/twitter/smiling_imp.png">
</div>

#60

especially if you cut and paste it. Thanks @KP7

To bold the line? Just add and in front and behind the text, right?