resources tutorials fave themes recommendations credits personal

a—themes:

[ THEME #32 - Spring ]

Preview ( Temporary ) | Preview ( Static ) | Code

Features:

  • 400/500 size posts
  • Fading Images
  • Grayscale Images with Color Hover
  • Infinite Scrolling Option 
  • 8 Custom Links
  • Links On Hover Option.
  • Corner Image Option ( I highly suggest you to use one with a transparent background )
  • Show Captions/Tags 
  • Music Player

You have the option of making the links show on hover or not , you can do that by checking/unchecking HoveringLinks option.

How to use music player is told in this post and in FAQ.
Also please do NOT use a blog title too long.

Credits:

  • Notes code belongs to Zuvia.
  • Chat post code belongs to Yukoki.
  • Sidebar image is by 零
  • Music Tab code is by Shinkos.

Best viewed in Chrome.
Enjoy!

cixth:

doraguniru theme
live preview & codes

features/options:

  • 250, 400, 500 post sizes
  • tags on index page
  • 3 sidebar images (100x100)
  • infinite scrolling
  • pagination under posts
  • 5 custom links
Hope I'm not bothering you, but where did you learn to code? I love your themes, by the way. :)
◥thisisprismatic

I learnt how to code mainly from the theme tutorial by themesbyeris, and by looking at others’ codes, a lot of tinkering around and such. ><

Thank you! :>

fukuo:

Music Player Techno by Fukuo

I’ve been trying to find the style of Music Player, I had before. Now, I am going to share my experiment what I’ve done. As you can see, this is more complicated and is relatively different from my music tab, earlier. Just try to adjust the position of the music player if the position is not fit with your taste!

Live preview

HTML: Creating the Music Player!

As usual, try to insert this code under the ‘<body>’ tags!

<div id="music-rounded">
    <center><img src="http://media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif"></center>
        <div class="music-border"></div>
            <div class="music-player-embed">
             <center>MUSIC PLAYER CODE HERE</center>
        </div>
    </div>

CSS: Styling the Music Player!

And then, put this code between <style type=”text/css”> and </style>

#music-rounded {
      position:fixed;
      left:75px;
      top:150px;
      width:50px;
      height:50px;
      background-color:#000;
      -moz-border-radius:100px;
      -webkit-border-radius:100px;
      border-radius:100px;
      opacity:1;
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      transition: all 0.4s ease;
}

#music-rounded img {
     margin-top:17px;
     margin-left:-2px;
}

#music-rounded:hover .music-player-embed {
     -moz-border-radius:5px;
     -webkit-border-radius:5px;
     border-radius:5px;
     margin-top:-20px;
     opacity:1;
     background-color:#000;
     color:#fff;
     -webkit-transition: all 0.7s ease;
     -moz-transition: all 0.7s ease;
     transition: all 0.7s ease;
} 

.music-border {
        position:absolute;
        margin-top:-42px;
        margin-left:-15px;
        border:10px solid rgba(0, 0, 0, 0.4);
        width:60px;
        height:59px;
        background-color:none;
        -moz-border-radius:100px;
        -webkit-border-radius:100px;
        border-radius:100px;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
}

.music-border:hover {
        margin-top:-48px;
        margin-left:-20px;
        border:15px solid rgba(0, 0, 0, 0.4);
        -webkit-transition: all 0.7s ease;
        -moz-transition: all 0.7s ease;
        transition: all 0.7s ease;
        -webkit-transform:rotateY(360deg);
        -moz-transform:rotateY(360deg);
        -o-transform: rotateY(360deg);
}

.music-player-embed {
    font-family:Consolas;
    font-size:11px;
    position:absolute;
    min-width:100px;
    background-color:#FFF;
    padding:9px;
    margin-left:90px;
    margin-top:0px;
    overflow:hidden;
    opacity:0;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

And, WA-LA! I hope you all like it! I was trying to make it with my sincerity from my knowledge of HTML and CSS—any form of Credit, Like and Reblog are appreciated! image

Hi Yukoki! Say, do you attend anime events in Singapore? I hear it's a lot of fun :)
◥daughterofowls

I’ve only ever attended AFA 2012 last year T^T It was actually a lot of fun, there were so many cosplays and merchandise, and my friends and I even went into the butler cafe ahahahaa

I plan on going to this year’s AFA too, unless something important suddenly pops up. D:

would you know how to change the icons on theme 24? thank you! ^-^
◥risahawkeye

Read More

The haze here in Singapore is getting really bad, latest PSI reading of 152! To all those Singaporean bloggers out there: shut yourselves in, close all the windows, hide in the fridge, and keep on tumblring! (loljk just stay safe and healthy!)

gyapo:

15 Katekyo Hitman Reborn, simple icons - (100*100)

Originals don’t belong to me, found them on Zerochan. / Please like or reblog if you take them :)

[ Download ] - 503 Ko

oh my goodness! may i just say that i absolutely love your crimson hunter theme!!! i like the little references in it and it just makes me really happy whenever i look at the preview
◥ultearmilkoviches

Thank you! And I actually did have a lot of fun coding the theme and just snickering to myself whenever I snuck small references in hehehehahbsdiusahi[sd gpsam gl

Hey! I'm currently using one of your themes and I love it. Thanks :)
◥superclimaxhero

I’m happy to know that you’re using and enjoying it! image