Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2

Thread: Tumblr CSS help

  1. #1
    New to the CF scene
    Join Date
    Nov 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Tumblr CSS help

    What's up guys,

    I had a question that might have a simple answer or maybe not...I did some CSS way back when but I'm definitely rusty and can't figure this out on my own..

    I have a tumblr site at http://partymuzik.tumblr.com

    I basically want to be able to show the name of each song i post under the flash player on the left next to the heart. I post the artist and title under the official "description" of each post so I basically need a way to show the description of the song in that space.

    You might need to be familiar with Tumblr to help - I'm not sure but I can post the code of the site if needed.

    Thank you all for the help!

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello evanagovino,
    Not sure how much editing you can do in your tumbler layout, you will need to be able to make changes to both the markup and the CSS.

    Try adding these bits highlighted in red,

    Markup:
    Code:
    <!---->
    <div style="position: absolute; left: 260px; top: 10px;" class="post" id="audio">
    
    <!---->
    <img src="http://26.media.tumblr.com/tumblr_lufbb8hReg1qkqkv0_1320892818_cover.jpg">
    <!---->
    
    <span id="audio_player_12583350337"><div class="audio_player"><embed type="application/x-shockwave-flash" src="http://assets.tumblr.com/swf/audio_player.swf?audio_file=http://www.tumblr.com/audio_file/12583350337/tumblr_lufbb8hReg1qkqkv0&amp;color=FFFFFF" quality="best" height="27" width="207"></div></span>
    
    <script type="text/javascript">replaceIfFlash(9,"audio_player_12583350337",'\x3cdiv class=\x22audio_player\x22\x3e<embed type="application/x-shockwave-flash" src="http://assets.tumblr.com/swf/audio_player.swf?audio_file=http://www.tumblr.com/audio_file/12583350337/tumblr_lufbb8hReg1qkqkv0&color=FFFFFF" height="27" width="207" quality="best"></embed>\x3c/div\x3e')</script>
    
    
    <div class="title">name of song</div>
    
    <div id="photonotefix" class="indexnotes"><!----><img id="noteimg" src="http://static.tumblr.com/d0qlne1/EEKl4vxx0/notes.png"> 5 <!----><a href="http://partymuzik.tumblr.com/post/12583350337/kanye-west-jay-z-vs-benny-benassi-niggas-in-paris-satisf"><img id="noteimg" src="http://static.tumblr.com/d0qlne1/fcUl4vybr/permalink.png"></a></div>
        </div>
    <!---->
    <!---->
    And a bit of CSS:
    Code:
    /**/
    .title {float: left;}
    .indexnotes {
    	float:right;
    	font-size:1em;
    	position:relative;
    	display:block;
    	color:#AAA;
    }
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •