Gaming HTML Help

Status
Not open for further replies.
EpicJungle

EpicJungle

stop browbeating me can't you see i'm sexy
OP
Member
Level 3
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-->
 
R

raiderscrusade

Well-Known Member
Member
Level 2
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

EpicJungle

stop browbeating me can't you see i'm sexy
OP
Member
Level 3
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.
Click to expand...

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

Maybe it's your computer?
 
R

raiderscrusade

Well-Known Member
Member
Level 2
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.
Click to expand...

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

Maybe it's your computer?
Click to expand...

Probs that or screen resolution/size?
 
EpicJungle

EpicJungle

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

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


BTW, I changed one request
smile.gif

Thanks.
 
Hielkenator

Hielkenator

Well-Known Member
Member
Level 5
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

EpicJungle

stop browbeating me can't you see i'm sexy
OP
Member
Level 3
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

Go to forum More news

Popular threads in this forum

"New Windows driver blocks software from changing default web browser"

Does anyone still use Windows 7 as their daily OS?

GPU on motherboard support (Please help)

Windows users should try to be more open minded to try Linux

Windows 11 might not update if you have these popular apps installed

Flickering Video on emulator

Was there ever going to be new generations of SATA after SATA III?

can't host parsec

General chit-chat
Help Users
    Xdqwerty @ Xdqwerty: Getting sleepy