The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Tumblr: Script - doesn't really work
TheGoldenMomentsInLife
post Jan 18 2013, 06:33 AM
Post #1





Group: Members
Posts: 1
Joined: 18-January 13
Member No.: 18,475



There's something in my script I can't find.
I found this script on the internet, when I compare it to other scripts this is a real mess!
But i did put alot of time in it and now my background works out fine etc. but...

When my pictures are on my profile they are like zoomed in. You can't see all of it. When I try to make them bigger it fails or puts a really big gap in between them.


in the "head" part I can make the pictures bigger.


<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
<!DOCTYPE>

<!-- ----------------------------------
Theme Cross

Theme is made by Max Davis.
More free tumblr themes at:
http://themes.themaxdavis.com
---------------------------------- -->

<html>
<head>
<meta charset="utf-8" />

<meta name="color:background" content="#transparent"/>
<meta name="color:center" content="#transparent"/>
<meta name="color:text" content="#bdbdbd"/>
<meta name="color:title" content="#C76114"/>
<meta name="color:link" content="#a7a7a7"/>
<meta name="color:link hover" content="#ffffff"/>

<meta name="image:Background" content="" />

<meta name="text:Ask Title" content="Ask" />
<meta name="text:Link 1" content="" />
<meta name="text:Link 1 Title" content="" />
<meta name="text:Link 2" content="" />
<meta name="text:Link 2 Title" content="" />
<meta name="text:Link 3" content="" />
<meta name="text:Link 3 Title" content="" />
<meta name="text:Link 4" content="" />
<meta name="text:Link 4 Title" content="" />
<meta name="text:Link 5" content="" />
<meta name="text:Link 5 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}<script type="text/javascript" src="http://themaxdavisthemes.com/code/jQuery.js"></script>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">
<script src="http://static.tumblr.com/8jq17g7/e7bm0d3ib/ui.totop_jquery_easing.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$().UItoTop({ easingType: 'easeOutQuart' });
});
#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:10px;
right:10px;
overflow:hidden;
width:51px;
height:51px;
border:none;
text-indent:-999px;
background:url(http://static.tumblr.com/8jq17g7/Ecym0czgw/ui.totop.png) no-repeat left top;}
#toTopHover {
background:url(http://static.tumblr.com/8jq17g7/Ecym0czgw/ui.totop.png) no-repeat left -51px;
width:51px;
height:51px;
display:block;
overflow:hidden;
float:left;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {
outline:none;}

</script>
</script>

</head>
<style type="text/css"> body{ text-align:justify; color: {color:text}; font-family: 'Tahoma',sans-serif; font-size: 20px; background-color:{color:background}; {Block:IfBackgroundimage} background-image:url(http://24.media.tumblr.com/tumblr_mbl4bwmro91rdsou1o1_500.png); background-attachment: fixed; background-position:top center; background-image: no-repeat fixed right 100%;background-size: cover;;; {/Block:IfBackgroundimage}} a:link, a:visited, a:active{ color: {color:link}; text-decoration:none; font-weight: bold;} a:hover{ color: {color:link hover}; } #container { color: {color:text}; line-height: 12px; font-size: 12px; position:absolute; left:45%; {block:IndexPage} width:750px; margin: 0px 0px 0px -330px; {/block:IndexPage} {block:PermalinkPage} width:750px; margin: 0px 0px 0px -330px; {/block:PermalinkPage} background-color: transparent; padding: 0px; } #entry { background-color:{color:center}; float:left; {block:IndexPage} width:250px; height: 160px; overflow:hidden; {/block:IndexPage} {block:PermalinkPage} width:400px; margin:4px; {/block:PermalinkPage} margin: 0px; margin-bottom: 0px; } #photo { width:500px; height: 140px;} #info{ background-color: {color:center}; float: right; width:320px; padding:6px;} #notes{ background-color:{color:center}; display:block; width:320px; float: right; padding:6px; margin-top: 10px; text-align: left;} p{ margin-top:0px; margin-bottom:0px;} .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{width:250px;min-height: 160px;} {/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;} .notes img{ width:10px; position:relative; top:1px;} ol.notes, .notes li{ list-style:none; margin:0px; padding:0px;} big {font-family:Comic Sans MS black; color:#000000; font-size:28px;} .audioinfo{ display:block; margin-left:0px; margin-top: 0px; margin-bottom: 4px; text-align: left; height:12px; padding:2px; width:100%;} .audio{ display:block; background-color: transparant; z-index:-2;} a img{border:none;} #video object{position:relative; top:-20px;} #video{overflow:hidden;} .label { color: {color:bold text};font-weight: bold; line-height:12px;} .odd { padding:2px;} h1 { color: {color:title}; font-size: 52px; line-height: 46px; font-weight:bold; text-transform: uppercase; letter-spacing: -4px;} h2 { color: {color:title}; font-size: 19px; line-height: 22px; text-transform: uppercase; letter-spacing: -1px; font-weight:bold; text-align:left;} h3 { color: {color:title}; font-size: 12px; letter-spacing: 0px; font-weight:bold;} #header { margin-top: 10px; padding-top: 10px; padding-bottom: 20px; z-index:9; display:block; width: 750px; height: auto; background-color:{color:center};} #header .links{ margin:15px 0 0;} #header .links a{ font-size:12px; margin:0 5px; font-weight:bold;} #header .description{ margin:10px 0 5px;} #headertwo { line-height: 12px; height:auto; background-color: transparent;} #footer{ background-color: #FFFFFF; clear: both; height: auto; padding: 12px 0; width: 750px; z-index: 9; {block:IndexPage} width: 750px; {/block:IndexPage} {block:PermalinkPage} width: 400px; {/block:PermalinkPage} background-color:{color:center};} #footertwo { line-height: 12px; height:auto; background-color: transparent;} #pagenavigationOLDER { float: right; margin-right: 17px; margin-top: 5px; text-align: right;} #pagenavigationNEWER { float: left; margin: 5px 0 0 17px;} #quote{padding:6px;} #textadd{padding:6px;} #linkadd{padding:6px;} #audioadd{padding:6px;} #chatadd{padding:6px;} #questionadd{padding:6px;} .date{ background-color:#; font-size:12px; display:none; position:absolute; width:250px; margin-top:109px; text-align: center; padding-top:2px; padding-bottom:2px;} #entry:hover .date {display: block;} .date a {color:#fff;} .date a:hover {color:;} .date2{ color:#000; font-size:184px; display:none; position:absolute; width:250px; height: 160px; margin-top:0px; text-align: center;} #entry:hover .date2 {display: block;} .date2 a {color:;} .date2 a:hover {color:;} #answer{ margin-top: 8px; width: 250px; border-top: 1px dotted {color:border}} </style>

<body>
<!-- SCM Music Player http://scmplayer.net -->
<script type="text/javascript" src="http://scmplayer.net/script.js"
data-config="{'skin':'skins/black/skin.css','volume':65,'autoplay':true,'shuffle':true,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'<3','url':'http://www.youtube.com/watch?v=rDOXxa1U7Oc'},{'title':'<3','url':'http://www.youtube.com/watch?v=p3-Cq_AaTa4'},{'title':'P<3','url':'%27http://www.youtube.com/watch?v=sWRxweh0EDE'},{'title':'P<3','url':'http://www.youtube.com/watch?v=pjA7HcfsyKQ'},{'title':'P<3','url':'http://www.youtube.com/watch?v=3dM2qCCg6GE'},{'title':'P<3','url':'http://www.youtube.com/watch?v=lsj_3c8mA3M'},{'title':'H°','url':'http://www.youtube.com/watch?v=utwuLSXms34'}
,{'title':'P_','url':'http://www.youtube.com/watch?v=BXmWcsScFUE'}
,{'title':'R_','url':'http://www.youtube.com/watch?v=kxnVZlBZC9E'},{'title':'R_','url':'http://www.youtube.com/watch?v=RmNTAvnSais'}
,{'title':'R_','url':'http://www.youtube.com/watch?v=3KHJKj9GgsI'}
,{'title':'R_','url':'http://www.youtube.com/watch?v=1agUFG0f50Y'}
,{'title':'R_','url':'http://www.youtube.com/watch?v=Bw3tYiAFVfg'}
,{'title':'R_','url':'http://www.youtube.com/watch?v=K0czg_TQAcA'}
,{'title':'R_','url':'http://www.youtube.com/watch?v=PEMiLu72LJg'}
,{'title':'R_','url':'http://www.youtube.com/watch?v=RmNTAvnSais'}
,{'title':'R_','url':'http://www.youtube.com/watch?v=3KHJKj9GgsI'}
,{'title':'R°','url':'http://www.youtube.com/watch?v=gcs5PRxEXq4'}
,{'title':'R°','url':'http://www.youtube.com/watch?v=6qOvNgEsZ9s'}
,{'title':'P°','url':'http://www.youtube.com/watch?v=1agUFG0f50Y'}]}" ></script>
<!-- SCM Music Player script end -->

<div id="container">


<div id="header">
<div id="headertwo"><center><a href="/"><h1>{Title}</h1></a>

<div class="description">{Description}</div>

<div class="links">
{block:AskEnabled}<a href="/ask">{block:ifasktitle}{text:Ask Title}{/block:ifasktitle}
{block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle}</a>{/block:AskEnabled}
{block:ifShowSubmit}<a href="/submit">Submit</a> {/block:ifShowSubmit}
{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}
{/block:HasPages}
{block:ifLink1Title}
<a href="{text:Link 1}" title="{text:Link 1 Title}">
{text:Link 1 Title}</a>
{/block:ifLink1Title}
{block:ifLink2Title}
<a href="{text:Link 2}" title="{text:Link 2 Title}">
{text:Link 2 Title}</a>
{/block:ifLink2Title}
{block:ifLink3Title}
<a href="{text:Link 3}" title="{text:Link 3 Title}">
{text:Link 3 Title}</a>
{/block:ifLink3Title}
{block:ifLink4Title}
<a href="{text:Link 4}" title="{text:Link 4 Title}">
{text:Link 4 Title}</a>
{/block:ifLink4Title}
{block:ifLink5Title}
<a href="{text:Link 5}" title="{text:Link 5 Title}">
{text:Link 5 Title}</a>
{/block:ifLink5Title}
</div></center>
</div>
</div>





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

{block:IndexPage}
<a href="{permalink}"><div class="date2">
<img src="http://static.tumblr.com/b2ajd3k/rkSlypwah/69675172.png">
</div></a>
<div class="date">
<a href="{permalink}">{block:NoteCount} {NoteCount} NOTES{/block:NoteCount}</a>
</div>
{/block:IndexPage}

{block:Text}
<div id="textadd"><h2>{Title}</h2>{Body}</div>
{/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:Photoset}

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

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

{block:Chat}

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

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

{block:Audio}<div id="audioadd"><span class="audio">{AudioPlayerWhite}</span><br>
<div style="margin-top:8px; float:right;"><small>
{FormattedPlayCount} plays</div>
</div>
{/block:Audio}

{block:Answer}<div id="questionadd"><div id="quote">- {Asker}:<BR> <h3>{Question}<h3></div><br><div id="answer">{Answer}</div><br></div>{/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}

<div id="footer">
<div id="footertwo">

{block:Pagination}
<div id="pagenavigationOLDER">
{block:NextPage}<a href="{NextPage}">Older</a>{/block:NextPage}</div>
<div id="pagenavigationNEWER">
{block:PreviousPage}<a href="{PreviousPage}">Newer</a>{/block:PreviousPage}</div>
<div style="clear:both"></div>
{/block:Pagination}

</div>
</div>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</body>
</html>

This post has been edited by pandy: Jan 18 2013, 06:39 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th March 2024 - 07:34 PM