Forum Settings
Forums

BBcode, insert image next to the text

#1
Aug 12, 2015 4:50 AM

Offline
Joined: Apr 2014
Posts: 174
Hi fellow MAL users,
I'm experiencing some trouble with the BBcode.

I'd like to put an image at the right of my text in the "about me' section, but unfortunately I can only put it at the bottom of the text...
I've read the BBcode tuto and even get the source code of an user and convert from HTML to BBcode but I haven't found the solution to my problem.



Here is my code:
[.right][.img]url of the picture[./img][/.right]
text here

Ofc the text is short enough to left enough room for the picture
Thanks for having read my post
Modified by Illyasviel, Aug 12, 2015 5:10 AM
 
#2
Aug 12, 2015 5:13 AM
Community Admin
#StayHome

Offline
Joined: Sep 2008
Posts: 18745
The BBCode tutorial is a bit outdated, having the option to put images next to text is a pretty new feature and the tutorial hasn't been updated yet.

If you want to put an image on the right side of the text, add align=right to the image code and put this code before your text:

[img align=right]image_url_here[/img] text text text....

If you want the image on the left side and the text on the right side then use align=left.
 
#3
Aug 12, 2015 5:24 AM

Offline
Joined: Apr 2014
Posts: 174
Thank you a lot -Luna, it worked perfectly.
 
#4
Aug 12, 2015 6:51 AM

Offline
Joined: Oct 2009
Posts: 7520
You may also use this userscript, it allows you to use BBCode easier (including putting the image at the right or left): http://greasyfork.org/scripts/5709
 
 
#5
Nov 2, 2015 4:22 AM

Offline
Joined: Mar 2013
Posts: 4
can it be [img align = center]???
 
 
#6
Nov 2, 2015 7:20 AM
Offline
Joined: Jul 2018
Posts: 0
Liberty_K said:
can it be [img align = center]???


That would be [center*]img link or literally anything else [/center*]
 
#7
Nov 2, 2015 7:37 AM

Offline
Joined: Oct 2009
Posts: 7520
Faku-chan said:
Liberty_K said:
can it be [img align = center]???


That would be [center*]img link or literally anything else [/center*]

What about text on both sides?
 
#8
Nov 3, 2015 2:06 AM

Offline
Joined: Mar 2013
Posts: 4


just like above!
 
#9
Nov 3, 2015 2:29 AM

Offline
Joined: Oct 2009
Posts: 7520
Love said:
That would be [center*]img link or literally anything else [/center*]

This is how it actually looks in the result:
[center]text [img]http://myanimelist.net/images/useravatars/3859433.jpg[/img] text[/center]

How do I place the text next and prior to the top instead of the bottom?
Modified by Serhiyko, Nov 3, 2015 2:45 AM
 
Nov 3, 2015 2:38 AM

Offline
Joined: Mar 2013
Posts: 4
ok but how i do that??
 
Nov 3, 2015 2:39 AM

Offline
Joined: Oct 2009
Posts: 7520
Liberty_K said:
ok but how i do that??

That's what your suggestion is about
 
 
Nov 3, 2015 7:20 AM
Offline
Joined: Jul 2018
Posts: 0
Oh, I guess I misunderstood. I thought you wanted to know how to put an image in center without the text. :<
Mmm. I don't know if it's possible to put image in between and text at both sides but image at both sides and text at middle is possible.
Check this club: http://myanimelist.net/forum/?topicid=1393653
 
Jun 19, 2016 9:07 AM

Offline
Joined: Oct 2014
Posts: 14728
Kidd_Vicious said:
Hello is there any way to fix this, so the image touches the image above it?



If anyone can help it would be great!!
Atleast show us your BBCode?
You just posted a screenshot so I can't even look at the code. Plus it's from some forum so no one is *probably* going to take the pains to search this particular post by you.
Also, good job on finding an old thread and posting in it instead of just creating one like most lazy people do nowadays :P

quick edit - I can't do it :(
Modified by Iizy, Jun 19, 2016 9:43 AM
I don't know why people write that they are approachable persons,
if you were you wouldn't be on MAL.
----------------------------------------------------------------------------
Extended families or lovers on MAL are a farce.
----------------------------------------------------------------------------
 
Jun 19, 2016 9:22 AM
Lead Admin
Faerie Queen

Offline
Joined: Aug 2007
Posts: 5522
One image is aligned left and the other is not. The gap is caused by padding around the aligned image. Don't align either and it should be fine.
 
Jun 19, 2016 10:03 AM
Lead Admin
Faerie Queen

