[ ]
RAM
YEONS
Hello and welcome to Ramyeons ~ This is a place where i post free themes and where you can find helpful tutorials and resources.
STATUS: Hiatus
NEW: Stolen

How To Create a “Shops” Box by Ramyeons/Hobakjeon.

Tutorial on how to re-create the “Shops” box you see on my main blog, as seen above on the photo.
Either click the photo or here to be directed to the tutorial. Hope this is helpful, since many of you guise have been requesting it! 

How To Create a “Shops” Box by Ramyeons/Hobakjeon.

Tutorial on how to re-create the “Shops” box you see on my main blog, as seen above on the photo.

Either click the photo or here to be directed to the tutorial. Hope this is helpful, since many of you guise have been requesting it! 

Posted 9 months ago with 71 notes
gyapo:

How to put an image in your background
Just put this after <body>

<img src='IMAGE URL HERE' style='position:fixed;bottom:0px;left:0px;z-index:-999'/>

Then for the postion, you can change :
bottom:0px; for top:0px;
left:0px; for right:0px;

gyapo:

How to put an image in your background

Just put this after <body>

<img src='IMAGE URL HERE' style='position:fixed;bottom:0px;left:0px;z-index:-999'/>

Then for the postion, you can change :

  • bottom:0px; for top:0px;
  • left:0px; for right:0px;
Posted 9 months ago with 4,454 notes
Posted 1 year ago with 165 notes
Posted 1 year ago with 111 notes

ixora:

I used to get asked this question a lot: “My follow/dashboard buttons have moved, how do I put them back in the right place?”

The solution is to insert the following into your CSS (between <style> and </style>):

iframe#tumblr_controls { right:3px !important; position:fixed !important; }
Posted 1 year ago with 142 notes
Posted 1 year ago with 31,999 notes
lmthemes:

Tutorial 01 - Transitions - Advanced

This is my first tutorial and I probably won’t do very many because I don’t think I explain myself all that well.
This first tutorial is about transitions. Since, I use them a lot in my themes, I thought I’d impart what I know on to people who may want to learn.
This is an advanced tutorial which just means that you should know your way around CSS and HTML to make sense what to do, where to put it, and how to make it your own.
There’s a lot you can do with transitions and I do mean A LOT, so this tutorial doesn’t really go into simple transitions like making text that was green turn blue - but kind of the more complex stuff like making blocks slide out to the right. (I promise it makes more sense with the examples!)
I hope you guys enjoy this first tutorial and that it hopefully helps you!

Next tutorial: Random Sidebar Image Script (because I get a lot of questions about it).

lmthemes:

Tutorial 01 - Transitions - Advanced

This is my first tutorial and I probably won’t do very many because I don’t think I explain myself all that well.

This first tutorial is about transitions. Since, I use them a lot in my themes, I thought I’d impart what I know on to people who may want to learn.

This is an advanced tutorial which just means that you should know your way around CSS and HTML to make sense what to do, where to put it, and how to make it your own.

There’s a lot you can do with transitions and I do mean A LOT, so this tutorial doesn’t really go into simple transitions like making text that was green turn blue - but kind of the more complex stuff like making blocks slide out to the right. (I promise it makes more sense with the examples!)

I hope you guys enjoy this first tutorial and that it hopefully helps you!

Next tutorial: Random Sidebar Image Script (because I get a lot of questions about it).

Posted 1 year ago with 307 notes
lmthemes:

Audio Posts Audio Player Over Album Art Tutorial | Intermediate

A couple people had asked me for a tutorial on audio posts over the album art so here is a tutorial on that. It doesn’t include “default” album art if there is no album art and it doesn’t cover how to style audio posts over all. That would basically be like me just giving you the codes that I use on my audio posts…  
However, I hope that this will help those who asked about it some help about how to go about having a styled audio post audio player. This is for POSTS not an external mp3 player. Since this is intermediate please don’t ask me “Where does it go?” because I labeled it intermediate for a reason. Again hope this helps somewhat.
Read more

lmthemes:

Audio Posts Audio Player Over Album Art Tutorial | Intermediate

A couple people had asked me for a tutorial on audio posts over the album art so here is a tutorial on that. It doesn’t include “default” album art if there is no album art and it doesn’t cover how to style audio posts over all. That would basically be like me just giving you the codes that I use on my audio posts…  

However, I hope that this will help those who asked about it some help about how to go about having a styled audio post audio player. This is for POSTS not an external mp3 player. Since this is intermediate please don’t ask me “Where does it go?” because I labeled it intermediate for a reason. Again hope this helps somewhat.

Read more

Posted 1 year ago with 218 notes
-unknowndesires-:

Please like/ reblog if this is of any use to you. =) Thank you. 

-unknowndesires-:

Please like/ reblog if this is of any use to you. =) Thank you. 

(Source: -unknowndesires-)

Posted 1 year ago with 314 notes
lmthemes:

