The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Wider page?
LuceA
post Apr 28 2012, 06:41 PM
Post #1





Group: Members
Posts: 1
Joined: 28-April 12
Member No.: 17,006



I have the tesselate theme on my tumblr and it looks like this http://starrynights-and-sunnydays.tumblr.com/ but i want it to be wider, so that it looks more like this http://kylelightfoot.tumblr.com/ any ideas on how to do this? i alsowant bigger text if anyone can help with that, here is the full html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" id="{block:IndexPage}index{/block:IndexPage}{block:PermalinkPage}permalink{/block:PermalinkPage}" class="no-js {block:ifNotInfiniteScroll}no-{/block:ifNotInfiniteScroll}infscr {block:ifNotEnableAnimations}no-{/block:ifNotEnableAnimations}animations transitions {block:ifNotFadeInFirstPage}no-{/block:ifNotFadeInFirstPage}fadein {block:ifNotMobileCompatibility}no-{/block:ifNotMobileCompatibility}mobcompat not-mobile">
<!--
Tessellate theme version 2.1 // balloonies.tumblr.com
Install // www.tumblr.com/theme/30524 (ALWAYS INSTALL FROM HERE)
-->
<head><embed src="http://bannerbaker.com/banners/glitterfactory/show.swf?message=Spread%20legs%2C%20not%20lies%2E%2E%2E&font=http://bannerbaker.com/banners/glitterfactory/fonts/plainn_lib19.swf&glitter=http://bannerbaker.com/banners/glitterfactory/glitters/glitter26.swf&clickURL=http://bannerbaker.com/&type=0&clickLABEL=Banner Makers&bevel=1&shadow=1&glow=1&blur=0&fade=0&blink=0&gb=2&ga=0.6&gi=0&gc=14162904&bb=2&bc=0&sb=7&sa=0.7&si=0&sc=0&blb=7&ls=0&fontsize=75&num=26" quality="best" wmode="transparent" bgcolor="#ffffff" width="593" height="125" name="glitters" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /><br><a href="http://bannerbaker.com/">Banner Makers</a>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />
<link rel="stylesheet" type="text/css" href="http://static.tumblr.com/eatauj5/uCmlcby26/reset-min.css" />
<link rel="stylesheet" type="text/css" href="http://static.tumblr.com/eatauj5/ah5lz703s/tessellate.2.1.min.css" />
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=2000" />
<meta name="color:Border" content="#f1f1f1" />
<meta name="color:Link" content="#708090" />
<meta name="color:Meta background" content="#ffffff" />
<meta name="color:Meta font" content="#708090" />
<meta name="color:No album art background" content="#eeeeee" />
<meta name="color:Page background" content="#ffffff" />
<meta name="color:Page font" content="#999999" />
<meta name="color:Post background" content="#ffffff" />
<meta name="color:Title" content="#708090" />
<meta name="font:Page" content="arial " />
<meta name="font:Title" content="arial " />
<meta name="image:Background" content="" />
<meta name="image:Header" content="" />
<meta name="if:Border around index posts" content="1" />
<meta name="if:Border around permalink content" content="0" />
<meta name="if:Border around permalink meta" content="0" />
<meta name="if:Center header image" content="0" />
<meta name="if:Contextual time on index page" content="0" />
<meta name="if:Enable animations" content="1" />
<meta name="if:Enable permalink pagination" content="0" />
<meta name="if:European time format" content="1" />
<meta name="if:Fade in first page" content="1" />
<meta name="if:Fixed background image" content="0" />
<meta name="if:Infinite Scroll" content="0" />
<meta name="if:Larger 7th photo" content="0" />
<meta name="if:Larger 14th photo" content="0" />
<meta name="if:Mobile compatibility" content="0" />
<meta name="if:Show date on index page" content="0" />
<meta name="if:Show description over links" content="0" />
<meta name="if:Show description under links" content="0" />
<meta name="if:Show header slashes" content="1" />
<meta name="if:Show notes on permalink page" content="1" />
<meta name="if:Show RSS" content="0" />
<meta name="if:Show search bar" content="1" />
<meta name="if:Show title" content="1" />
<meta name="if:Stretched background image" content="0" />
<meta name="if:Transparent post background" content="0" />
<meta name="if:White up arrow" content="0" />
<meta name="text:Google Analytics ID" content="" />

