Forum Settings
Forums

😊[BBCODE] How to add images to your posts, add links to images, post Youtube videos, and other popular tricks

Pages (2) [1] 2 »
Must be a Club Member to Reply 
#1
Sep 24, 2012 11:32 PM

Offline
Joined: Feb 2010
Posts: 6217
This topic part of our BBcode Tutorials section:
http://myanimelist.net/forum/?topicid=419453


Many people have trouble with these popular post tricks but with this guide you can do them easily. You simply need to add BBcode tags to wherever you post text. Just go to what you want below, and click the button to show how. I provide examples and text you can copy to see for yourself.

To change your signature, post text and BBcodes here: https://myanimelist.net/editprofile.php?go=forumoptions
To change your About Me, post text and BBcodes here: https://myanimelist.net/editprofile.php

btw for more BBcode info and tricks: http://myanimelist.net/forum/?topicid=419453



Posting Images



Posting Youtube Videos






Boxes around text



Posting Images and Text alongside each other (side by side)



Adding Links to Text



Adding Links to Images




Put stuff into Spoilers



Naming Spoilers




Customizing Text with color and size, etc



Putting quote boxes and text (lines) behind images.






If you need help, head to 4:25 in this video to see all BBcode displayed!

Plus I have a cool trick at the end for your signature BBcode! :D


Timestamps
Changing your user pic: 0:23

Changing your forum avatar: 2:25

BBcode to customize posts: 4:25

Customizing your signature: 9:04




Modified by Shishio-kun, Sep 29, 2:08 PM
 
#2
Jan 26, 2013 2:46 AM

Offline
Joined: Apr 2012
Posts: 182
Here is a Userscript to add Buttons and drop-down to Quick Reply, Private Message and About Me

http://userscripts.org/scripts/show/142850

I can't find the thread where I put this last time, but I've updated the script and it should help to simplify the process to make a custom profile graphic with links.

[Shishio, feel free to add this info in the respective thread and delete this post :) ]
 
#3
Jan 26, 2013 4:44 PM

Offline
Joined: Feb 2010
Posts: 6217
al_exs said:
Here is a Userscript to add Buttons and drop-down to Quick Reply, Private Message and About Me

http://userscripts.org/scripts/show/142850

I can't find the thread where I put this last time, but I've updated the script and it should help to simplify the process to make a custom profile graphic with links.

[Shishio, feel free to add this info in the respective thread and delete this post :) ]


Wow this is nice and a lot of people use it... I totally forgot how to install these tho lol. It doesn't seem to bring up anything but the source code when I click the green button?
 
#4
Jan 30, 2013 12:05 AM

Offline
Joined: Apr 2012
Posts: 182
Umm... it's supposed to pop up greasemonkey script installation, but didn't work with the new versions of greasemonkey. But copy all the source code to clipboard and make a new script in greasemonkey and use the button "Use Script From Clipboard".
 
#5
Aug 9, 2013 8:00 PM
Offline
Joined: Aug 2013
Posts: 1
I don't suppose you can change video size with bbc?
 
#6
Aug 11, 2013 3:03 PM

Offline
Joined: Feb 2010
Posts: 6217
3ntity said:
I don't suppose you can change video size with bbc?


Never seen it here.
 
#7
Sep 23, 2013 9:46 PM

Offline
Joined: Nov 2012
Posts: 271
I can't seem to be able to put links in words now. Did they change it or something?
 
#8
Sep 24, 2013 5:18 PM

Offline
Joined: Apr 2012
Posts: 182
henriiez said:
I can't seem to be able to put links in words now. Did they change it or something?

Some BBCode has been disabled due some hacks and gore images on the site.
 
#9
Sep 24, 2013 6:48 PM

Offline
Joined: Aug 2011
Posts: 1345
al_exs said:
henriiez said:
I can't seem to be able to put links in words now. Did they change it or something?

Some BBCode has been disabled due some hacks and gore images on the site.


and seems like you can only use bbcode on profile and club's info for now.
 
Jan 23, 2014 5:56 AM

Offline
Joined: Jan 2014
Posts: 173
is there a way for the spoiler button to be in the middle again after clicking "hide spoiler" ? i set the button so that it will be centered but it keeps going to the left side
 
Jan 23, 2014 12:47 PM

Offline
Joined: Apr 2012
Posts: 182
Afaik no, 'cause the page code is a little messy and a lot different of other forums. Can suggest to the admins to change the code but I if they can't take back IMG BBCode, I doubt they change Spoiler BBCode that easy.
 
Mar 18, 2014 11:15 AM

Offline
Joined: Jun 2011
Posts: 561
Shishio-kun said:

Posting Images



Greetings Shishio-kun! :D

First of all let me thank you for your detailed instructions that you so kindly uploaded. ^__^
After having a MAL profile for quite some time I decided to improve it a little bit. Your tutorials helped a lot but when I started to upload a picture in my signature section nothing showed up except the BBCode. I have followed your instruction above (and resized everything) but the image is still not seen on MAL forums even if I put the [url][/url].
Have I missed something, Is the BBCode taking too long to upload/shown or there is another problem that I do not know? Would you be kind enough to help me, please?

Thank you in advance.
 
Mar 18, 2014 11:23 AM

Offline
Joined: Nov 2010
Posts: 26478
AADMC said:
Shishio-kun said:

Posting Images



Greetings Shishio-kun! :D

First of all let me thank you for your detailed instructions that you so kindly uploaded. ^__^
After having a MAL profile for quite some time I decided to improve it a little bit. Your tutorials helped a lot but when I started to upload a picture in my signature section nothing showed up except the BBCode. I have followed your instruction above (and resized everything) but the image is still not seen on MAL forums even if I put the [url][/url].
Have I missed something, Is the BBCode taking too long to upload/shown or there is another problem that I do not know? Would you be kind enough to help me, please?

Thank you in advance.
al_exs said:
henriiez said:
I can't seem to be able to put links in words now. Did they change it or something?

Some BBCode has been disabled due some hacks and gore images on the site.
 
Mar 18, 2014 3:00 PM

