Forums / Maintenance / Report Problems

14,377 total conversations in 1,033 threads

+ New Thread


Sticky Sticky Featured Featured
KYM Guide To Textile

Last posted Jul 21, 2014 at 02:21AM EDT. Added Nov 07, 2011 at 03:27PM EST
186 posts from 99 users

HorribleGhost wrote:

I can’t use the < center > tag without making the entire entry centered and tiny. How should I use it to center an image?

place < /center > at the end of the section you want centered.

The tiny text might be the result of starting with a space, for some reason that causes small text.

Jul 09, 2013 at 01:32PM EDT
Quote

um i was wondering how to post these http://www.myinstants.com/ because i’ve seen people do it before http://knowyourmeme.com/photos/574233-ruined-childhood

Aug 11, 2013 at 05:45PM EDT
Quote

TripleA9000 wrote:

um i was wondering how to post these http://www.myinstants.com/ because i’ve seen people do it before http://knowyourmeme.com/photos/574233-ruined-childhood

 
If you’re looking to post a picture from KYM, then you can just click on the picture on the image page to get the image by itself (via image URL.)
 
So first go to the http://knowyourmeme.com/photos/574233-ruined-childhood link you posted.

Once you’re on the page, just click on the image. With Google Chrome, at least, it should open up a new tab with the picture by itself. Go to the URL/address bar and copy that link. For the image above, it will be this ↓↓↓:
 
http://i2.kym-cdn.com/photos/images/original/000/574/233/ab8.png
 
Put that between two exclamation marks, like this ↓↓↓:
 
!http://i2.kym-cdn.com/photos/images/original/000/574/233/ab8.png!
 
The result on most pages on KYM (i.e. comments, forum posts, and wall posts) will be this  ↓↓↓:


 
Alternatively, go to the image page, and copy either the HTML Embed or the Textile Embed text (on the right side of the page). Then just paste that into your post. You won’t have to add any tags or exclamation marks with that method.
 
 
Now if you want to post an image from another site, then (for most Web browsers) just right-click on the image, and find something that says something about copying the image URL.

  • Firefox will say “Copy Image Location.” Click on that.
  • Chrome will say “Copy Image URL”. Click on that.
  • Opera will say “Copy Image URL.” Click on that.
  • Internet Explorer will have an option called “Properties.” Click that to see the Properties’ “General” tab. In that, underneath “Protocol” and “Type,” you’ll see “Address (URL).” That’s the image URL. Highlight and copy the text there by right-clicking on what you highlighted and hitting “Copy.”

I can’t tell you what Safari or Netscape Navigator or other browsers would say about copying an image URL, but I’d wager they work like one of the four above.

Once you have the image URL copied, then just put it between two exclamation marks, and the picture should show up in your post.
 