<style type="text/css">
body, #search input {font-family:{font:Page}}
body {color:{color:Page font};background-color:{color:Page background};{block:ifBackgroundImage}background-image:url('{image:Background}');{/ block:ifBackgroundImage}{block:ifNotStretchedBackgroundImage}{block:ifFixedBackg
roundImage}background-attachment:fixed;{/block:ifFixedBackgroundImage}{/ block:ifNotStretchedBackgroundImage}{block:ifStretchedBackgroundImage}background
-attachment:fixed;background-size:100% 100%;{/block:ifStretchedBackgroundImage}}
a {color:{color:Link}}
blockquote, #top, #search input, .the-border, #foot-nav {border-color:{color:Border}}
{block:ifNotTransparentPostBackground}.post {background-color:{color:Post background}}{/block:ifNotTransparentPostBackground}
.text .title, .the-quote, .the-link a, .chat .title, .asked {color:{color:Title};font-family:{font:Title}}
.album-art, .audio-meta li {background-color:{color:No album art background}}
#toTop {background-image:url('{block:ifWhiteUpArrow}http://static.tumblr.com/eatauj5/bFhll9tq4/arrow-up-white.png{/block:ifWhiteUpArrow}{block:ifNotWhiteUpArrow}http://static.tumblr.com/eatauj5/Wupll45l8/arrow-up.png{/block:ifNotWhiteUpArrow}')}
#index .meta, .caption-outer {background-color:{color:Meta background}}
#index .meta a, .caption-inner {color:{color:Meta font}}
{CustomCSS}
</style><span style="cursor:crosshair">

<script type="text/javascript">
var tessellate = {
search: '{lang:Search}',
analytics: {block:ifGoogleAnalyticsID}true{/block:ifGoogleAnalyticsID}{block:ifNotGoogleAnalyticsID}false{/block:ifNotGoogleAnalyticsID},
infscr: {block:ifInfiniteScroll}true{/block:ifInfiniteScroll}{block:ifNotInfiniteScroll}false{/block:ifNotInfiniteScroll},
animations: {block:ifEnableAnimations}true{/block:ifEnableAnimations}{block:ifNotEnableAnimations}false{/block:ifNotEnableAnimations},
fadein: {block:ifFadeInFirstPage}true{/block:ifFadeInFirstPage}{block:ifNotFadeInFirstPage}false{/block:ifNotFadeInFirstPage}
}
</script>
{block:ifGoogleAnalyticsID}<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{text:Google Analytics ID}']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>{/block:ifGoogleAnalyticsID}
{block:IndexPage}<script type="text/javascript" src="http://assets.tumblr.com/javascript/tumblelog.js"></script>{/block:IndexPage}
<script type="text/javascript" src="http://static.tumblr.com/eatauj5/aBHly2e80/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/eatauj5/832lz70q4/tessellate.2.1c.min.js"></script>
</head>

<body><span style="cursor:crosshair">
<div id="container">
{block:ifHeaderImage}<div id="header" class="{block:ifCenterHeaderImage}centered{/block:ifCenterHeaderImage}"><a href="/"><img src="{image:Header}" alt="{Title}" /></a></div>{/block:ifHeaderImage}
<div id="top">
{block:ifNotShowDescriptionUnderLinks}{block:ifShowDescriptionOverLinks}{block:D
escription}
<div id="description">
{Description}
</div>
{/block:Description}{/block:ifShowDescriptionOverLinks}{/block:ifNotShowDescriptionUnderLinks}

<div id="top-nav">
<ul id="links" class="{block:ifShowSearchBar}capped{/block:ifShowSearchBar} {block:ifNotShowHeaderSlashes}unslashed{/block:ifNotShowHeaderSlashes}">
{block:ifNotHeaderImage}{block:ifShowTitle}<li id="title"><a href="/">{Title}</a><span class="s d"> // </span></li>{/block:ifShowTitle}{/block:ifNotHeaderImage}
{block:ifNotShowDescriptionUnderLinks}{block:ifNotShowDescriptionOverLinks}{bloc
k:Description}<li id="description">{Description}<span class="s d"> // </span></li>{/block:Description}{/block:ifNotShowDescriptionOverLinks}{/block:ifNotShowDescriptionUnderLinks}
<li><a href="/archive">{lang:Archive}</a></li>
{block:HasPages}{block:Pages}<li><span class="s"> / </span><a href="{URL}">{Label}</a></li> {/block:Pages}{/block:HasPages}
{block:AskEnabled}<li><span class="s"> / </span><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled}
{block:SubmissionsEnabled}<li><span class="s"> / </span><a href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
{block:ifShowRSS}<li><span class="s"> / </span><a href="{RSS}">{lang:RSS}</a></li>{/block:ifShowRSS}
<li><span class="s"> / </span><a href="http://www.tumblr.com/theme/30524" rel="nofollow">Theme</a></li>
</ul>

{block:ifShowSearchBar}
<form action="/search" method="get" name="search-form" id="search">
<input type="text" name="q" value="{lang:Search}" />
</form>
{/block:ifShowSearchBar}
</div>

{block:ifShowDescriptionUnderLinks}{block:Description}
<div id="description">
{Description}
</div>
{/block:Description}{/block:ifShowDescriptionUnderLinks}
</div>

<div id="content" class="{block:ifBorderAroundIndexPosts}border-index-post{/block:ifBorderAroundIndexPosts} {block:ifBorderAroundPermalinkContent}border-perm-content{/block:ifBorderAroundPermalinkContent} {block:ifBorderAroundPermalinkMeta}border-perm-meta{/block:ifBorderAroundPermalinkMeta}">
{block:Posts}
<div {block:Date}id="post-{PostID}"{/block:Date} class="post {block:Text}text {/block:Text}{block:Quote}quote {/block:Quote}{block:Link}link {/block:Link}{block:Chat}chat {/block:Chat}{block:Answer}answer {/block:Answer}{block:Photo}photo not-{/block:Photo}{block:Photoset}photoset not-{/block:Photoset}{block:Audio}audio not-{/block:Audio}{block:Video}video not-{/block:Video}wordy {block:Date}not-{/block:Date}page {block:IndexPage}{block:ifFadeInFirstPage}invisible{/block:ifFadeInFirstPage} {block:Photo}{block:Post7}{block:ifLarger7thPhoto}wide{/block:ifLarger7thPhoto}{/block:Post7}{block:Post14}{block:ifLarger14thPhoto}wide{/block:ifLarger14thPhoto}{/block:Post14}{/block:Photo}{block:Video}wide{/block:Video} transition-opacity{/block:IndexPage}">
{block:IndexPage}{block:ifMobileCompatibility}<a href="{Permalink}" class="mobile-shield"></a>{/block:ifMobileCompatibility}{/block:IndexPage}
<div class="content-block left-block the-border">
<div class="post-content the-border">
{block:Text}
{block:Title}<h2 class="title">{Title}</h2>{/block:Title}
{body}
{/block:Text}

{block:Photo}
<div class="the-photo">
{block:IndexPage}{LinkOpenTag}<img src="{block:Post1}{PhotoURL-250}{/block:Post1}{block:Post2}{PhotoURL-250}{/block:Post2}{block:Post3}{PhotoURL-250}{/block:Post3}{block:Post4}{PhotoURL-250}{/block:Post4}{block:Post5}{PhotoURL-250}{/block:Post5}{block:Post6}{PhotoURL-250}{/block:Post6}{block:Post7}{block:ifLarger7thPhoto}{PhotoURL-500}{/block:ifLarger7thPhoto}{block:ifNotLarger7thPhoto}{PhotoURL-250}{/block:ifNotLarger7thPhoto}{/block:Post7}{block:Post8}{PhotoURL-250}{/block:Post8}{block:Post9}{PhotoURL-250}{/block:Post9}{block:Post10}{PhotoURL-250}{/block:Post10}{block:Post11}{PhotoURL-250}{/block:Post11}{block:Post12}{PhotoURL-250}{/block:Post12}{block:Post13}{PhotoURL-250}{/block:Post13}{block:Post14}{block:ifLarger14thPhoto}{PhotoURL-500}{/block:ifLarger14thPhoto}{block:ifNotLarger14thPhoto}{PhotoURL-250}{/block:ifNotLarger14thPhoto}{/block:Post14}{block:Post15}{PhotoURL-250}{/block:Post15}" alt="{PhotoAlt}" />{LinkCloseTag}{/block:IndexPage}
{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}{/block:PermalinkPage}
</div>
{/block:Photo}

{block:Photoset}
<div class="the-photoset layout{PhotosetLayout}">
{block:IndexPage}{Photoset-250}{/block:IndexPage}
{block:PermalinkPage}<!--
-->{block:Photos}<span class="photoset-image">
<a href="{PhotoURL-HighRes}"><img src="{PhotoURL-500}" /></a>
{block:Caption}<span class="caption-outer">
<span class="caption-inner">{Caption}</span>
</span>{/block:Caption}
</span>{/block:Photos}<!--
-->{/block:PermalinkPage}
</div>
{/block:Photoset}

{block:Quote}
<h2 class="the-quote">{Quote}</h2>
{block:Source}<div class="quote-source">— {Source}</div>{/block:Source}
{/block:Quote}

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

{block:Chat}
{block:Title}<h2 class="title">{Title}</h2>{/block:Title}
<ul class="the-chat">
{block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}
</ul>
{/block:Chat}