Offline
Joined: Feb 2010
Posts: 6217
AADMC said:
[
Have I missed something, Is the BBCode taking too long to upload/shown or there is another problem that I do not know? Would you be kind enough to help me, please?

Thank you in advance.


http://myanimelist.net/clubs.php?cid=19736

Front page of club, top page, read under information -> site problems
 
Mar 18, 2014 3:53 PM

Offline
Joined: Jun 2011
Posts: 561
Shishio-kun said:
AADMC said:
[
Have I missed something, Is the BBCode taking too long to upload/shown or there is another problem that I do not know? Would you be kind enough to help me, please?

Thank you in advance.


http://myanimelist.net/clubs.php?cid=19736

Front page of club, top page, read under information -> site problems


Oh my... I didn't notice that!
Just read everything about this problem and as everyone else hope for it to be fixed as soon as possible.
Shishio-kun and IntroverTurtle thank you for your answers. ^__^
 
Oct 13, 2014 11:44 AM

Offline
Joined: Jun 2014
Posts: 14830
How do I make it so that the pictures are presented in one row instead of on top of each other going from top to bottom?

Also websites that end in punctation do not work such as

 
Oct 13, 2014 1:27 PM

Offline
Joined: Aug 2013
Posts: 503
zat-bust said:
How do I make it so that the pictures are presented in one row instead of on top of each other going from top to bottom?

Also websites that end in punctation do not work such as
for MAL entries you can simply end the link after the number in this case it would be http://myanimelist.net/anime/6547




 
Oct 13, 2014 2:27 PM

Offline
Joined: Feb 2010
Posts: 6217
zat-bust said:
How do I make it so that the pictures are presented in one row instead of on top of each other going from top to bottom?


You just put all the IMG tags for all the pics side by side with no space between them and without hitting enter key in between them. Also, the combined width of the pics you want on one row must not exceed the width of the place you want to put them on, for example, club information max width is 629px I think. If your pics end up going over that amount then the pics spill over to a lower part since there's no more room.
 
Oct 14, 2014 6:12 AM

Offline
Joined: Jun 2014
Posts: 14830
Thank you for the quick responses, to Oiomi-chan and Shishio-kun.

 
Dec 3, 2014 10:38 AM
Offline
Joined: Jan 2014
Posts: 217
Hi need some help. How do i put color on my text because i type the code and replace the '' color '' for red example when i see my profile it just shows the code and the text i put in between the codes help pls
 
Dec 3, 2014 1:02 PM

Offline
Joined: Feb 2010
Posts: 6217
Don't replace the words color with the color, put the color name or number after the equal sign. Example: [color=red][/color]
 
Jul 8, 2015 11:25 AM

Offline
Joined: Apr 2015
Posts: 66
Great help man, looking forward to more of your work.
 
Oct 27, 2015 5:15 PM

Offline
Joined: Sep 2013
Posts: 1074
Sorry if this has been answered elsewhere and I've just missed it, but how do you get an image and text to appear side by side? Is there a way to use custom fonts too?
 
Oct 27, 2015 6:37 PM

Offline
Joined: Feb 2010
Posts: 6217
robotical said:
Sorry if this has been answered elsewhere and I've just missed it, but how do you get an image and text to appear side by side? Is there a way to use custom fonts too?


I just wrote a topic for it since it gets asked about a lot
http://myanimelist.net/forum/?topicid=1443383

also added it to the OP
Modified by Shishio-kun, Oct 27, 2015 6:52 PM
 
Dec 26, 2015 11:23 PM

Offline
Joined: Sep 2015
Posts: 9
How do I overlap pictures?
 
Jan 26, 2016 5:37 PM

Offline
Joined: Feb 2010
Posts: 6217
 
Jan 28, 2016 9:23 PM

Offline
Joined: Sep 2015
Posts: 9
For example I want this: http://imgur.com/2Tj1GfB

on top of this:http://imgur.com/mrqsFhW
Modified by Gumpy23, Jan 28, 2016 9:27 PM
 
Feb 4, 2016 2:55 PM

Offline
Joined: Feb 2010
Posts: 6217
Guilty said:
For example I want this: http://imgur.com/2Tj1GfB

on top of this:http://imgur.com/mrqsFhW


ok np, its a very popular little trick but it can't be done with BBcode; it needs to be done with graphics programs. But they're free!

As you know, you will need a character render (one with a cut out background) like the Miku one you linked us, and a background for it.

It can either be done with GIMP, I show how to do it at the time 2:40 of this video:
http://myanimelist.net/forum/?topicid=544347

or it can be done with Photoshop as I show in the step 3 here (not a video):
http://myanimelist.net/forum/?topicid=1392420#msg40753590
btw downloads for a free Photoshop copy are in post 1 of that topic
 
Feb 9, 2016 10:29 PM

Offline
Joined: Sep 2015
Posts: 9
Thanks a ton!
 
Apr 29, 2016 9:09 PM
Offline
Joined: Feb 2007
Posts: 915
Ah finally found that align bbcode. D: thanks a bunch for these helpful tricks. :3
 
May 3, 2016 3:45 AM
Maori Madness

Offline
Joined: May 2016
Posts: 647
There is a border which surrounds the text inside the code tags. i.e
kjnaskjxnAKJXN
laksmclmasc


I've seen that many people have the same border around their text, but the text isn't in the raw text form, instead as normal text.

I was wondering if you knew how to just get the border to surround text.

 
Sep 29, 2016 12:30 PM

Offline
Joined: May 2014
Posts: 435
I been trying for hours okay link me to a youtube video that shows how to do this.


"Would you shut up! I'm in the middle of finding my purpose!" -Fei Fong Wong
 
Sep 29, 2016 3:40 PM

Offline
Joined: Feb 2010
Posts: 6217
shdwpny said:
I been trying for hours okay link me to a youtube video that shows how to do this.


Just copy this practice code (from the topic) into your profile About Me. The top. Save.

[spoiler="her secret identity"]a secret[/spoiler]


The text that shows up on the spoiler goes between the quotations. In the practice code, that would be her secret identity. The text a secret will show up when you click on the spoiler.
 
Sep 29, 2016 3:47 PM

Offline
Joined: May 2014
Posts: 435
It works but not what i was wanting i want what he has under the favorite male, Female https://myanimelist.net/profile/Data_ This is a edit okay i got it. Now just need to learn to add more...
Modified by FeiXenogears, Sep 29, 2016 4:48 PM


"Would you shut up! I'm in the middle of finding my purpose!" -Fei Fong Wong
 
Jan 3, 2017 5:02 PM
Offline
Joined: Jul 2016
Posts: 34
it show the link to the picture not the picture in general
 
Jan 3, 2017 6:01 PM

Offline
Joined: Feb 2010
Posts: 6217
charochan said:
it show the link to the picture not the picture in general


I'm gonna assume you're referring to the broken image in your About Me? You seem to be using a bad image link. Upload the image to Imgur or the other sites recommended in the OP, and put the "direct link" it makes in between the IMG tags
 
Aug 24, 2017 12:56 AM

Offline
Joined: Dec 2014
Posts: 3162
How can I make a youtube video autoplay and/or loop on a blog post please ?
 
Aug 24, 2017 5:25 AM

Offline
Joined: Feb 2010
Posts: 6217
KonoDioDakeda said:
How can I make a youtube video autoplay and/or loop on a blog post please ?


idk how to do that. Did someone do that? If so link me and I can maybe copy the code
 
Aug 25, 2017 1:38 AM

Offline
Joined: Dec 2014
Posts: 3162
Shishio-kun said:
KonoDioDakeda said:
How can I make a youtube video autoplay and/or loop on a blog post please ?


idk how to do that. Did someone do that? If so link me and I can maybe copy the code


I don't know either if someone already did that, I just assumed it would be possible. If I happen to find someone, I'll link it right away !
 
Apr 22, 2018 12:26 AM

Offline
Joined: Aug 2012
Posts: 14390
Mell8 said:
There is a border which surrounds the text inside the code tags. i.e
kjnaskjxnAKJXN
laksmclmasc


I've seen that many people have the same border around their text, but the text isn't in the raw text form, instead as normal text.

I was wondering if you knew how to just get the border to surround text.
Seconded this. Mention me if anyone know how to do it.
 
Apr 22, 2018 1:41 PM

Offline
Joined: Feb 2010
Posts: 6217
MawaruHime said:
Mell8 said:
There is a border which surrounds the text inside the code tags. i.e
kjnaskjxnAKJXN
laksmclmasc


I've seen that many people have the same border around their text, but the text isn't in the raw text form, instead as normal text.

I was wondering if you knew how to just get the border to surround text.
Seconded this. Mention me if anyone know how to do it.


I want to help but I'm not sure what you guys are referring to. Don't know exactly what you mean by raw text and normal text. Can you show me an example from someone's post or profile? I can rip the code from there.

it's not code tags:
[color=red]text[/color]


or quote tags?

text
 
May 6, 2018 4:04 AM

Offline
Joined: Aug 2012
Posts: 14390
Shishio-kun said:
MawaruHime said:
Seconded this. Mention me if anyone know how to do it.


I want to help but I'm not sure what you guys are referring to. Don't know exactly what you mean by raw text and normal text. Can you show me an example from someone's post or profile? I can rip the code from there.

it's not code tags:
[color=red]text[/color]


or quote tags?

text


Sorry for the late response. m(__)m
Go to this profile and open spoiler
 
May 6, 2018 4:24 AM

Offline
Joined: Dec 2016
Posts: 879
MawaruHime said:
Shishio-kun said:


I want to help but I'm not sure what you guys are referring to. Don't know exactly what you mean by raw text and normal text. Can you show me an example from someone's post or profile? I can rip the code from there.

it's not code tags:
[color=red]text[/color]


or quote tags?


Sorry for the late response. m(__)m
Go to this profile and open spoiler
Ah, it's a cleverly used quote box. The "about me" text is enclosed with a quote box, and there are images on either side covering up the sides of the box. That gives it the lined look.

I recreated the parts of the code that are important to get the same look here:
[center]
[img align=left]https://i.imgur.com/fMOz2ox.png[/img][img align=right]https://i.imgur.com/1oGLFJx.png[/img]
[quote][size=90][color=#f7c3ed][b]about me[/b][/color][/size][/quote]
[/center]
The only important bits are the aligned img tags and the quote box, though. The other BBCode is for other aesthetic. If you are still confused about anything just ask.

And to show that it is indeed the same, here is code from above but actually in use (not just in a code box).

about me
 
May 6, 2018 7:39 AM

Offline
Joined: Aug 2012
Posts: 14390
@Valerio_Lyndon


I see, I see. Well, yeah the person who made that code (including images) is an expert (?) or well likes coding.
On another topic, there have been another cleverly codes. Random suggestion, but how about adding these cleverly codes at the top post? Dunno what title should type, maybe other famous tricks? Anyway, thank you again for the help! m /
Modified by _Mawaru, May 6, 2018 6:35 PM
 
May 6, 2018 8:53 AM

Offline
Joined: Feb 2010
Posts: 6217
@MawaruHime

Ah so you're suggesting to add how to do the "quote box behind pics" trick like this, right?


If so, yeah I can probably add something like that to the top, thanks for the suggestion.
 
May 6, 2018 10:14 AM

Offline
Joined: Aug 2012
Posts: 14390
Shishio-kun said:
@MawaruHime

Ah so you're suggesting to add how to do the "quote box behind pics" trick like this, right?


If so, yeah I can probably add something like that to the top, thanks for the suggestion.
Yup, that's right and you're welcome for the suggestion. ^^
 
May 8, 2018 1:57 PM

Offline
Joined: Feb 2010
Posts: 6217
MawaruHime said:
Shishio-kun said:
@MawaruHime

Ah so you're suggesting to add how to do the "quote box behind pics" trick like this, right?


If so, yeah I can probably add something like that to the top, thanks for the suggestion.
Yup, that's right and you're welcome for the suggestion. ^^


Ok! I've added a little section at the end on how to do this.
 
Jan 28, 12:33 PM
Offline
Joined: Aug 2018
Posts: 10
Thank you sir!
 
Jul 14, 9:10 AM

Offline
Joined: Mar 2016
Posts: 50
Thank you so much, kind person!
 
Aug 3, 6:46 PM
Offline
Joined: Mar 2016
Posts: 3
My about me photo is messed up. The photos are uploaded to photobucket. I checked there all seems ok. 14GB+ free space left

Then why my about me. Split photo buttons are like this. Looked okey even somedays ago

 
Top
Pages (2) [1] 2 »