html-codes

Cool that Tumblr made this dumbass update that no one wanted but they still haven’t corrected that problem where if you go to edit a text post on mobile it goes crazy and inserts a bunch of html codes

THIS UPDATE IS NOT “JUST LIKE THE OTHER ONE” SO PLEASE STOP SAYING IT BECAUSE IT’S NOT.

Deleting reblogs means the person you’re reblogging from is not notified on the activities page.

YOU MUST @ mention your RP partner or they will have NO WAY of knowing you’ve replied.

Icons do not copy/paste because there is no html code to copy/paste and convert.

staff do not care. Obviously. If you want to tell them (respectfully) what you think of the update, GIVE FEEDBACK.

theblitzclub asked:

what is the update supposed to be

Staff (probably on purpose) breaks captions resulting in the “tub effect” which causes (on desktop) captions to be pushed so far off the post (mobile) captions to look like this

Instead of fixing THIS problem, which is basic fucking html and coding for christ sakes, they decide to take the oh so minimal outlook to “shorten how long captions are” by making captions gaudier and longer. Paired with the un-edit-able captions, the RP community, and well everyone in general, are not too happy.

(left: original captions. right: new captions)

graphic design is not tumblr staff’s passion

★ BASIC CODES ★

So I made this tutorial for those who want to improve their themes. In this tutorial you can find some basic codes which you can use in your descriptions etc.

Let’s start!

Bold text

<b> text </b>

Italic text

<i> text </i>

Strike through text

<strike> text </strike>

★ Underlined text

<u> text </u>

Bigger text

<big> text </big>

If you want to make it BIGGER and BIGGER

add more ’<big>’ before the text.

Smaller text

<small> text </small>

★ Centering text

<center> text </center>

★ Break

in the line

text <br>

★ Text on the right

★ Text on the left

★ Link

<a href="URL OF YOUR LINK"> LINK'S VISIBLE NAME </a>

★ Image as link

<a href="URL OF YOUR LINK"><img src="URL OF YOUR IMAGE"></a>

Example:

< a href="http://www.pure-purgatory.tumblr.com><img src="http://i.imgur.com/DzUq2GG.png></a>

Result:

IMPORTANT:

If you do reblog this make sure to reblog as a text post if you want to see the full post.

Tumblr Goodies

If you use a code I would appreciate it if you “liked” this blog
so I know & keep posting more codes :D Thanks guys! xoxo

[disclaimer: i don’t own every code - proper credit is given to rightful owners]

CODES & TUTORIALS
Disable Right Click
Sparkle/Tinkerbell Cursor
Bubbles Cursor
Page Bubbles
Infinite Scrolling Pages
Fading Effect for Pictures
Fading Effect for Links
Users Online
Scroll Box
Drop Down Menu
Put an Image in Your Description
How to get the Mini Cursor
How to Create a Small Music Player -NEW
How to Add a Banner -NEW
How to add a fav icon -NEW 

BANNERS/PROMO BANNERS
Previously Made Banners/Banner Pick-Up <- MORE COMING SOON!
First 5 Promo Banners -NEW
First 10 Promo Banners -NEW
First 15 Promo Banners -NEW
First 20 Promo Banners -NEW

OTHER GOODIES
Quotes
Backgrounds 
Edits/Collages
Fav Icons -NEW


REQUESTS
Request a Banner -PAGE UNDER CONSTRUCTION :)  

THEMES
(Coming soon!) 

Click here if you have a question on how to use a code :)

Basic HTML Codes

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>

Link in a new Tab: <a href=“YOUR URL” target=“_blank”>NAME OF LINK

Creative & Unique codes for your blog!

Add any of the following codes to the very bottom of your theme code. After </html>

  • Bubbles that you can pop and are filled with hearts: code 
  • Cool Exploding Hearts: code
  • Cute falling bubbles that explode when popped: code
  • Falling bubbles that explode with hearts: code

“HEARTBREAKER“ Theme #142 made by Ocehans:

LIVE PREVIEW / CODE (FREETEXTHOST) / CODE (PASTEBIN)

            *FEATURES HERE*

like if you’re using or thinking of using please!

Basic/Simple codes

bold text: <b> insert text here </b>
italicize text: <i> insert text here </b>
underline text: <u> insert text here </u>
big text: <big> insert text here </big>
small text: <small> insert text here </small>
new paragraph: <p> insert text here </p>
insert a link: <a href=“link url”> insert text here </a>
insert an image: <img src=“image url” width=“(how wide you want your image to be)px;”>

Please like/reblog if you use! :)

Basic HTML by fashion-lookbook

Bold

<b>TEXT</b>

Clickable link into message

<a href=“url here”>clickable text here</a>

Italics

<I>TEXT HERE</I>

The dreaded blink tag

<blink>TEXT HERE</blink>

Moving text horizontally

<marquee>TEXT HERE</marquee>

Change font size

<font size=NUMBER HERE>TEXT</font>

Change font color

<fontcolor=COLORCODE>TEXT</font>

ex: <font color=000000>TEXT</font>

MORE QUESTIONS: http://fashion-lookbook.tumblr.com/ask

THANK YOU!!!!!

xoxo

2

redtour’s theme 02!

Live Preview // Code

  • 5 sidebar links, 3 optional links
  • 150 x 150 sidebar

You can edit the theme as you please, as long as you keep the credit intact!! Do not redistribute or claim as your own.

Please like/reblog if you take, they encourage me to post more

Any questions, comments, or concerns don’t be afraid to message me!

Woah look were adding!!!!!!!!!!!

Rules:
  • mbf the main whores Hannah and Ashley
  • reblog this up to three times
  • must be active !!!!
  • must make themes (you can make any type of themes, doesn’t have to be fandom) or want to learn HTML 
Perks of being a Code Whore:
  • a spot on our network page wow!!!
  • new friends and followers
  • help and advice on html
  • we will reblog your themes to get them around
  • selfies too bc true friends
Increase your chances:
  • tag #codewhores in a post and tell us why you want in and show us your personality!
  • link us to your themes if you make a post please!
  • follow everyone here and tell us when u did
  • ***TAG ALL THE THEMES YOU POST WHILE WERE ADDING WITH #CODEWHORES SO WE SEE THEM !!!! THIS WILL HELP A LOT ***
  • talk to us haha
  • if you want to like show off ur follower count submit it to me or hannah :)

edit credit to ashley because she’s perf

We will pick when this gets a decent amount of notes yay :))

“Left behind“ Theme #137 made by Ocehans:

LIVE PREVIEW CODE (FREETEXTHOST) / CODE (PASTEBIN)

            *FEATURES HERE*

note:  you can change the triangles in your links with any other unicode symbol that you want

like if you’re using or thinking of using please!

FINALLY

I don’t know how long this has taken me, but I finally figured out how to make info page about myself! After spending endless hours on http://tumblr-tutorial.tumblr.com

I finally figured it out. I know it may be easy for some people but html codes and stuff wasn’t the easiest thing in the world for me to understand. I’m just so glad I finally got it to work, it turns out I was missing the tiniest little detail, and once I figured out what it was it worked :) So here is my story for all you lovely followers.

 http://hersecretplace.tumblr.com/herstory