Offline
Joined: Aug 2007
Posts: 5522
Kidd_Vicious said:
I don't think it is possible because the padding around the image if its aligned left
Yeah... you'll need to put the text on the image, in this case (which I thought you had done with my first post). The align function is meant to align images within text (for news articles), so the padding is necessary to make sure the text doesn't crash right into the image. Sorry for the inconvenience :(
 
Jun 24, 2016 5:19 PM

Offline
Joined: Dec 2015
Posts: 653
Luna said:
The BBCode tutorial is a bit outdated, having the option to put images next to text is a pretty new feature and the tutorial hasn't been updated yet.

If you want to put an image on the right side of the text, add align=right to the image code and put this code before your text:

[img align=right]image_url_here[/img] text text text....

If you want the image on the left side and the text on the right side then use align=left.
does this still work? my image disappears when i add the align=*
my code
[/url=http://myanimelist.net/clubs.php?cid=69406][/img align=right]https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-xpa1/v/t1.0-9/13342974_580346912142626_8962817988792015321_n.png?oh=8139307e3bf0469e04d9ab478480fe7c&oe=5809AEB9&__gda__=1476534785_9e42cf22bf9968475d72b7817e0b6c47[/img][/url] an average guy who loves to watch anime as much as he loves to program
Modified by Fuseteam, Jun 27, 2016 5:41 AM

 
Jun 27, 2016 12:35 AM

Offline
Joined: Oct 2009
Posts: 7520
That link seems a bit too long
 
Jun 27, 2016 5:40 AM

Offline
Joined: Dec 2015
Posts: 653
Serhiyko said:
That link seems a bit too long
is that the reason it doesn't work with align? cause without align the image does appear........

 
 
Jun 27, 2016 6:36 AM

Offline
Joined: Oct 2009
Posts: 7520
Fuseteam said:
is that the reason it doesn't work with align? cause without align the image does appear........

Here, I shortened the link above, and now it works:
 
Jun 27, 2016 10:53 AM

Offline
Joined: Dec 2015
Posts: 653
Serhiyko said:
Fuseteam said:
is that the reason it doesn't work with align? cause without align the image does appear........

Here, I shortened the link above, and now it works:

i see thanks for tip

 
Jul 5, 2016 3:04 AM

Offline
Joined: Feb 2016
Posts: 2378
Fuseteam said:
Serhiyko said:

Here, I shortened the link above, and now it works:

i see thanks for tip


Nice to see someone from The Otaku Organisation here.. :3

I'm sorry if anyone's following this thread and they receive a notification to read this..

Just came through for some advice and I thought I might comment
 
Jul 5, 2016 3:30 AM

Offline
Joined: Oct 2014
Posts: 14728
ANIME-KAMISAMA said:
Nice to see someone from The Otaku Organisation here.. :3

I'm sorry if anyone's following this thread and they receive a notification to read this..

Just came through for some advice and I thought I might comment
(╯°□°)╯︵ ┻━┻ you know the "otaku" "organisation" user wont even get a notif because you didn't quote him even (assuming he isn't following the thread), why not just use @
Kidd_Vicious or more better goto his profile and leave a comment than bump this.
fuck it, well I got to learn something else due to this thread ;)
Modified by Iizy, Jul 5, 2016 5:32 AM
I don't know why people write that they are approachable persons,
if you were you wouldn't be on MAL.
----------------------------------------------------------------------------
Extended families or lovers on MAL are a farce.
----------------------------------------------------------------------------
 
 
Jul 5, 2016 4:17 AM

Offline
Joined: Aug 2013
Posts: 347
Liberty_K said:
can it be [img align = center]???


