Autumn McJavabean
Prettier than you.
As the title says, my character photos do not seemingly work. They show a picture (generic tiny one) with a red X. Is this temp or what?
-
Before posting a question, please check our Frequently Asked Questions page as well as previous threads here. Odds are you aren't the first to ask, and you may find the answer without having to post!
Answered Post-Transfer: Pictures Not Working
- Thread starter Autumn McJavabean
- Start date
As the announcement explained, some pictures across the site broke. Feel free to edit the post and fix it
!
ArtisticVicu
Member
If the images were inserted and not attached, I know a go around to fix that.
When you go to edit a post, you will get a dialog box (or a new window) that pops up. It's the text editor and, unless you changed your settings, it should be in rich text edit mode. If you have a bar of options across the top, that is the rich text edit mode. In the upper right corner, there should be a button that looks like o- and it should switch you over to the BBC code editor. Once there, it's mildly complicated but fairly simple.
WARNING: It's gonna look like a wreck. Don't panic. It just looks it.
Feel free to edit the code here as you please.
For the images specifically, you are going to want to actually adjust the link the image is trying to use to pull up the actual image file. It should look similar to what one of mine did:
If you look at your image, you should see what appears to be two different urls attached to each other. We're going to take the first one out. Select the first 'https' link and make sure you take it all the way to the next 'https' - or 'http', which is what it is in this example. Make sure you select the = . Delete it and it should go from the previous code to this next one:
From there, we have to remove the &key section. At the end of the image - in this example, the gif - there is added context. Remove everything at the end of the image url. The example's image end happens to be anything after the gif ending. So, this means you are selecting &key and anything that follows and deleting it. It should look something like this when you are done:
From there, the image should be fine and work without problem. If you did end up accidentally deleting something, best bet is to find the image again and reinsert the link.
Best of luck.
Hope this helps.
When you go to edit a post, you will get a dialog box (or a new window) that pops up. It's the text editor and, unless you changed your settings, it should be in rich text edit mode. If you have a bar of options across the top, that is the rich text edit mode. In the upper right corner, there should be a button that looks like o- and it should switch you over to the BBC code editor. Once there, it's mildly complicated but fairly simple.
WARNING: It's gonna look like a wreck. Don't panic. It just looks it.
Feel free to edit the code here as you please.
For the images specifically, you are going to want to actually adjust the link the image is trying to use to pull up the actual image file. It should look similar to what one of mine did:
Code:
[IMG]http://25.media.tumblr.com/d3f38b2a42336f9a2c441015f33013f7/tumblr_mopv5dBdgx1riwuueo1_500.gif[/IMG]If you look at your image, you should see what appears to be two different urls attached to each other. We're going to take the first one out. Select the first 'https' link and make sure you take it all the way to the next 'https' - or 'http', which is what it is in this example. Make sure you select the = . Delete it and it should go from the previous code to this next one:
Code:
[IMG]http://25.media.tumblr.com/d3f38b2a42336f9a2c441015f33013f7/tumblr_mopv5dBdgx1riwuueo1_500.gif&key=02d64023574b1453ef5a310ed4cfe8d78e6820e1f40d5e7edd2cff2778c59b82[/IMG]From there, we have to remove the &key section. At the end of the image - in this example, the gif - there is added context. Remove everything at the end of the image url. The example's image end happens to be anything after the gif ending. So, this means you are selecting &key and anything that follows and deleting it. It should look something like this when you are done:
Code:
[IMG]http://25.media.tumblr.com/d3f38b2a42336f9a2c441015f33013f7/tumblr_mopv5dBdgx1riwuueo1_500.gif[/IMG]From there, the image should be fine and work without problem. If you did end up accidentally deleting something, best bet is to find the image again and reinsert the link.
Best of luck.
Hope this helps.
The Chronicler
The Flamethrower of Hate
C O O L I O
Britt-21
Omniverse Explorer
I dont understand what you're trying to say ;-; Halp?
ArtisticVicu
Member
Where did you get lost at or what was unclear? Hopefully I can explain it in a different way so that it helps.
Britt-21
Omniverse Explorer
Well Im slow in general so its hard for me to understand.
"http://http://s2.favim.com/610/141229/anime-black-dress-cute-girl-Favim.com-2344802.jpg" how does this?
change into a simple link where the picture was?
"http://http://s2.favim.com/610/141229/anime-black-dress-cute-girl-Favim.com-2344802.jpg" how does this?
change into a simple link where the picture was?
Britt-21
Omniverse Explorer
http:/ /http%3 A//s2 .favim.com/ 610/141229 /anime-bl ack-dress -cute-girl-Favim.c om-2344802.jpg
There we go, I had to put spaces so you could see the entire thing
There we go, I had to put spaces so you could see the entire thing
ArtisticVicu
Member
That, I can only do so much with. What happened was that the site coded the '=' and the '/' into code speak, more or less. The first link that you posted that was unbroken - for a lack of a better word - simply had a bit too much at the beginning of the link. http://http://s2.favim.com/610/141229/anime-black-dress-cute-girl-Favim.com-2344802.jpg needed to simply become http://s2.favim.com/610/141229/anime-black-dress-cute-girl-Favim.com-2344802.jpg
From there, all you would need to do was one of two things, depending on where you were editing. In the rich text mode, there is an insert image button in the toolbar at the top that you plug in the fixed url. In the bbcode editor, you just make sure the fixed url is within the tags
like so and it should give you an image like:
Does that help?
From there, all you would need to do was one of two things, depending on where you were editing. In the rich text mode, there is an insert image button in the toolbar at the top that you plug in the fixed url. In the bbcode editor, you just make sure the fixed url is within the tags
Code:
[img]http://s2.favim.com/610/141229/anime-black-dress-cute-girl-Favim.com-2344802.jpg[/img]Does that help?
Britt-21
Omniverse Explorer
hmm...I think so
ArtisticVicu
Member
If it doesn't you can always message me if that's easier too. I am no expert but I can at least offer what little knowledge and know how that I have. And I'm sure there are many others here that are willing to help with the knowledge that I am lacking. 
Birdsie
The God-Emperor of Mankind
Phsssh.
BBCode is easy.
To insert an image into something all you gotta do is write IMG within the [] symbols, paste the image link, then write /IMG in the [] symbols.
Or you can just insert an image using the rich text editor (on the right of the smiley face.)
Example:
An example of an image link is this:
http://pre09.deviantart.net/2162/th/pre/i/2013/099/2/6/tech_priest_by_momoisdrug-d611yku.png
BBCode is easy.
To insert an image into something all you gotta do is write IMG within the [] symbols, paste the image link, then write /IMG in the [] symbols.
Or you can just insert an image using the rich text editor (on the right of the smiley face.)
Example:
Code:
[IMG]
(IMAGE LINK)
[/IMG]An example of an image link is this:
http://pre09.deviantart.net/2162/th/pre/i/2013/099/2/6/tech_priest_by_momoisdrug-d611yku.png
ArtisticVicu
Member
It is on some level but when you have BBCode go out of wack and yer not prepared for it, it can be quite daunting. This is mostly for images pre-existing the website update. But that is useful information.
But that is useful information.
Birdsie
The God-Emperor of Mankind
I'm not a BBCode Expert, but nearly there.It is on some level but when you have BBCode go out of wack and yer not prepared for it, it can be quite daunting. This is mostly for images pre-existing the website update.
The only annoying thing about BBCode for me is having to find the right code for background or border colors. I usually just google it.
Everything else is easy peasy lemon squeezy.
Refusion
Your Local Otaku
Cool
Autumn McJavabean
Prettier than you.
I mean my photo's seem broke and vanished. Not even the link remains. So I guess I need to fish for them once more. >.<
IctoraPost
You've got mail
In your case, if you Inspect Element the broken image, you'll find the broken RpN link to the image under data-url. You can then go and fix it using asharasahara's method.
Or, you could just edit the post, click on the rightmost button with the circle and the dash, then quickly find the old URL. That would probably be easier.
Or, you could just edit the post, click on the rightmost button with the circle and the dash, then quickly find the old URL. That would probably be easier.
Last edited:
