Thread Status:
Not open for further replies.
  1. EpicJungle

    OP EpicJungle stop browbeating me can't you see i'm sexy
    Member

    Joined:
    Aug 28, 2009
    Messages:
    1,002
    Country:
    Canada
    My friend needs help for her tumblr page...
    Go <a href="http://epicjungle.tumblr.com/" target="_blank">here</a> first..

    She wants the Box at the top of the page to <i>stay</i> at the top of the page when scrolling..

    Also, the thumbnails in her Tumblr are showing the top left of the pictures, and she wants it to show the center of the picture.
    Thanks for you help tempers <img src="style_emoticons/<#EMO_DIR#>/smile.gif" style="vertical-align:middle" emoid=":)" border="0" alt="smile.gif" />

    Here's the theme code:
    <!--c1--><div class='codetop'>CODE</div><div class='codemain'><!--ec1--><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

    </*Theme #12 by destroyer.tumblr.com for sleeplessthemes.tumblr.com.
    Please don't remove credit!
    Please don't remove credit!
    Please don't remove credit!
    Please don't remove credit!
    Please don't remove credit!
    Please don't remove credit! */>

    <html>
    <head>
    <!-- DEFAULT COLORS -->
    <meta name="color:background" content="#e9e9e9"/>
    <meta name="color:Posts" content="#ffffff"/>
    <meta name="color:text" content="#bdbdbd"/>
    <meta name="color:text headers" content="#bbbbbb"/>
    <meta name="color:bold text" content="#919191"/>
    <meta name="color:link" content="#a7a7a7"/>
    <meta name="color:link hover" content="#ffffff"/>
    <meta name="color:notes text link" content="#bbbbbb"/>
    <meta name="color:notes text link hover" content="#ffffff"/>
    <meta name="color:chat quote audio" content="#e9e9e9"/>
    <meta name="color:tiny heart" content="#ff0000"/>
    <meta name="image:Background" content="" />
    <meta name="image:Header" content=""/>
    <meta name="text:Custom Link One" content="" />
    <meta name="text:Custom Link One Title" content="" />
    <meta name="text:Custom Link Two" content="" />
    <meta name="text:Custom Link Two Title" content="" />
    <meta name="text:Custom Link Three" content="" />
    <meta name="text:Custom Link Three Title" content="" />


    <title>{Title}</title>
    <link rel="stylesheet" href="http://static.tumblr.com/usaykzx/o8Bku9w35/reset.css" type="text/css" />
    <link rel="shortcut icon" href="{Favicon}">
    <link rel="alternate" type="application/rss+xml" href="{RSS}">
    {block:Description}
    <meta name="description" content="{MetaDescription}" />
    {/block:Description}
    </head>

    <style type="text/css">
    small{font-size:100%;}
    body{
    margin-top: 0px;
    text-align:justify;
    text-transform:;
    color: {color:text};
    font-family: arial;
    font-size: 9px;
    line-height: 10px;
    background-color:{color:background};
    background-image:url({image:Background});
    background-attachment: fixed;
    background-position:top center;
    background-repeat: repeat;}


    a:link, a:visited, a:active{color: {color:link}; text-decoration:none;
    font-family: arial;
    font-size: 9px; line-height:12px; }
    a:hover{border-bottom:0px; color: {color:link hover}; font-family: arial;
    font-size: 9px; line-height:12px;}

    @font-face {
    font-family: 'LeagueGothicRegular';
    src: url('http://static.tumblr.com/usaykzx/xyTky45d1/league_gothic.eot');
    src: local('League Gothic Regular'), local('LeagueGothic'),
    url('http://static.tumblr.com/usaykzx/pheky45df/league_gothic.ttf') format('truetype'); }

    b, strong{color: {color:bold text};
    font-family: arial;
    font-size: 9px; line-height:12px;}


    #wtf {
    color: {color:text};
    font-family: arial;
    font-size: 9px;
    line-height: 10px;
    position:absolute;
    left:50%;

    {block:IndexPage}
    width:660px;
    margin: 0px 0px 0px -330px;
    {/block:IndexPage}

    {block:PermalinkPage}
    width:660px;
    margin: 0px 0px 0px -330px;
    {/block:PermalinkPage}

    background-color: transparent;
    padding: 0px; }


    #entry {
    background-color:{color:Posts};
    border: 4px solid {color:Posts};
    float:left;

    {block:IndexPage}
    width:200px;
    height: 140px;
    overflow:hidden;
    {/block:IndexPage}

    {block:PermalinkPage}
    width:400px;
    margin:4px;
    {/block:PermalinkPage}

    padding:2px;
    margin: 4px;
    margin-bottom: 26px; }

    #photo {
    width:200px;
    height: 140px;}

    #info{
    background-image:url();
    background-color: {color:Posts};
    float: right;
    margin: 4px;
    width:220px;
    padding:6px;
    margin-top: 4px;}

    #notes{
    background-image:url();
    background-color:{color:Posts};
    display:block;
    width:220px;
    float: right;
    padding:6px;
    margin: 4px;}

    p{
    margin-top:0px;
    margin-bottom:0px;}

    #question{
    overflow:SHOW;
    padding-bottom:3px;
    margin-bottom:3px;}

    #askr{
    display:block;
    float:left;
    width:33px;
    overflow:hidden;
    margin-right:3px;}

    .label {font-weight:bold;}
    ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
    blockquote{padding:0px; padding-left:5px; margin:5px; border-left:1px dotted {color:dots};}
    blockquote img{display:block; width:100%;}
    blockquote p{padding:0px; margin:0px;}
    blockquote blockquote{position:relative; left:-2px; margin-top:0px; margin-right:0px; padding-right:0px;}

    {block:IndexPage}#entry img{margin-top:-6px;}{/block:IndexPage}

    {block:IndexPage}#entry img{ width:300px; margin-left:-20px;} {/block:IndexPage}

    {block:IndexPage}#entry object, embed{width:200px; margin-left:0px; margin-top:0px;}{/block:IndexPage}



    {block:PermalinkPage}#entry object, embed{width:400px;}{/block:PermalinkPage}

    {block:PermalinkPage}#entry img{width: 400px;}{/block:PermalinkPage}


    #bottominfo{
    border-top:0px dotted {color:dots};
    padding:2px 0px 0px 0px;
    display:block;
    }
    .answer p{margin:0px;}
    .notes img{
    width:10px;
    position:relative;
    top:1px;
    }
    ol.notes, .notes li{
    list-style:none;
    margin:0px;
    padding:0px;
    }

    small {font-size:100%; line-height:90%;}
    big {font-family:arial black; color:#000000; font-size:28px;}

    .audioinfo{
    display:block;
    margin-left:0px;
    margin-top: 0px;
    margin-bottom: 4px;
    text-align: left;
    height:10px;
    padding:2px;
    width:100%;
    -moz-border-radius:6px; border-radius:6px;
    background-color: {color:chat quote audio};}


    .audio{display:block; background-color:white; z-index:-2;}

    a img{border:none;}
    #video object{position:relative; top:-20px;}
    #video{overflow:hidden;}

    .label {
    color: {color:bold text};font-weight: bold;
    font-family: arial;
    font-size: 9px; line-height:12px;}

    .odd {
    padding:2px;
    -moz-border-radius:6px; border-radius:6px;
    background-color:{color:chat quote audio};}

    a.date {
    color: {color:notes text link};
    font-family: arial;
    line-height:7px;
    font-size: 9px;
    letter-spacing: 0px;
    z-index:4;
    display: block;
    padding: 1px;
    margin-left: -6px;
    margin-top: -18px;
    position:absolute;
    width:208px;
    height:8px;
    text-align: center;
    background-color: transparent;
    background-image:url();
    border: 1px solid transparent;}

    a.date:hover {
    color: {color:notes text link hover};
    font-size: 16px;
    line-height: 160px;
    font-family: "LeagueGothicRegular", "HelveticaNeue-CondensedBold", "Franklin Gothic Demi Cond", "Franklin Gothic Medium Cond";
    text-transform: uppercase;
    letter-spacing: 0px;
    background-image:url(http://img64.imageshack.us/img64/4263/blacktrans.png);
    z-index:10;
    width: 208px;
    height: 160px;
    background-color: transparent;
    }


    a.date2 {
    color: {color:notes text link};
    font-family: arial;
    line-height:7px;
    font-size: 9px;
    letter-spacing: 0px;
    z-index:4;
    display: block;
    padding: 1px;
    margin-left: 168px;
    margin-top: 146px;
    position:absolute;
    width: auto;
    height:8px;
    text-align: right;
    background-color:transparent;
    background-image:url();
    border: 1px solid transparent;}

    a.date2:hover {color: {color:notes text link hover};}



    h1 {
    color: {color:text headers};
    font-size: 52px;
    line-height: 46px;
    font-family: "LeagueGothicRegular", "HelveticaNeue-CondensedBold", "Franklin Gothic Demi Cond", "Franklin Gothic Medium Cond";
    text-transform: uppercase;
    letter-spacing: -2px;}

    h2 {
    color: {color:text headers};
    font-size: 28px;
    line-height: 28px;
    font-family: "LeagueGothicRegular", "HelveticaNeue-CondensedBold", "Franklin Gothic Demi Cond", "Franklin Gothic Medium Cond";
    text-transform: uppercase;
    letter-spacing: -2px;}



    #lefthold {
    margin-bottom: 20px;
    {block:PermalinkPage}
    margin-bottom: 4px;
    {/block:PermalinkPage}
    z-index:9;
    font-size:9px;
    display:block;
    margin-left: 4px;
    right: 50%;
    padding:5px;
    width: 642px;
    height: auto;
    background-color:{color:Posts};
    background-image:url();}

    #left {
    font: 9px arial;
    line-height: 10px;
    height:auto;
    background-color: transparent;}

    div.botright{
    -moz-border-radius:10px; border-radius:10px;
    z-index:9;
    font-size:9px;
    display:block;
    position: fixed;
    left:-14px;
    top:0px;
    padding:6px;
    padding-left:20px;
    background-image:url(http://img263.imageshack.us/img263/1830/transparentg.png);
    background-color: transparent;}

    #pageleft
    { margin-top:14px;
    margin-left:-30px;
    position: fixed;
    width:50px;
    padding:5px;
    height: auto;
    background-color: transparent;}

    #pageright
    { margin-top:14px;
    margin-left:660px;
    position: fixed;
    width:50px;
    padding:5px;
    height: auto;
    background-color: transparent;}

    #quote{-moz-border-radius:5px; border-radius:5px;
    padding:4px;
    background-color:{color:chat quote audio};}

    {CustomCSS}
    </style>

    <body>
    <div class="botright">
    <b>Theme By:</b> <a href="http://destroyer.tumblr.com"><font color="ffffff">Destroyer</font></a><br>
    <b>Powered By:</b> <a href="http://tumblr.com"><font color="ffffff">Tumblr</font></a>
    </div>
    <center>{block:IfHeaderImage}<center>
    <img src="{image:Header}" width="644" /></center><br>{/block:IfHeaderImage}</center>
    <div id="wtf">
    <div id="pageleft">
    {block:Pagination}
    {block:PreviousPage}<a href="{PreviousPage}"><h1>«</h1></a>{/block:PreviousPage}{/block:Pagination}
    </div>

    <div id="pageright">
    {block:Pagination}{block:NextPage}<a href="{NextPage}"><h1>»</h1></a>{/block:NextPage}{/block:Pagination}
    </div>




    <div id="lefthold">
    <div id="left"><center><a href="/"><h1>{Title}</h1></a></center>
    <center>
    <a href="/">Home</a> •
    <a href="">Archive</a>
    {block:AskEnabled} • <a href="/ask">Ask</a>{/block:AskEnabled}
    {block:SubmissionsEnabled} • <a href="/submit">Submit</a>{/block:SubmissionsEnabled}
    {block:ifCustomLinkOneTitle} • <a href="{text:Custom Link One}">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}

    {block:ifCustomLinkTwoTitle} • <a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}

    {block:ifCustomLinkThreeTitle} • <a href="{text:Custom Link Three}">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}</center>
    <a href="/"><img src="{PortraitURL-64}" alt="" border="0" style="float:left;margin-right:5px" /></a>{block:Description}{Description}{/block:Description}
    </div><br><br><br><br>
    </div>





    <div class="autopagerize_page_element">
    {block:Posts}<div id="entry">

    {block:IndexPage}
    <a href="{Permalink}" class="date"><font color="{color:tiny heart}">♥</font> {block:NoteCount} {NoteCount} Notes{/block:NoteCount} / {ShortDayOfWeek} {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a> <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" class="date2"><font color="{color:tiny heart}">≡</font> reblog</a>

    {/block:IndexPage}


    {block:Text}<h2>{Title}</h2>{Body}{/block:Text}

    {block:Photo}
    {block:IndexPage}<div id="photo"><a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a></div>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}

    {block:Photoset}<center>{block:IndexPage}{Photoset-500}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>{block:PermalinkPage}{/block:PermalinkPage}{/block:Photoset}

    {block:Quote}<div id="quote"><h2>"{Quote}"</h2></div>{block:Source}{Source}{/block:Source}{/block:Quote}

    {block:Link}<a href="{URL}" class="link" {Target}><h2>{Name}</h2></a>{block:Description}{Description}{/block:Description}{/block:Link}

    {block:Chat}
    {block:Title}{Title}{/block:Title}
    {block:Lines}
    {block:Label}
    <div class="{Alt}"><span class="label"><strong>{Label}</strong></span>
    <span class="line">{Line}</span></div>
    {/block:Label}
    {/block:Lines}
    {/block:Chat}

    {block:Video}<center>{block:IndexPage}{Video-250}{/block:IndexPage}
    {block:PermalinkPage}{Video-400}{/block:PermalinkPage}</center>{/block:Video}

    {block:Audio}<span class="audio">{AudioPlayerWhite}</span><br>

    <table width="400" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td rowspan="3"></td>
    <td height="10"><span class="audioinfo"><b>Artist:</b> {block:Artist}{Artist}{/block:Artist}</span></td>
    </tr>
    <tr>
    <td height="10"><span class="audioinfo"><b>Song:</b> {block:TrackName}{TrackName}{/block:TrackName}</span></td>
    </tr>
    <tr>
    <td height="10"><span class="audioinfo"><b>Album:</b> {block:Album}{Album}{/block:Album}</span></td>
    </tr>
    </table>
    {/block:Audio}

    {block:Answer}<div id="quote">{Asker}:<BR> <h2>{Question}</h2></div>{Answer}{/block:Answer}

    </div>

    {block:PermalinkPage}{block:Date}<div id="info"><div id="bottominfo">
    Posted: <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">{ShortDayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a> at {12Hour}:{Minutes}{AmPm}{block:RebloggedFrom}<br>Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>.{/block:RebloggedFrom}

    {block:Photo}{block:HighRes}<br>HighRes: <a href="{PhotoURL-HighRes}">view</a>{/block:HighRes}{/block:Photo}

    {block:Answer}<BR>Ask: <a href="/ask">{AskLabel}</a>{/block:Answer}

    {block:Audio}<BR>Plays: {FormattedPlayCount}{block:ExternalAudio}<BR>Download: <a href="{ExternalAudioURL}">here</a>.{/block:ExternalAudio}{/block:Audio}

    {block:HasTags}<BR>Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:NoteCount}<BR>Notes: {NoteCount}{/block:NoteCount}
    </div></div> {/block:Date}{/block:PermalinkPage}


    {/block:Posts}
    </div>
    {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
    <center><img src="http://img121.imageshack.us/img121/1582/transparentz.png" width="400" height="20"></center>
    </div>

    </body>
    </html><!--c2--></div><!--ec2-->
     
  2. raiderscrusade

    raiderscrusade GBAtemp Fan
    Member

    Joined:
    Jun 30, 2009
    Messages:
    433
    Country:
    Just to inform you, when you hover over some of the text with thousands of 'notes', the year will go on a new line numerous spaces down. Example, on the Monsters Inc. image (2nd column first row), when you hover over the text it shows the year 2011 over the YouTube video, rather than just below the first line.

    That probably needs to be fixed, too.
     
  3. EpicJungle

    OP EpicJungle stop browbeating me can't you see i'm sexy
    Member

    Joined:
    Aug 28, 2009
    Messages:
    1,002
    Country:
    Canada
    That doesn't happen to me... [​IMG]
    Maybe it's your computer?
     
  4. raiderscrusade

    raiderscrusade GBAtemp Fan
    Member

    Joined:
    Jun 30, 2009
    Messages:
    433
    Country:
    Probs that or screen resolution/size?
     
  5. EpicJungle

    OP EpicJungle stop browbeating me can't you see i'm sexy
    Member

    Joined:
    Aug 28, 2009
    Messages:
    1,002
    Country:
    Canada
    Idk.
    But can you help me with at least one request?


    BTW, I changed one request [​IMG]
    Thanks.
     
  6. Hielkenator

    Hielkenator GBAtemp Psycho!
    Member

    Joined:
    Feb 7, 2010
    Messages:
    4,210
    Country:
    Netherlands
    I would make the backgrund static.
    Placing a i-frame in the middle for the content.
    Make the i-frame transparent, with css.
     
  7. EpicJungle

    OP EpicJungle stop browbeating me can't you see i'm sexy
    Member

    Joined:
    Aug 28, 2009
    Messages:
    1,002
    Country:
    Canada
    Sighh.
    My girlfriend just changed the theme, so I don't need your help anymore...
    Sorry guys!

    Lock please!
     
Thread Status:
Not open for further replies.