All of my themes are free. All of you can do is leave the credit intact and read TOU for more information!
I'm trying to help you if you have a problem regarding my themes. Don't be hesitant to ask me something! I am here to help you.
All themes are customizable! Feel free to edit as your wish! And make sure to check the options before asking a question!
Fukuo Themes
インドネシアの想像力

requested by anon
adamas | bebas | blake | champagne | devil breeze | dubiel | flower | xtreemmedium |

(via deutscherthemes)

967

All themes I’ve been working on:

And, I apologize for my disappearance! I’m so busy with school.

23

Pages [#4] — Omega [1]  by Fukuo

 Live preview and codes

An about me page which contains some information such as your name, age, likes, zodiac, quote and links. Please use this if you have a knowledge with HTML and CSS— please send me a message if you’re having a problem on using this page. For description, keep it 4 lines or it will looks weird.

NOTE: To change the zodiac signs, go here

CREDIT:

  1. Box background made by snnns 
  2. Background: Subtle Patterns 
  3. Inspiration: Ladmilk

Please, Like or Reblog if you use this page, thank you!

620

Theme Giveaway for followers →

Firstly, thank you for always supporting—I know, without you, I can’t stand by myself, I can’t make a themes until now. To celebrate, I’ve made a themes for theme-giveaway!

RULES:

  1. You must be following me, it’s a giveaway for followers. If you win and you’re not following me, I’ll choose another person
  2. Reblog and Like per 1 person
  3. Giveaway ends: 29 July 2014
  4. The winners will be chosen via random number generator— 3 winners

Go! Go! Go! I’ll be waiting for the winners! The preview on the theme can be seen here or click the title above.

721

Pages [#3] — Anime Recommendation [1]  by Fukuo

Live preview and codes

A recommendation page as I said before, it’s pretty simple. I decided to release this page as apology because I haven’t posted any themes—I’ve been busy with making a theme for a prize in my theme-giveaway, I hope you will join! If you have a suggestion or problem, please don’t be hesitant to send me a message and go here for the instructions.

NOTE: The image size is 225px x 337px.

CREDIT:

  1. The images are from myanimelist
  2. Menu-bar from here

Please, Like or Reblog if you want/or plan to use this theme. Thank you!

219

Subtle Patterns (125x125px)

(Source: hellolittlered-org)

Menu Dropdown by Fukuo

Live Preview

Hello, there! I am back with a new tutorials—it’s a menu dropdown. I am so happy to share the code I’ve been working on. Be sure to play around with the code and please note that I am not helping with customization nor do I will help you to use this code, you need to have a knowledge with HTML and CSS.
Please note that this might not be supported in all browsers, this is still experimental.
[[MORE]]
I assume you that you at least have a knowledge with HTML and CSS so that you can use this on your blog or websites. The first step we should do is getting started with the markup.
HTML: Creating a navigation bar
We start with the markup. This is the easiest part—just paste the code under <body> tags. Make sure to replace the ‘# (hastags)’ with the URL you want to add to and change the ‘link’ with the name you want.
    <div id="menu-dropdown">
        <span>Menu</span>
            <div class="menubar-drop">
                <!-- These are the links, you can add it as many as possible! Make sure to edit the height of the .menubar-drop and #menu-dropdown or it will looks weird. -->
                <a href="#">Link</a>
                <a href="#">Link</a>
                <a href="#">Link</a>
                <a href="#">Link</a>
            </div>
        </div>
CSS: Styling the navigation bar
Yes, this is the fun part, styling the navigation bar! Paste the code under <style type="text/css"> But, before looking at the code, we’ll be breaking it up and looking at a few of code which are important:
    /* MENU DROPDOWN by FUKUO */
	#menu-dropdown {
		width:250px; /* This is the width of the content .. */
		height:30px; /* Height of the content .. */
		padding:20px; /* Padding .. */
		overflow: hidden;
		margin:150px auto auto 250px; /* YOU HAVE TO CHANGE THIS, CHANGE IT BASED ON THE CONTENT YOU MAKE. */
		-webkit-transition: all 0.7s ease;
		-moz-transition: all 0.7s ease;
		-o-transition: all 0.7s ease;
	}

	#menu-dropdown:hover {
		height:300px; /* The height on hover, it's transparent so you can not see it */
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
	}
As shown above, the width of menu dropdown is 250 on pixels—you can change it with your desired size, but please remember that it depends on the content you have; i.e if you have a sidebar with 250 pixels in width you need to change the size—or padding—on the code and play around with it, just don’t change the height of menu dropdown! It will makes the code messy!
    #menu-dropdown span {
        cursor: help; /* Cursor .. */
		margin:-10px 0 0 -10px;
		display:block;
		width:250px; /* This is same as shown above */
		height:30px;
		background-color:#111; /* Background */
		height:30px;
		padding:12px;
		color:white; /* Color .. */
		font-family:courier new; /* Font.. */
		text-transform: uppercase; /* Text on uppercase .. */
		font-size:25px; /* Font size .. */
		text-align:left;
		-moz-border-radius:10px;
		border-radius:10px;
		-o-border-radius:10px;
		-webkit-border-radius:10px;
	}
This is the important things you should know, this is the content where the text and the background of nav dropdown appears! The code is self-explanatory, you can see the caption or instructions next to the declaration there.
	#menu-dropdown:after {
		content:'';
		position:absolute;
		margin:-310px 0 0 220px; /* Triangle's position before hovered */
		width:0;
		height:0;
		border-top:15px solid transparent;
		border-left:15px solid #fff; /* Background of triangle*/
		-webkit-transform:rotate(-45deg);
		transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
	}
	
#menu-dropdown:hover:after {
        z-index:-1; /* This is needed */
		border-top:30px solid transparent;
		border-left:30px solid #fff; /* Background of triangle */
		margin:-240px 0 0 140px; /* This is the triangle's position when hovered */
		-webkit-transform:rotate(135deg);
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
	}
The code above is triangle, it will goes down when hovered—just take a look at the photoset—I highly recommend you to play around with this code.
    .menubar-drop {
		background-color:#fff; /* It's the background of the content that contains a links */
		width:250px; /* Yes, the width of the content */
		height:200px;
		color:white; /* Color .. */
		font-family:courier new;
		text-transform: uppercase;
		font-size:13px;
		text-align:left;
		padding:3% 1% 9% 3%; /* Padding ... */
		margin:40px 0 0 -5px;
		border-radius:10px;
		-moz-border-radius:10px;
		-o-border-radius:10px;
	}

	.menubar-drop a {
		display:block;
		font-size:20px;
		margin-bottom:10px;
		width:220px;
		padding:12px 12px 12px 12px;
		background-color:#222; /* Background.. */
		text-decoration:none;
		color:white; /* Color .. */
		 border-radius:10px;
		-moz-border-radius:10px;
		-o-border-radius:10px;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
	}

	.menubar-drop a:hover {
		letter-spacing:5px;
		text-indent:80px;
		background-color:#333;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
	}
	
We’re almost done! This code is the links itself, you can edit this with your liking! I have put some instructions there just in case you’re confused to change the colors.
Conclusion
That’s all to it! I hope you can find it useful. Any Reblog, Like and Credit are really appreciated! 

Menu Dropdown by Fukuo

Live Preview

Hello, there! I am back with a new tutorials—it’s a menu dropdown. I am so happy to share the code I’ve been working on. Be sure to play around with the code and please note that I am not helping with customization nor do I will help you to use this code, you need to have a knowledge with HTML and CSS.

Please note that this might not be supported in all browsers, this is still experimental.

Read More →
338
page 1 of 181
NEXT