| 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 |
IllyasvielAug 12, 2015 5:10 AM
| 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. |
 |
| Thank you a lot -Luna, it worked perfectly. |
| 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 |
   |
| can it be [img align = center]??? |
 |
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? |
|
 just like above! |
|
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? |
SerhiykoNov 3, 2015 2:45 AM
|
| ok but how i do that?? |
|
Liberty_K said: ok but how i do that?? That's what your suggestion is about |
|
Kidd_Vicious said: Atleast show us your BBCode?Hello is there any way to fix this, so the image touches the image above it? If anyone can help it would be great!! 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 :( |
IizyJun 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. ---------------------------------------------------------------------------- |
| 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. |
Kidd_Vicious said: 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 :(I don't think it is possible because the padding around the image if its aligned left |
Luna said: does this still work? my image disappears when i add the align=*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. 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 |
FuseteamJun 27, 2016 5:41 AM
    |
| That link seems a bit too long |
|
Serhiyko said: is that the reason it doesn't work with align? cause without align the image does appear........That link seems a bit too long |
|
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: |
|
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 |
|
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 |
ANIME-KAMISAMA said: (╯°□°）╯︵ ┻━┻ 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 @ 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 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 ;) |
IizyJul 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. ---------------------------------------------------------------------------- |
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 |
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 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 |
|
| 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. ---------------------------------------------------------------------------- |
| yeah i know it doesn't work |
|
| It'd be great if this would work in list comments (the thing that comes up when you hit "more"). |
  |
Heldengeist 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.It'd be great if this would work in list comments (the thing that comes up when you hit "more"). |
| 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. ---------------------------------------------------------------------------- |
Iizbakaokay said: I think you can do this with css Heldengeist 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.It'd be great if this would work in list comments (the thing that comes up when you hit "more"). |
EGOIST said: 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. Iizbakaokay said: I think you can do this with css 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. 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. ---------------------------------------------------------------------------- |
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. |
|
| My picture disappears when I add the align=* even though my url is quite short: Please someone answer |
ArnyaFeb 21, 2018 1:56 PM
  Better hide yo wife, Hello Kitty got a knife made by olanzapinebby |
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 |
| @Shishio-kun Oh thanks for the help, It works fine now :D |
Better hide yo wife, Hello Kitty got a knife made by olanzapinebby |
EGOIST said: Iizbakaokay said: I think you can do this with css 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 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. |
Shishio-kunFeb 21, 2018 2:50 PM
sweet! |
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 |
More topics from this board
» [BUG] inbox and outbox delete confirmation cancelation doesnt worktraed - Sep 15 |
13 |
by Noboru
»»
18 minutes ago |
|
» Isn't it marking individual episodes as re-watched possible?TeBaTe - 38 minutes ago |
1 |
by traed
»»
26 minutes ago |
|
» Interest Stack TitlesDigiCat - Jun 12 |
42 |
by IridescentJaune
»»
1 hour ago |
|
» Please get rid of the Award Winning tag on listkizumi91 - 5 hours ago |
0 |
by kizumi91
»»
5 hours ago |
|
» *regarding account ban removal* (im writing this cuz i cant send msges to staff members as the acc needs to be atleast 3 days old)Altryangosling - 9 hours ago |
1 |
by ACasualViewer
»»
8 hours ago |