Gaming HTML Help

Status
Not open for further replies.

EpicJungle

stop browbeating me can't you see i'm sexy
OP
Member
Joined
Aug 28, 2009
Messages
1,002
Trophies
1
XP
366
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-->
 

raiderscrusade

Well-Known Member
Member
Joined
Jun 30, 2009
Messages
433
Trophies
0
XP
155
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.
 

EpicJungle

stop browbeating me can't you see i'm sexy
OP
Member
Joined
Aug 28, 2009
Messages
1,002
Trophies
1
XP
366
Country
Canada
raiderscrusade said:
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.

That doesn't happen to me...
unsure.gif

Maybe it's your computer?
 

raiderscrusade

Well-Known Member
Member
Joined
Jun 30, 2009
Messages
433
Trophies
0
XP
155
Country
Crazzy1 said:
raiderscrusade said:
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.

That doesn't happen to me...
unsure.gif

Maybe it's your computer?

Probs that or screen resolution/size?
 

EpicJungle

stop browbeating me can't you see i'm sexy
OP
Member
Joined
Aug 28, 2009
Messages
1,002
Trophies
1
XP
366
Country
Canada
raiderscrusade said:
Probs that or screen resolution/size?

Idk.
But can you help me with at least one request?


BTW, I changed one request
smile.gif

Thanks.
 

Hielkenator

Well-Known Member
Member
Joined
Feb 7, 2010
Messages
4,210
Trophies
0
XP
679
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.
 

EpicJungle

stop browbeating me can't you see i'm sexy
OP
Member
Joined
Aug 28, 2009
Messages
1,002
Trophies
1
XP
366
Country
Canada
Sighh.
My girlfriend just changed the theme, so I don't need your help anymore...
Sorry guys!

Lock please!
 
Status
Not open for further replies.

Site & Scene News

Popular threads in this forum

General chit-chat
Help Users
  • Xdqwerty @ Xdqwerty:
    nvm this video is clickbait
  • K3Nv2 @ K3Nv2:
    I got a dazzel capture card some place in storage
  • Noctosphere @ Noctosphere:
    Is TCK some kind of Clanchit follower?
    +1
  • K3Nv2 @ K3Nv2:
    Leo just follows Luke around with flowers
    +2
  • BigOnYa @ BigOnYa:
    Is funny, every week he cries bout something and says that's it, I'm leaving this site for good.
  • K3Nv2 @ K3Nv2:
    See I'm a good match maker I always knew he wouldnt leave over luke
    +2
  • BigOnYa @ BigOnYa:
    Had to break down and turn on my AC today. 89 degrees in May. Bet August/September is gonna be crazy hot.
  • Xdqwerty @ Xdqwerty:
    im back
  • K3Nv2 @ K3Nv2:
    @BigOnYa, when your wife kicks you out BOVONO Prefabricated Tiny Home, Mobile Prefab House with Lockable Door and Window, Outdoor Storage Shed with Restroom & Cabinet, Perfect for Hotel, Kiosk, Booth(19 x 20FT) https://a.co/d/ab1dd5t
    +2
  • BigOnYa @ BigOnYa:
    Pretty cool actually
  • Xdqwerty @ Xdqwerty:
    I feel pain on the left side of my stomach
  • ZeroT21 @ ZeroT21:
    @K3Nv2 looks neat, i would want one in the boonies
    +1
  • K3Nv2 @ K3Nv2:
    Read the reviews
  • ZeroT21 @ ZeroT21:
    honestly, seems like a great option for temporary housing, but the reviews seems iffy
  • ZeroT21 @ ZeroT21:
    I'm sure i could build one with the schematics if made available
  • ZeroT21 @ ZeroT21:
    the 2nd pic dun show much, just topdown view of the layout
  • Y @ yqw:
    someone has a cheat table for need for speed most wanted 2012?
  • K3Nv2 @ K3Nv2:
    The cheat codes 911 catch the crazy drivers
  • BigOnYa @ BigOnYa:
    I mean that game came out on every game system, so lets be a little more vague.
  • BigOnYa @ BigOnYa:
    I need cheats for GTA v, lol. And why ask here, go look for them yo self!
    +2
  • ZeroT21 @ ZeroT21:
    make 'em , they're not hard to do
    +1
  • Psionic Roshambo @ Psionic Roshambo:
    Fast and Furious Night Rider crossover !
    Psionic Roshambo @ Psionic Roshambo: Fast and Furious Night Rider crossover !