[center*][img=align right*] text [/img*][/center*]
something like that (I haven't try it yet)
"There is nothing outside of yourself that can ever
enable you to get better, stronger, richer, quicker,
or smarter. Everything is within.
Everything is exists.
Seek nothing outside of yourself
" - Musashi
miyamoto
 
Jul 5, 2016 12:42 PM

Offline
Joined: Dec 2015
Posts: 653
ANIME-KAMISAMA said:
Fuseteam said:

i see thanks for tip


Nice to see someone from The Otaku Organisation here.. :3

I'm sorry if anyone's following this thread and they receive a notification to read this..

Just came through for some advice and I thought I might comment

hehehe you noticed me, master hair, i'm flattered

Rxargyros said:
Liberty_K said:
can it be [img align = center]???


[center*][img=align right*] text [/img*][/center*]
something like that (I haven't try it yet)

sorry but i don't think that works

 
Jul 10, 2016 10:58 AM

Offline
Joined: Aug 2013
Posts: 347
@Fuseteam don't added *
That's just an example.
"There is nothing outside of yourself that can ever
enable you to get better, stronger, richer, quicker,
or smarter. Everything is within.
Everything is exists.
Seek nothing outside of yourself
" - Musashi
miyamoto
 
Jul 10, 2016 11:22 AM

Offline
Joined: Oct 2014
Posts: 14728
Rxargyros said:
@Fuseteam don't added *
That's just an example.
lolol, of course he would know not add the asterisks :/ Both image aligning in BBCode adds a padding of white space which makes the task impossible. The only way is to make a complete big image and then strip it.
I don't know why people write that they are approachable persons,
if you were you wouldn't be on MAL.
----------------------------------------------------------------------------
Extended families or lovers on MAL are a farce.
----------------------------------------------------------------------------
 
Jul 10, 2016 12:42 PM

Offline
Joined: Dec 2015
Posts: 653
Rxargyros said:
@Fuseteam don't added *
That's just an example.
yeah i know it doesn't work

 
Nov 11, 2017 7:20 AM

Offline
Joined: Sep 2015
Posts: 1075
It'd be great if this would work in list comments (the thing that comes up when you hit "more").
 
 
Nov 11, 2017 7:57 AM

Offline
Joined: Oct 2014
Posts: 14728
Heldengeist said:
It'd be great if this would work in list comments (the thing that comes up when you hit "more").
This is a suggestion, do not necro an old post which has nothing related to the topic. Plus I doubt this is even possible since the comment field is a text only field.
I don't know why people write that they are approachable persons,
if you were you wouldn't be on MAL.
----------------------------------------------------------------------------
Extended families or lovers on MAL are a farce.
----------------------------------------------------------------------------
 
Nov 11, 2017 8:00 AM

Offline
Joined: Oct 2015
Posts: 4006
Iizbakaokay said:
Heldengeist said:
It'd be great if this would work in list comments (the thing that comes up when you hit "more").
This is a suggestion, do not necro an old post which has nothing related to the topic. Plus I doubt this is even possible since the comment field is a text only field.
I think you can do this with css
 
Nov 11, 2017 8:07 AM

Offline
Joined: Oct 2014
Posts: 14728
EGOIST said:
Iizbakaokay said:
This is a suggestion, do not necro an old post which has nothing related to the topic. Plus I doubt this is even possible since the comment field is a text only field.
I think you can do this with css
Ahh yes, lists do have that enabled. I have no idea about hos css works so I guess someone with that knowledge can help him out.

Wouldn't the css be global though i.e. applied to all the comment fields for every anime? Or can he insert different images for every title?
I don't know why people write that they are approachable persons,
if you were you wouldn't be on MAL.
----------------------------------------------------------------------------
Extended families or lovers on MAL are a farce.
----------------------------------------------------------------------------
 
Nov 11, 2017 8:39 AM

Offline
Joined: Sep 2015
Posts: 1075
EGOIST said:
I think you can do this with css

Doubt it. As I dug into the topic - I wanted to use the commet section there to appear as mini review when you hover the mouse above the title - the stuff in there is generated by JS when you click on "more". And in the source, it's id is unique to the anime or manga, so you basically have to do the formatting for every single item on your list by hand.
 
 
Feb 21, 2018 1:51 PM

Offline
Joined: Feb 2017
Posts: 146
My picture disappears when I add the align=* even though my url is quite short:

Please someone answer
Modified by Arnya, Feb 21, 2018 1:56 PM
 
Feb 21, 2018 2:42 PM

Online
Joined: Feb 2010
Posts: 7903
AriaSanchou said:
My picture disappears when I add the align=* even though my url is quite short:

Please someone answer




Is this the picture you're trying to add?





Your link was missing the .jpg extension at the end, maybe. When using tinypic, it needs to be the "direct link for layouts" URL you put into the img tags.

So using this code here
[img align=left]http://i68.tinypic.com/2w6tr43.jpg[/img]text text text text text


Make this

text text text text text
 
Feb 21, 2018 2:47 PM

Offline
Joined: Feb 2017
Posts: 146
@Shishio-kun
Oh thanks for the help, It works fine now :D
 
Feb 21, 2018 2:47 PM

Online
Joined: Feb 2010
Posts: 7903
EGOIST said:
Iizbakaokay said:
This is a suggestion, do not necro an old post which has nothing related to the topic. Plus I doubt this is even possible since the comment field is a text only field.
I think you can do this with css


I may have misunderstood, but yeah you can use BBcode in the list's "comments" which is revealed after clicking More and is not the tags section (a lot of ppl think Tags is the comments and don't know there is a separate comment section under More). So yes, you can use the image align code on your list anime's comments, if that's what's being asked.

Example I made, it's just image align BBcode and regular text:


And you can use any BBcode in the comments btw, even Youtube, we used to use it for adding music or anime openings to our lists
https://myanimelist.net/forum/?topicid=551625
This lets you essentially put spoilers or videos anywhere on the list when combined with CSS cuz that language lets you move stuff around.
Modified by Shishio-kun, Feb 21, 2018 2:50 PM
 
Feb 21, 2018 2:51 PM
 
Jan 7, 2019 7:07 PM

Online
Joined: Feb 2010
Posts: 7903
YatoChan said:
Hello.
I wanted to do this profile but it did not work.





Result:




I'm guessing the profile graphic is too wide. Reduce the original down to 798px or less if its for a MAL profile

posting the original BBcode here rather than screenshots would help determine the problem but that seems the most likely reason