Note that an image URL will never end in .com, .org, .net or any other site ending like that. They should end in something that indicates the URL is for an image. Usually:

  • .gif (A lot of moving images are .gifs
  • .jpg (A bulk of your images will be .jpgs)
  • .png (I tend to find that these are very large image files, and some are animated like .gifs.)

So if you try to put !http://knowyourmeme.com/photos/574233-ruined-childhood! in between exclamation marks like I just did, you’ll get a bad image embed. Like this.
 
Also, this information is on the front page of this thread in the very first posts. So if you have questions, be sure to read over RandomMan’s info. Some things are a little more complicated, so feel free to lurk and find out a user who will be nice enough to help you out with those things.


TheOpt1onal.2.0 wrote:

Alright, how do I post an image that isn’t online?

 
You’ll have to upload it somewhere online and then get the Image URL like I gave instructions for above. You can upload it to your own gallery here on KYM though:

( Go to your Profile > Go above your wall and find the Images tab > Go to the red button off to the top right of your gallery that says “Add an Image” > Click the gray Computer button" > Get a free computer > Pick the image you want from your own drive )

From there, fill in the rest of the information. You can add it to an already existing gallery if it’s suitable for that entry. If you want it in your own gallery, then just leave the Entry line blank.

You can also use sites like Imgur to upload and then embed images.

Last edited Aug 14, 2013 at 06:57PM EDT
Aug 14, 2013 at 06:52PM EDT
Quote

no its not the picture im trying to post, it’s the button that someone posted in the comments that plays a sound clip, you know one of these http://www.myinstants.com/instant/wtf-boom/

Aug 15, 2013 at 03:05PM EDT
Quote

While I’m here I notice that nobody here has mentioned how you can resize your images nicely and easily with just HTML. So that’s what I’m gonna do.


 

Cheap Image Resizing 101 with BSOD

 

Let’s say you have a HUUUUUGE image like this one here

How does that look when you put it into textile?

!http://i0.kym-cdn.com/photos/images/newsfeed/000/303/987/794.png!

Kinda takes up a lot of space doesn’t it? Seems like a waste when you only want to add like one line under that and it’s not like we need your macro to be the size of the screen to get the message. We don’t need people quoting that entire massive thing either. Thats even more of a waste of thread space

Plus big images like that can slow down people’s browsers. So what do we do? Save the image, edit it and re-upload? That’s too much effort. There’s gotta be an easier way.

Well good news: there is! With the magic of HTML:

<img src="http://i0.kym-cdn.com/photos/images/newsfeed/000/303/987/794.png">

This is the HTML code for images. It’s a little more complex than Textile, yes. But more powerful. You will notice the link must go inside a ‘SRC’ property wrapped in quotes. But you can add other properties to the code as well. Two such properties include ‘WIDTH’ and ‘HEIGHT’. Lets see how that looks when I add the WIDTH property:

<img src="http://i0.kym-cdn.com/photos/images/newsfeed/000/303/987/794.png" width="300">

Note that the number I put is in pixels so the image will be locked at 300 pixels in width rather than assuming the images natural size. Lets see how that looks:

Much tidier and more compact. All it took was a little extra code. Note that the height was also changed relative to the width. When I specify only one width or height property, the aspect ratio is preserved. Here’s what the HEIGHT property looks like:

<img src="http://i0.kym-cdn.com/photos/images/newsfeed/000/303/987/794.png" height="300">

Which gives us:

I can also add both:

<img src="http://i0.kym-cdn.com/photos/images/newsfeed/000/303/987/794.png" height="100" width="500">

But that breaks the aspect ratio:

However its still a neat easy way to control how much space your images use

Last edited Sep 07, 2013 at 01:46AM EDT
Sep 06, 2013 at 10:24PM EDT
Quote

I’ve got a question. Is there any way to quote multiple posts in one reply?

Sep 21, 2013 at 05:44PM EDT
Quote

Test

Last edited Oct 10, 2013 at 11:15PM EDT
Oct 10, 2013 at 11:13PM EDT

RandomMan wrote:

Also refer to KYMdb Style Guide and Wikipedia: Textile.

I won’t explain everything here, but I’ll give you the textile you’ll find most commonly on this site.


Bold: Place a * on both sides of the text you want bold. Result: Bold Text
Italic: Place a _ on both sides of the text you want italic. Result: Italic Text
Strikethrough: Place a – on both sides of the text you want strikethrough. Result: Strikethrough Text

Underlined text is done differently: Start your text with < u > and end your text with < /u >, remove the spaces of course when using it. This doesn’t work on the forums however, therefore I can’t correctly show it.

These can all be combined with each other as well, creating the combined results: Ultra Combo!


%{font-size:12pt}font size% will change the size of the text by changing the number. Like this.

%{color:red}text in red% will change the color of the text by changing the color name. Like this.


  • Image posting:

Place exclamation marks (!) on both sides of the Url or use <img src="Url">, the second code allows to change the size of the text by adding width=“X” or height=“X” behind it, with X being a number.

So <img src="http://28.media.tumblr.com/tumblr_l8wt7tpdav1qzaxefo1_500.jpg" height="300"> becomes:


  • Headers:

Start the sentence with h2. (dot included) followed by a space. The number can vary between 1 and 6, with 1 being the biggest header. Entries most commonly use h2. and h4. in their headers.


  • Linking:

This can be used to name your links and make them a hyperlink. This is done by using either "Name of the Link":Url or <a href="Url">Name of the Link</a>

So "Super Special Awesome Link":http://knowyourmeme.com/ becomes Super Special Awesome Link.

The Name of the Link can also be changed by an image html, making the image the link. So
<a href="http://knowyourmeme.com/"> <img src="http://28.media.tumblr.com/tumblr_l8wt7tpdav1qzaxefo1_500.jpg" height="300"> </a> becomes:


  • Other small things:
  • Start a sentence with a * followed by a space to use bullets, as seen in these examples.
  • Use < center > and *< /center >, with the spaces removed of course, to center your text or image, giving it a more professional look. Doesn’t work on the forums.
  • <br> creates an extra enter, creating some room between 2 paragraphes of text.
  • This also goes for < hr > (same reason for explaining like this), but this replaces the extra space with a line. This however doesn’t work in the forums, there you have to place 3 – ’s behind each other with an enter before and after. This creates:

  • Spoiler buttons:

Use either <div class="spoiler">Hidden Text</div> or <div class="spoiler" title="Title">Hidden Text</div>. Difference with the second one is that you can change the title of the button. If you don’t want your text to be small within the spoiler, just place a white line between both ends of the code and the text. Creating:

Capiche?


  • Avoiding textile:

Either place an @ on both sides of the textile, or use <code> Textile </code>. Enough examples of this can be found in this post. Some don’t allow this however, in which case I use ( and ) for the examples.

http://i.qkme.me/35s48j.jpg

Oct 20, 2013 at 02:45PM EDT
Quote

mer-on wrote:

anyone know how to post offline picture?

You’ll have to upload it somewhere online and then get the Image URL like I gave instructions for above. You can upload it to your own gallery here on KYM though:

( Go to your Profile > Go above your wall and find the Images tab > Go to the red button off to the top right of your gallery that says “Add an Image” > Click the gray Computer button" > Pick the image you want from your own drive )

From there, fill in the rest of the information. You can add it to an already existing gallery if it’s suitable for that entry. If you want it in your own gallery, then just leave the Entry line blank.

You can also use sites like Imgur to upload and then embed images

Welcome to the mad, mad world of documentatering memes. Was this what you wanted? Would you like anything else from the fridge while I’m up?

Last edited Oct 28, 2013 at 02:33PM EDT
Oct 28, 2013 at 02:28PM EDT
Quote

Verbose wrote:

mer-on wrote:

anyone know how to post offline picture?

You’ll have to upload it somewhere online and then get the Image URL like I gave instructions for above. You can upload it to your own gallery here on KYM though:

( Go to your Profile > Go above your wall and find the Images tab > Go to the red button off to the top right of your gallery that says “Add an Image” > Click the gray Computer button" > Pick the image you want from your own drive )

From there, fill in the rest of the information. You can add it to an already existing gallery if it’s suitable for that entry. If you want it in your own gallery, then just leave the Entry line blank.

You can also use sites like Imgur to upload and then embed images

Welcome to the mad, mad world of documentatering memes. Was this what you wanted? Would you like anything else from the fridge while I’m up?

why i cant upload this pic

http://4.bp.blogspot.com/-ktAGbNpryhM/T1k6tPBgHGI/AAAAAAAAALw/r_GaM0lJVao/s1600/9620381aaa.jpg

Last edited Oct 31, 2013 at 09:33AM EDT
Oct 31, 2013 at 09:32AM EDT
Quote

mer-on wrote:

why i cant upload this pic

http://4.bp.blogspot.com/-ktAGbNpryhM/T1k6tPBgHGI/AAAAAAAAALw/r_GaM0lJVao/s1600/9620381aaa.jpg

Well your first problem is you only included <img src="http:"> in your code.

I don’t know why you cant post the image though. Works fine for my code.
 
Some websites won’t let you embed their images in other websites since it still has to download and use their bandwidth. That’s why you’ll get images seem to be fine on their website, but produce a . You also might get this if the image has been deleted from that web address or if it was moved.
 

Also, I would like to mention that you can use a double equal (==) to have textile ignore certain things. I recently started having problems where surrounding a word using &#42;word&#42 ; was still resulting in the word being bold faced so i guess the html is converted before the textile is applied so I stumbled across the double equal option. The @textile@ works as well though, so whatever your preferences are. Maybe one works when the other doesn’t. Though the <code> tags seem to be a little more tricky. (they wouldn’t ignore my &#42; and using @s gave me &amp;#42; while using = gave me the correct code seen above.)

edit: it appears I don’t know what I am doing/talking about as usuall. So here is an article talking about escapement that might work on KYM or might not. And here is redcloth.org which has a huge textile database explanation. Again, their code might not work for everything here.

Last edited Nov 02, 2013 at 04:38AM EDT
Nov 02, 2013 at 04:09AM EDT
Quote

The Cute Master :3 wrote:

Well your first problem is you only included <img src="http:"> in your code.

I don’t know why you cant post the image though. Works fine for my code.
 
Some websites won’t let you embed their images in other websites since it still has to download and use their bandwidth. That’s why you’ll get images seem to be fine on their website, but produce a . You also might get this if the image has been deleted from that web address or if it was moved.
 

Also, I would like to mention that you can use a double equal (==) to have textile ignore certain things. I recently started having problems where surrounding a word using &#42;word&#42 ; was still resulting in the word being bold faced so i guess the html is converted before the textile is applied so I stumbled across the double equal option. The @textile@ works as well though, so whatever your preferences are. Maybe one works when the other doesn’t. Though the <code> tags seem to be a little more tricky. (they wouldn’t ignore my &#42; and using @s gave me &amp;#42; while using = gave me the correct code seen above.)

edit: it appears I don’t know what I am doing/talking about as usuall. So here is an article talking about escapement that might work on KYM or might not. And here is redcloth.org which has a huge textile database explanation. Again, their code might not work for everything here.

thank you

Nov 02, 2013 at 09:15AM EDT
Quote

The autoplay/Loop combo is acting a bit wonky with me and just wondering if i did it right. Here is the textile I used: < iframe width=“420” height=“315” src=“//www.youtube.com/embed/qURei6svd90”?autoplay=1&loop=1frameborder=“0” allowfullscreen>

Last edited Nov 17, 2013 at 03:20PM EST
Nov 17, 2013 at 03:18PM EST
Quote

Sir-Soundwave wrote:

The autoplay/Loop combo is acting a bit wonky with me and just wondering if i did it right. Here is the textile I used: < iframe width=“420” height=“315” src=“//www.youtube.com/embed/qURei6svd90”?autoplay=1&loop=1frameborder=“0” allowfullscreen>

Nov 18, 2013 at 03:08PM EST
Quote

Sir-Soundwave wrote:

The autoplay/Loop combo is acting a bit wonky with me and just wondering if i did it right. Here is the textile I used: < iframe width=“420” height=“315” src=“//www.youtube.com/embed/qURei6svd90”?autoplay=1&loop=1frameborder=“0” allowfullscreen>

testing

Edit: okay, so there was a whole lot wrong with your embed code. For starters:

<iframe width=“420” height=“315” src=“//www.youtube.com/embed/qURei6svd90?autoplay=1&loop=1frameborder=“0” allowfullscreen>

That bolded quote mark should be located after the “&loop=1” else you cut the embed source to the original youtube vid with no extra code and you need a space after &loop=1. Also YouTube will only loop with their videos in the “AS3” player when used in conjunction with a playlist containing the original video link. Thus you get this:

<iframe width=“560” height=“315” src=“//www.youtube.com/embed/qURei6svd90?version=3&loop=1&playlist=qURei6svd90” frameborder=“0” allowfullscreen>

Oh, and make sure to tack on an </iframe> just for proper html rendering, else it thinks you’re still adding things to the video frame.

Now here’s where things get trickier. If you want autoplay (which is only allowed on user’s profiles now because it spams the pages/forums), you have to use the old embed code. This make the code more complex and easier to mess up, so I’m just going to refer you to this link here.

Without the autoplay you should get this:

Last edited Nov 18, 2013 at 03:50PM EST
Nov 18, 2013 at 03:22PM EST
Quote

The Cute Master :3 wrote:

testing

Edit: okay, so there was a whole lot wrong with your embed code. For starters:

<iframe width=“420” height=“315” src=“//www.youtube.com/embed/qURei6svd90?autoplay=1&loop=1frameborder=“0” allowfullscreen>

That bolded quote mark should be located after the “&loop=1” else you cut the embed source to the original youtube vid with no extra code and you need a space after &loop=1. Also YouTube will only loop with their videos in the “AS3” player when used in conjunction with a playlist containing the original video link. Thus you get this:

<iframe width=“560” height=“315” src=“//www.youtube.com/embed/qURei6svd90?version=3&loop=1&playlist=qURei6svd90” frameborder=“0” allowfullscreen>

Oh, and make sure to tack on an </iframe> just for proper html rendering, else it thinks you’re still adding things to the video frame.

Now here’s where things get trickier. If you want autoplay (which is only allowed on user’s profiles now because it spams the pages/forums), you have to use the old embed code. This make the code more complex and easier to mess up, so I’m just going to refer you to this link here.

Without the autoplay you should get this:

Thx I’ll experiment from here with the profile wall.

Nov 18, 2013 at 05:51PM EST
Quote

Ok im back to ask about the video start and end thing. I personally know how about starting the video in a specific place thanks to Randomman but the end video at a certain part proportion was never explained. could someone help?

Dec 06, 2013 at 09:56PM EST
Quote

Ok, let me see.


Random stuff.

Yay!.

Last edited Jan 01, 2014 at 01:38AM EST
Jan 01, 2014 at 01:32AM EST
Quote

I need to unsubscribe from this thread so it doesn’t clog up my inbox.

Jan 02, 2014 at 10:04PM EST
Quote

testing something else, this’ll be the last

hrexual

Last edited Jan 05, 2014 at 03:12PM EST
Jan 05, 2014 at 03:11PM EST
Quote

I’m having trouble
when i use the header code (h2) it makes all the text big
Wat do?

Jan 08, 2014 at 03:29PM EST
Quote

I’m a new member to KYM and am having trouble posting GIFs. How do I post a GIF that’s saved to my computer?

Jan 23, 2014 at 03:59AM EST
Quote

Matthew Field wrote:

I’m a new member to KYM and am having trouble posting GIFs. How do I post a GIF that’s saved to my computer?

you need to upload the gif online first. The site will not read files stored on your computer, only those stored with an associated IP/URL online (it’s more complicated than that but that’s the short version). You could upload it to KYM, associating it with an entry/tags if applicable by rolling over the “IMAGES” tab up top and clicking “Upload an Image”; the process is rather self-explanatory. You could also use another service if you need/want to, but why? We’ve got everything you need here. Just stay foreverrrrrrrrrrrrrr…

says the hypocrite who usually just puushes pics on his computer because its more convenient even though theyll be broken links in 3 months now

Then just follow the instructions listed here, or use corresponding html tags.


On a side note, this seems like a good time to remind everyone that this thread is not for you to test out textile features. It’s preferable if you test it on your personal profile, for example by making a comment and testing it (textile works anywhere on the site you can make a full text post IIRC, like articles, abouts and comments.

Jan 23, 2014 at 04:21AM EST
Quote

MrMcNuggets wrote:

I’m having trouble
when i use the header code (h2) it makes all the text big
Wat do?

Add an empty line between the header line and the start of the text.

If you start typing on the next line immediatly it’ll continue, like you experienced. Same thing if you use the bq. for blockquotes.


Sir-Soundwave wrote:

Ok im back to ask about the video start and end thing. I personally know how about starting the video in a specific place thanks to Randomman but the end video at a certain part proportion was never explained. could someone help?

Like how you start the video with start=X, use end=X to add an end time.

You have to remember here that you do need to add an ampersand between the two commands. So a video starting at 10 seconds and ending at 20 would have ?start=10&end=20 behind the video url.

Last edited Jan 23, 2014 at 05:44AM EST
Jan 23, 2014 at 05:43AM EST
Quote

Twilitlord wrote:

you need to upload the gif online first. The site will not read files stored on your computer, only those stored with an associated IP/URL online (it’s more complicated than that but that’s the short version). You could upload it to KYM, associating it with an entry/tags if applicable by rolling over the “IMAGES” tab up top and clicking “Upload an Image”; the process is rather self-explanatory. You could also use another service if you need/want to, but why? We’ve got everything you need here. Just stay foreverrrrrrrrrrrrrr…

says the hypocrite who usually just puushes pics on his computer because its more convenient even though theyll be broken links in 3 months now

Then just follow the instructions listed here, or use corresponding html tags.


On a side note, this seems like a good time to remind everyone that this thread is not for you to test out textile features. It’s preferable if you test it on your personal profile, for example by making a comment and testing it (textile works anywhere on the site you can make a full text post IIRC, like articles, abouts and comments.

Thanks for the help!

Jan 23, 2014 at 06:55AM EST
Quote

Thepenguinking2 wrote:

How did you get that to work?
Every time I try it in article comments, it just comes up blank. I thought the div tag must have become defunct.

Feb 14, 2014 at 12:37AM EST
Quote

TheOpt1onal (需要血) wrote:

Alright, how do I post an image that isn’t online?

By putting it online.
In fact, KYM is perfect for that. If you go to the bar at the top, under Images, choose Upload an Image, you can upload one without assigning it to an article.
This is even better for hosting than imgur because it won’t make you start paying an annual fee to host more than a certain number of images.

Feb 14, 2014 at 12:40AM EST
Quote

Captain Howel wrote:

By putting it online.
In fact, KYM is perfect for that. If you go to the bar at the top, under Images, choose Upload an Image, you can upload one without assigning it to an article.
This is even better for hosting than imgur because it won’t make you start paying an annual fee to host more than a certain number of images.

I’m a tad paranoic (JUST A BIT >_< ) and as such I must ask.

Is it fine for the site server? If there’s no problem at all I shall start uploading here instead of Flickr

Last edited Feb 14, 2014 at 06:19PM EST
Feb 14, 2014 at 05:52PM EST
Quote

Legendario13 wrote:

I’m a tad paranoic (JUST A BIT >_< ) and as such I must ask.

Is it fine for the site server? If there’s no problem at all I shall start uploading here instead of Flickr

My general rule of thumb is if I don’t want it tied to this account, I don’t upload it. Once it’s in the image gallery then it’s got your account tied to it as the uploader and is free reign for comments and downvotes. (For some reason people actually check the general gallery and down vote images as they see fit even if they’re not tied to an entry.) I, myself, use the gallery sparingly. Most images that don’t have anything to do with memes I upload to imageshack. They just started charging for their site, but you get 30 days free, it’s $2 a month, and I’ve never had an image link go bad because I’ve “used up too much bandwidth.” Feel free to do as you want though. (Within the site guidelines that is.)

Edit: But do try to make sure you’re uploading original content only. We don’t want duplicate images flooding the gallery and making it unusable. You can still include tags even if you don’t link it to a meme, so that helps as well.

Last edited Feb 15, 2014 at 02:25AM EST
Feb 15, 2014 at 02:22AM EST
Quote

Hello! You must login or signup first!