Tutorial 03 - Installing Custom Fonts | BeginnerSo you want to spiff up your theme by using fancy fonts? This tutorial will show you how! Just a quick note before we continue though - unfortunately because Firefox is fickle, custom fonts (not google fonts) will not work on Firefox. For some reason fonts have to be uploaded to the same site server - so yes, even if you host it via the static tumblr uploader, it will not work. Custom fonts (not including google fonts) will only work on Chrome and possibly IE (I honestly don’t want to bother to check.) That being said on with the tutorial!
Step 01 - Finding Your Fonts
Make sure you know where your fonts are that you want to use. This means locating your fonts folder on your computer as you’ll need to upload it to an outside source. As I said earlier - you can use the tumblr static file uploader - but other sites would be like box.com and webs.com. While you can still install custom fonts, I would recommend either sticking to Google Fonts or at least having a font back up for Firefox.
a. Google Fonts
It’s a pretty easy set up for Google Fonts. You simply find a font that you like click “Quick Use” and then it provides directions for you. The only draw back is that there only a small array of fonts to use, not like what you might have in your own font folder.
Step 02 - Custom Fonts Code
So below you’ll find the custom font code you’ll need to install. You don’t need to use all the lines but it is important across browsers.You’ll want to replace “Some Font Name” with what you want to call the font. This will be used later in the CSS.You’ll also want to replace “host.com/somefontname.xyz” with your hosted font.
@font-face {font-family: 'Some Font Name';    src: url('http://host.com/somefontname.eot'),          url('http://host.com/somefontname.eot?#iefix') format('embedded-opentype'),         url('http://host.com/somefontname.woff'),         url('http://host.com/somefontname.ttf') format("truetype"),    font-weight: normal;    font-style: normal;}
The EOT font file is only for Internet Explorer. So if you want to appeal to people who have Internet Explorer - bless their souls - you’ll have to find that file. If not this is all really required of you:
@font-face {font-family: 'Some Font Name';    src: url('http://host.com/somefontname.ttf') format("truetype"),    font-weight: normal;    font-style: normal;}
Of course you can change the font-weight and font-style to what you prefer!
Step 03 - Using the Fonts
Now when you go to use the fonts in your CSS you’ll do something along the lines of:
.class {font-family: 'Some Font Name', 'Google Font Backup';}
Save your theme and ta da you have installed a custom font!

lmthemes:

Tutorial 03 - Installing Custom Fonts | Beginner

So you want to spiff up your theme by using fancy fonts? This tutorial will show you how! Just a quick note before we continue though - unfortunately because Firefox is fickle, custom fonts (not google fonts) will not work on Firefox. For some reason fonts have to be uploaded to the same site server - so yes, even if you host it via the static tumblr uploader, it will not work. Custom fonts (not including google fonts) will only work on Chrome and possibly IE (I honestly don’t want to bother to check.) That being said on with the tutorial!

Step 01 - Finding Your Fonts

Make sure you know where your fonts are that you want to use. This means locating your fonts folder on your computer as you’ll need to upload it to an outside source. As I said earlier - you can use the tumblr static file uploader - but other sites would be like box.com and webs.com.

While you can still install custom fonts, I would recommend either sticking to Google Fonts or at least having a font back up for Firefox.

a. Google Fonts

It’s a pretty easy set up for Google Fonts. You simply find a font that you like click “Quick Use” and then it provides directions for you. The only draw back is that there only a small array of fonts to use, not like what you might have in your own font folder.

Step 02 - Custom Fonts Code

So below you’ll find the custom font code you’ll need to install. You don’t need to use all the lines but it is important across browsers.

You’ll want to replace “Some Font Name” with what you want to call the font. This will be used later in the CSS.
You’ll also want to replace “host.com/somefontname.xyz” with your hosted font.

@font-face {font-family: 'Some Font Name';
    src: url('http://host.com/somefontname.eot'),
         url('http://host.com/somefontname.eot?#iefix') format('embedded-opentype'),
         url('http://host.com/somefontname.woff'),
         url('http://host.com/somefontname.ttf') format("truetype"),
    font-weight: normal;
    font-style: normal;}

The EOT font file is only for Internet Explorer. So if you want to appeal to people who have Internet Explorer - bless their souls - you’ll have to find that file. If not this is all really required of you:

@font-face {font-family: 'Some Font Name';
    src: url('http://host.com/somefontname.ttf') format("truetype"),
    font-weight: normal;
    font-style: normal;}

Of course you can change the font-weight and font-style to what you prefer!

Step 03 - Using the Fonts

Now when you go to use the fonts in your CSS you’ll do something along the lines of:

.class {font-family: 'Some Font Name', 'Google Font Backup';}

Save your theme and ta da you have installed a custom font!

Posted 1 year ago with 1,398 notes
Posted 1 year ago with 1,570 notes
Posted 1 year ago with 471 notes

starious:

VIEW DEMO!

Pop-Up Menu is quite different and like any tool has its positives and negatives.

  • Positive: Makes the page more dynamic, and need not redirects.
  • Negative: The INFINITE SCROLL doesn’t work fine when you use it.

Advice!

Before doing anything, it’s good if you save your code as a precaution. 

Read More

Posted 1 year ago with 2,190 notes
Posted 1 year ago with 7,432 notes

starious:

html-and-etc:

Paste this under the <head> tag.

<Meta http-equiv="refresh" content="5", url="http://NEWURL.tumblr.com/">
Posted 1 year ago with 361 notes