Toggle sidebar

Gaming HTML Help

  • Thread starter Thread starter EpicJungle
  • Start date Start date
  • Views Views 1,639
  • Replies Replies 6
Status
Not open for further replies.
EpicJungle

EpicJungle

stop browbeating me can't you see i'm sexy
Member
Level 4
Joined
Aug 28, 2009
Messages
1,002
Solutions
2
Reaction score
4
Trophies
2
XP
397
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-->
 
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.
 
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?
 
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?
 
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.
 
I would make the backgrund static.
Placing a i-frame in the middle for the content.
Make the i-frame transparent, with css.
 
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

Feedback  Windows 11 LTSC... The Good Edition of 11?

Hacking Translation Project  Blue Reflection Quartet Translation, Content Restoration and Uncensor Mod

Translation  Senran Kagura Burst Re:Newal Delocalization / Translation Mod

Translation  Senran Kagura Shinovi Versus - Translation / Delocalization Patch Mod

Steam Deck OLED no post, active LED.

Help to get the Switch Online GameCube controller to work on PC??

Hacking Gaming Review  Disney Dreamlight Valley Profile

What is the hardest Kingdom Hearts III +ReMind mod merging that is not unbeatable and how to install andconfigure it?