{block:Audio}
<div class="album-art">
<div class="audio-circle"><div class="the-audio hideflash">{AudioPlayerBlack}</div></div>
{block:AlbumArt}<img src="{AlbumArtURL}" class="the-album-art" alt="" />{/block:AlbumArt}
</div>
{block:PermalinkPage}
<ul class="audio-meta">
{block:TrackName}<li class="trackname">{TrackName}</li>{/block:TrackName}
{block:Artist}<li class="artist">{Artist}</li>{/block:Artist}
{block:Album}<li class="album">{Album}</li>{/block:Album}
</ul>
{/block:PermalinkPage}
{/block:Audio}

{block:Video}
<div class="the-video hideflash">{Video-500}</div>
{/block:Video}

{block:Answer}
<h2 class="asked"><span class="asker">{lang:Asker asked}</span>: <span class="question">{Question}</span></h2>
{Answer}
{/block:Answer}

{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
</div> <!-- /.post-content -->
</div> <!-- /.left-block -->

{block:Date}
<div class="content-block right-block">
<div class="meta the-border transition-height">
<a href="{Permalink}" title="{lang:Permalink}" class="permalink">{NoteCount} &hearts; {block:IndexPage}{block:ifShowDateOnIndexPage} <span class="s">/</span> {block:ifContextualTimeOnIndexPage}{TimeAgo}{/ block:ifContextualTimeOnIndexPage}{block:ifNotContextualTimeOnIndexPage}{block:i
fEuropeanTimeFormat}{DayOfMonth} {Month}, {Year}{/block:ifEuropeanTimeFormat}{block:ifNotEuropeanTimeFormat}{Month} {DayOfMonth}, {Year}{/block:ifNotEuropeanTimeFormat}{/block:ifNotContextualTimeOnIndexPage}{/block:ifShowDateOnIndexPage}{/block:IndexPage}</a>
{block:PermalinkPage} <span class="s">/</span> {block:ifEuropeanTimeFormat}{DayOfMonth} {Month}, {Year}{/block:ifEuropeanTimeFormat}{block:ifNotEuropeanTimeFormat}{Month} {DayOfMonth}, {Year}{/block:ifNotEuropeanTimeFormat}
{block:ContentSource} <span class="s">/</span> <span class="source-label">{lang:Source}:</span> <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
{block:RebloggedFrom}<!--{lang:Reblogged from ReblogParentName}-->{/block:RebloggedFrom}

{block:HasTags}
<ul class="tagged">
<li class="tag-label">{lang:Tagged}:</li>
{block:Tags}<li class="tag"><a href="{TagURL}">{Tag}</a><span>, </span></li>{/block:Tags}
</ul>
{/block:HasTags}{/block:PermalinkPage}
</div>

{block:ifShowNotesOnPermalinkPage}{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:ifShowNotesOnPermalinkPage}
</div>
{/block:Date}
</div> <!-- /.post -->
{/block:Posts}

{block:NoSearchResults}
<div id="no-results" class="post text wordy page opaque">
<div class="left-block the-border">
<div class="post-content">
<h2 class="title">{lang:No posts found}</h2>
<p>{lang:Sorry no search results found}</p>
</div>
</div>
</div>
{/block:NoSearchResults}
</div> <!-- /#content -->

{block:Pagination}
<ul id="foot-nav">
{block:PreviousPage}<li class="prev"><a href="{PreviousPage}">&larr; {lang:Newer}</a></li>{/block:PreviousPage}
{block:JumpPagination length="5"}
{block:CurrentPage}<li class="current-page"><span>{PageNumber}</span></li>{/block:CurrentPage}
{block:JumpPage}<li class="jump-page"><a href="{URL}">{PageNumber}</a></li>{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}<li class="next"><a href="{NextPage}">{lang:Older} &rarr;</a></li>{/block:NextPage}
</ul>
{/block:Pagination}
{block:ifEnablePermalinkPagination}{block:PermalinkPagination}
<ul id="foot-nav">
{block:NextPost}<li class="next"><a href="{NextPost}">&larr; {lang:Newer}</a></li>{/block:NextPost}
{block:PreviousPost}<li class="prev"><span class="s"> / </span><a href="{PreviousPost}">{lang:Older} &rarr;</a></li>{/block:PreviousPost}
</ul>
{/block:PermalinkPagination}{/block:ifEnablePermalinkPagination}
</div> <!-- /#container -->

{block:ifInfiniteScroll}{block:IndexPage}<div id="loading"></div>{/block:IndexPage}{/block:ifInfiniteScroll}
</body>
</html>
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 August 2014 - 08:05 AM