#basic codes

          ~~~

No es un tutorial, es un #Tip, son pequeñas "ayuditas" para que tu estadía en tumblr sea más cómoda.

for people who want to add some basic text decoration to their descriptions :)

Bold text: <b>text</b>

Italic text: <i>text</i>

Strike Through text: <s>text</s>

Underlined text: <u>text</u>

Bigger text: <big>text</big>

Smaller text: <small>text</small>

Center text: <center>text</center>

Text on the right: <div style=”text-align: right;”>text</div>

Text on the left: <div style=”text-align: left;”>text</div>

To creat a link: <a href=”http://link.com”>text</a>

To put an image: <img src=”direct link”>

Changing color: <font color=”htmlcolor”>text</font>

Choose your HTML color here

Changing size: <font size=”2”>text</font>

Changing color AND size: <font size=”2” color=”htmlcolor”>text</font> 

Text with a background: use the following code. <div style=”width:190px; height:12px; background-color:#000000; text-align:left; color: #ffffff;”>text</div> Change the width, the height, the background-color and the color text to your linking. You can replace “left” with “right” or “center” for those effects.

Border around your text: use the following code. <FIELDSET style=”width:190px; height:12px; border: 1px solid #000000;”>text</FIELDSET> Change the width, the height and the color (#000000) to your liking. You can replace “solid” with “dashed” or “dotted”.  Putting a image in your description: upload the image you want on TinyPic, ImageShack or Photobucket. Get the direct link (it should end in .jpg for example) and use this code: <img src=”directlink”> Scrolling Marquee: http://www.myspacegens.com/handler.php?gen=marquee

—BASIC—

Have italic text: <i>text</i>

Have bold text: <b>text</b>

Have strikethrough text: <s>text</s>

Have underline text: <u>text</u>

Have big text: <big>text</big>

(If you want to make the text bigger, double the <big> e.g. <big><big>text</big></big>)

Have small text: <small>text</small>

(If you want to make the text smaller, double the <small> e.g. <small><small>text</small></small>)

Center your text: <center>text</center>

Have your text on the right: <div style=”text-align: right;”>text</div>

Have your text on the left: <div style=”text-align: left;”>text</div>

Make a part of your text a different colour (so you change the 555555 to whatever you want): <font color=#555555>text</font> 

—LINK—

Inserting a link: <a href=”URL”>text</a>

Inserting an image: <img src=”URL”/>

I noticed there was a lack of information about this, and what with the increasing number of individuals on their phones/tablets on a day to day basis (however frustrated with the limited things they could do)... Well, what the hay :D Here's some pro tips on how to make your tumblr stay that little bit more easiee!! I'll also try my best to make this tutorial HTML friendly for those who aren't overly familiar with using this function :D Feel free to add more details in to help your fellow tumblr users out!

Right! To start off, there's the well known -how to change "link" posts into "text" posts. Now, when it comes to tablet ( its usually in desktop mode on the ipad), just follow the steps you normally would on the computer (or alternatively use this).

Tablet devices:

As for the phones however (on safari/chrome/surfing apps), it can get a bit... Iffy, to say the least. At the moment, all I can say is turn on desktop mode and follow the above steps (unless you're on the tumblr app. I'd recommend doing this on wifi if you don't trust no tumbling app, or it's not available on your device.

Now that I've got that out of the way, there's another worrying aspect some individuals are aware of in terms of their portable devices.

HTML.

For those unfamiliar with the codes (being more used to typing on the computer than anything I'll bet), here's a set of handy codes to you when making that post, be it for an rp blog or for just being plain sassy. ;D

<b> Bold </b>

<i> Italics </i>

<strike> Strike </strike>

<big> Big </big>

If you're planning on making text bigger or smaller just add extra <small> 's or <big> 's (whatEver you want to use) on either side. :)

<small> Small <small>

<a href=”YOUR WEBSITE”> WHAT YOU WANT IT TO SAY<a>

Image embed: <img src=”YOUR IMGE URL”></img>

Image-link: <a href=”YOUR WEBSITE”><img src=”IMAGE URL”></a>

(For you lovely RPers and individuals who want to use images but not have to always resort to having to constantly use the new photo button on the dashboard, you could always copy pasta the link to the above two codes. Be aware though, cos if you don't want your picture to be that little grey photo thing loading, you'll need this pic to originate from tumblr. It's not just that though... Let me provide you an example on what one would need to have their image instantly displayed on your dash.

And...

Please like/reblog if using, 1 of 2; if you have any questions just ask!!

<b> Bold </b>

<i> Italics </i>

<strike> Strike </strike>

<big> Big </big>

*just add more bigs or smalls if you want it to be bigger or smaller

<small> Small <small>

<a href=”YOUR WEBSITE”> WHAT YOU WANT IT TO SAY<a>

Image embed: <img src=”YOUR IMGE URL”></img>

<center>

Text align Center </center>

<code> Computer Code Text </code>

<pre> Gray Box</pre>

<p> Paragraph </p>

Line Break <br/>

<blockquote> Blockquote</blockquote>

Image-link: <a href="YOUR WEBSITE”><img src="IMAGE URL"></a>

<li> Bullet List </li>