The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> Tumblr html help (probably relative and absolute positioning)
Moslavac08
post Jul 30 2014, 12:02 PM
Post #1





Group: Members
Posts: 1
Joined: 30-July 14
Member No.: 21,325
Hello everyone,
I need help with my tumblr http://girlsinspo.com/ as I don't know anything about html. I edited a theme that I liked and I was satisfied until I realized it looks good only on my resolution (1280x800) It looks like this: http://quirktools.com/screenfly/#u=http%3A...p;h=800&a=1 you can see how the ads and widgets are aligned with the topbar thing(lets call it menu) that scrolls down with the screen, but when you look at the bigger resolution, for example 1440x900 it looks like this http://quirktools.com/screenfly/#u=http%3A...p;h=900&a=1 and the menu is not aligned with the ads and stuff in sidebar. I was researching a bit and I wonder if it has something to do with relative and absolute positioning? I would like to have things in sidebar aligned with menu in any resolutions, so it would always look like 1280x800 but on bigger resolution there will be just blank space on sides, I hope you get what I mean. I hope someone can answer this, please smile.gif

Here is my code:

<!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">

<head>

<!-- 1BFBF0A7-E011-4FE8-B4E1-154DB5D70088 -->

<div style="position: fixed; bottom: 5px; left: 700px; width: 1000px; height: 5px;"><font color="C5B2B2"></font></div>

<div id="wrap">

<div id="main">


</div>

</div>

<div id="footer">

</div>



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

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:20,
tip_fade_speed:400,
attribute:"title"
});
});
})(jQuery);
</script>




<div style="position:fixed; top:40px; right:5px; float:right; position:absolute; "><div class="fb-like" data-href="https://www.facebook.com/girlsinspo?ref=hl" data-layout="button" data-action="like" data-show-faces="true" data-share="true"></div></div>

<div style="position:fixed; top:65px; right:5px; float:right; position:absolute; ">
<a title="Follow girlsinspo for more fashion" href="http://www.bloglovin.com/en/blog/995422"><img alt="Follow on Bloglovin" src="http://www.bloglovin.com/widget/bilder/en/lank.gif?id=995422" border="0"></a></div>



<div style="position:fixed; top:87px; right:5px; float:right; position:absolute; "><a href="http://heartifb.com/members/searchinfashion/" target="_blank"><img src="http://i43.tinypic.com/28mcmc9.gif" border="0" alt="Tumblr fashion blog"></a></div>






<title>{title}</title>

<link rel="shortcut icon" href="{Favicon}">

<meta name="color:Background" content="#ffffff"/>
<meta name="color:Text" content="#000000"/>
<meta name="color:Hover" content="#000000"/>
<meta name="color:Link" content="#000000"/>
<meta name="color:heart" content="#f5a3e4"/>
<meta name="color:tool" content="#aaaaaa"/>
<meta name="if:3columns" content="0"/>
<meta name="if:1column" content="0"/>



<meta name="text:Link1 Title" content="Link 1">
<meta name="text:Link1" content="http://">
<meta name="text:Link1 Tool" content="Link 1">

<meta name="text:Link2 Title" content="Link 2">
<meta name="text:Link2" content="http://">
<meta name="text:Link2 Tool" content="Link 2">


<meta name="text:Link3 Title" content="Link 3">
<meta name="text:Link3" content="http://">
<meta name="text:Link3 Tool" content="Link 3">


<meta name="image:Background" content="1"/>
<meta name="image:sidebar" content="1"/>
<link href='http://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'>

<style type="text/css">

::-webkit-scrollbar {width: 5px; height: 4px; background: white; }

::-webkit-scrollbar-thumb { background-color:#ccc; }

a {color:;text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}

#tumblr_controls{
position:fixed !important;
-webkit-filter: invert(100%);
}

.wrapper{
margin: 0px auto;
width: 900px;
}

.header{
float: left;
width: 100%;
}

.left{
float: left;
margin-right: 20px;
width: 802px;
}

.right{
float: right;
width: 200px;
background-color: {color:Background};
}

body {
padding: 0px;
margin: 0px;
color:{color:text};
line-height:13px;
font-family:ubuntu;
font-size:11px;
background-color: {color:Background};
background-image:url({image:Background});
background-attachment: fixed;
background-repeat: repeat;
text-align: justify;
background-size:101% 101%;
}

a:link, a:visited{
color:{color:link};
-webkit-transition: color 0.4s ease-out;
-moz-transition: color 0.4s ease-out;
}

a:hover{
color:{color:Hover};
-webkit-transition: color 0.4s ease-out;
-moz-transition: color 0.4s ease-out;
}

a:active {
color:white;
-webkit-transition: color 0.4s ease-out;
-moz-transition: color 0.4s ease-out;
}

.entry {
float:left;
text-align: left;
padding:10px;
margin:11.5px;
color:#000;
line-height:13px;
font-family:ubuntu;
z-index:999999999999;
background-color:#fff;
opacity: .99;
Border: 1px solid #ddd;
{block:if1column}
width:400px;
{/block:if1column}
{block:ifnot1column}
{block:ifnot3columns}
width:270px;
{/block:ifnot3columns}
{/block:ifnot1column}
{block:ifnot1column}
{block:if3columns}
width:270px;
{/block:if3columns}
{/block:ifnot1column}
{block:IndexPage}
width:220px;
{/block:IndexPage}
{block:PermalinkPage}
width:400px;
margin-left:0px;
{/block:PermalinkPage}

}

.entry a{
color:black;
opacity:.99;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

.entry:hover {
opacity:.99;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

blockquote {
padding-left:5px;
padding-top:2px;
padding-right:5px;
padding-bottom:2px;
margin-left:0px;
margin-right:0px;
background-color:#fff;
border-left:1px solid #aaa;
color:black;
}

blockquote a{
color:black;
}

blockquote img{
width:100%;
}

.entry img{
{block:IndexPage}
width:100%;
margin-bottom:-2px;
{/block:IndexPage}
}

.entry .permalink{
position:absolute;
padding:1px;
overflow:hidden;
opacity:0.0;
color:{color:heart};
margin-top:-10px;
font-size:10px;
line-height:13px;
font-family:ubuntu;
text-align:center;
background:#fff;
width:150px;
margin-left:0px;
margin-top:10px;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
border-right:1px solid #ddd;
text-transform:uppercase;
-webkit-transition: all 0.8s linear;
-webkit-transition: all 0.8s linear;
-moz-transition: all 0.8s linear;
transition: all 0.8s linear;
}

.entry:hover .permalink{
opacity:65;
margin-top:10px;margin-left:33px;

}


#sidebar{
{block:if1column}
margin-left:90px;
{/block:if1column}
{block:ifnot3columns}
{block:ifnot1column}
margin-left:-20px;
{/block:ifnot1column}
{/block:ifnot3columns}
{block:if3columns}
margin-left:-200px;
{/block:if3columns}
width:305px;
overflow:hidden;
position:absolute;
padding:7px;
padding-right:10px;
padding-top:0px;
z-index:15;
text-align:center;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
color:#000;
opacity:.89;
font-size:11px;
line-height:16px;
background-color:#fff;
top:34px;
height:auto;
-webkit-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;
}


#sidebar:hover{
{block:if1column}
margin-left:98px;
{/block:if1column}
{block:ifnot3columns}
{block:ifnot1column}
margin-left:-20px;
{/block:ifnot1column}
{/block:ifnot3columns}
{block:if3columns}
margin-left:-200px;
{/block:if3columns}
width:305px;
overflow:hidden;
position:fixed;
padding:7px;
padding-right:10px;
padding-top:10px;
z-index:15;
text-align:center;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
color:#000;
opacity:.89;
font-size:11px;
line-height:16px;
background-color:#fff;
top:34px;
height:auto;
-webkit-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;
}



#topbar{
position:fixed;
opacity:1;
width:100%;
height:30px;
font-family:ubuntu;
padding:2px;
text-transform: uppercase;
text-align: center;
background-color:#fff;
color:black;
opacity:.88;
border-bottom:1px solid #ddd;
z-index:15;
font-size: 10px;
letter-spacing:1px;
line-height: 31px; }

}

#topbar a{

color:black;

}



.penis{
text-align:center;

text-transform:lowercase;
font-size:0px;
margin-bottom:7px;
border-bottom:0px solid #aaa;
font-family:Homemade apple;
width:190px;
margin-left:5px;

}


#s-m-t-tooltip{
max-width:300px;
padding:3px;
margin:26px 0px 0px 8px;
z-index:10;
background-color:#fff;
font-family:ubuntu;
font-size:9px;
letter-spacing:1px;
border-radius:3px;
text-transform:uppercase;
color:{color:tool};
border:1px solid #ccc;
z-index:99999999999999999;
}




#posts {

{block:if1column}
width: 450px;
margin-left:380px;
{/block:if1column}
{block:ifnot3columns}
{block:ifnot1column}
width: 650px;
margin-left:260px;
{/block:ifnot1column}
{/block:ifnot3columns}
{block:if3columns}
margin-left:130px;
width:850px;
{/block:if3columns}
margin-top:33px;
position: relative;
z-index:0;
background-attachment: fixed;
background-repeat: repeat;
z-index:10;
float:left;
{block:PermalinkPage}
width:600px;
{/block:PermalinkPage}
}

.entry .textperma{
display: block;
font-size:12px;
color:black;
line-height:14px;
text-transform: lowercase;
text-align:right;
}

.title{
font-family:calibri;
font-size:12px;
line-height:14px;
text-transform:uppercase;
color:#000;
}

.audio img {
max-width: 50px;
float: left;
margin-right: 5px;
border: 5px solid #aaa;
}

.player {
background-color: #fff;
height: 25px;
width: 180px;
padding: 5px;
margin-left: 85px;
margin-top: 10px;
overflow: hidden;
position: absolute;
margin-left: 13px;
margin-top: 13px;
opacity: .9;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
}


.player:hover {
opacity: .7;
}

ul, li{
list-style: none;
padding: 0px;
margin:1px 1px 1px 1px;
}

ul#drawers {list-style: none; margin: auto; color: color:title;}

ul#drawers li h1 {font-size: 9px; font-weight: normal; font-size:10px;}

li.drawer h1.open {border-top: 0px;}

li.drawer div {padding: 0px; margin: 0px; line-height: 9px;}
li.drawer div li {list-style-type: disc;}

ol.notes {
padding: 0px;
list-style-type: none;
margin-left:25px;
}

ol.notes li.note {
padding: 5px;
border-bottom: solid 1px black;
}

ol.notes li.note img {
border-radius:666px;
height:8px; width:8px;

}

</style>

{block:IndexPage}
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>

<script type="text/javascript">
$(window).load(function () {
var $content = $('#posts');
$content.masonry({itemSelector: '.entry'}),
$content.infinitescroll({
navSelector : 'div#pagination',
nextSelector : 'div#pagination a#nextPage',
itemSelector : '.entry',
loading: {
finishedMsg: '',
img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
},
bufferPx : 600,
debug : false,
},
// call masonry as a callback.
function( newElements ) {
var $newElems = $( newElements );
$newElems.hide();
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
$content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );


});
});
});
</script>


{/block:IndexPage}



<link rel="shortcut icon" href="{Favicon}">
<meta name="viewport" content="width=820" />


</head>

<body>

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>




<!--RIGHT SIDEBAR-->



<div style="position:fixed; top:790px; right:5px; float:right; position:absolute; ">
<a href="http://www.sheinside.com/?url_from=girlsinspo" target="_blank"><img src="http://i57.tinypic.com/9apkc9.jpg" border="0" alt="Street style, fashion inspiration, outifts tumblr blog"></a></div>

<div style="position:fixed; top:960px; right:5px; float:right; position:absolute; "><a href="http://www.beste-shop.com/" target="_blank"><img src="http://i57.tinypic.com/2v1w9ok.jpg" border="0" alt="Image and video hosting by TinyPic"></a>
</div>

<div style="position: absolute; top: 1130px; right: 5px; float:right; position:absolute; ">
<a href="http://www.banggood.com/Wholesale-Womens-Clothing-c-278.html?utm_source=fashionblogs&utm_medium=skirts_banner&utm_campaign=Vedrana&utm_content=yangjinli&bid=1907" target="_blank"><img src="http://img.banggood.com/deals/affiliate_member_banner/77369e37b2aa1404f416275183ab055f54.jpg" width="160" height="160" /></a>
</div>



<div style="position: absolute; top: 1300px; right: 20px; float:right; position:absolute; ">
<a target="_blank" href="http://www.shareasale.com/r.cfm?b=613400&u=950970&m=39275&urllink=&afftrack="><img src="http://www.shareasale.com/image/39275/125-125_02.jpg" alt="Persun New-in Bags $27.99" border="0"></a></div>

<div style="position: absolute; top: 1435px; right: -15px; float:right; position:absolute; "><a href="http://bloggernetwork.e-tailwebstores.com/scripts/click.php?a_aid=DailyFashion&a_bid=eac82d85" target="_blank"><img src="http://bloggernetwork.e-tailwebstores.com/accounts/default1/banners/stamp-1.png" alt="Be an e-tailPR blogger" title="Be an e-tailPR blogger" width="200" height="200" /></a><img style="border:0" src="http://bloggernetwork.e-tailwebstores.com/scripts/imp.php?a_aid=DailyFashion&a_bid=eac82d85" width="1" height="1" alt="" /></div>


<!--LEFT SIDEBAR-->

<div style="position: absolute; top: 1190px; left: 60px; width: 240px; height: 150px;"> <script type='text/javascript' src='http://www.etsy.com/assets/js/etsy_mini_shop.js'></script><script type='text/javascript'>new Etsy.Mini(7307118,'gallery',1,5,1,'http://www.etsy.com');</script><!--tu stavit cod za reklamu--> </div>

<div style="position: absolute; top: 875px; left:35px; width: 240px; height: 150px;">Follow me on instagram @girlsinspoblog</div>
<div style="position: absolute; top: 900px; left:5px; width: 240px; height: 150px;">
<iframe src="http://www.intagme.com/in/?u=Z2lybHNpbnNwb2Jsb2d8aW58ODV8M3wzfGZmZmZmZnxub3w1fHVuZGVmaW5lZHx5ZXM=" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:270px; height: 270px" ></iframe></div>


<div style="position: absolute; top: 550px; left: 5px; width: 240px; height: 150px;"><div class="fb-like-box" data-href="https://www.facebook.com/girlsinspo?ref=hl" data-width="300" data-height="350" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="false"></div>
</div>
<div style="position: absolute; top: 2220px; left: 105px; width: 240px; height: 150px;">My polyvore sets</div>
<div style="position: absolute; top: 2235px; left: 5px; width: 240px; height: 150px;">
<div style="text-align: left;"><iframe width="324" height="486" frameborder="no" scrolling="no" src="http://www.polyvore.com/cgi/browse.sets?.mid=embed-gridv-10306561&_out=embed&display=gridv&displayOptions=%7B%22withBy%22%3A0%7D&size=m&sort=-pop&src_action=browse.sets&uid=10306561&.locale=hr" allowtransparency="true" style="display: block;"></iframe></div></div>

<div style="position: absolute; top: 2750px; left: 10px; "> <a href="http://www.sammydress.com">sammydress.com</a><br /><a title="sammydress.com" href="http://www.sammydress.com/Wholesale-Swimwear-c-301.html"><img src="http://www.sammydress.com/uploads/banner/stuffa300-250.jpg" alt="sammydress"></a></div>


<div style="position: absolute; top: 3025px; left: 10px; ">
<a href="http://bit.ly/U8XJUo" target="_blank"><img src="http://i58.tinypic.com/2ag5hzd.jpg" border="0" alt="Tumblr fashion blog daily inspiration and street style"></a></div>

<div style="position: absolute; top: 3275px; left: 10px; ">
<a href=" http://www.rosewe.com/?lkid=1451"><img src=" http://rosewe.com/2014/images/250-250-a.jp...gt;</div>



<div id="topbar">
<div style="margin-left: 130px;">
<a href="/" title="Home">Home</a> ·
<a href="/ask"title="Message">Ask</a> ·





<a href="http://www.etsy.com/shop/storev"><span>shop </a>·
<a href="http://girlsinspo.tumblr.com/submit" title="I accept submissions!"> submit
</a>·
<a href="/links"title="Me and other stuff">More</a>


</div></div>

<div class="wrapper">
<div class="header">
</div>

<div id="sidebar">
<div class="penis"><a href="/"> {title}</div>
<img style=" opacity:1; background: #fff;" src="{image:sidebar}" width=300px height=auto ></a>
<div style="margin-top:15px;">
<div style="border-top:1px solid #aaa;opacity:1; margin-top:10px; margin-right:10px; margin-left:10px; padding-top:10px;width:300px; "></div>
{description}
<div style="border-bottom:1px solid #aaa; margin-top:10px; margin-right:10px; margin-left:10px;width:300px"></div>
<div style=" padding-top:10px; text-transform:uppercase;line-height:15px; " align="center"></div>
<img id="Image-Maps-Com-image-maps-2014-06-08-104037" src="http://i57.tinypic.com/o09kqd.jpg" border="0" width="250" height="37" orgWidth="250" orgHeight="37" usemap="#image-maps-2014-06-08-104037" alt="" />
<map name="image-maps-2014-06-08-104037" id="ImageMapsCom-image-maps-2014-06-08-104037">
<area alt="" title="For sponsorships, collaborations, features or ad space contact me here" href="mailto:v.moslavac08@gmail.com" shape="rect" coords="2,2,34,35" style="outline:none;" target="_self" />
<area alt="" title="Get your daily dose of style on Facebook" href="https://www.facebook.com/girlsinspo" shape="rect" coords="38,3,71,37" style="outline:none;" target="_self" />
<area alt="" title="I'm new on Twitter!" href="https://twitter.com/girlsinspo" shape="rect" coords="77,5,107,37" style="outline:none;" target="_self" />
<area alt="" title="Instagram" href="http://instagram.com/girlsinspoblog" shape="rect" coords="112,3,144,36" style="outline:none;" target="_self" />
<area alt="" title="Shop me!" href="http://www.etsy.com/shop/storev" shape="rect" coords="148,4,179,35" style="outline:none;" target="_self" />
<area alt="" title="Google+" href="https://plus.google.com/u/0/+VedranaMoslavac" shape="rect" coords="182,3,215,37" style="outline:none;" target="_self" />
<area alt="" title="Follow me on bloglovin'" href="http://www.bloglovin.com/blog/995422/girlsinspo" shape="rect" coords="218,4,247,35" style="outline:none;" target="_self" />
<area shape="rect" coords="248,35,250,37" alt="Image Map" style="outline:none;" title="Image Map" href="http://www.image-maps.com/index.php?aff=mapped_users_0" />
</map>





</div>


</div>








<div class="content">

<div class="left">

<div id="posts">
<div class = "autopagerize_page_element" >

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

{block:Text}
{block:Title}<span class="title"><center>{Title}</center></span>{/block:Title}
<span class="entrytext">{Body}</span></a>
{block:IndexPage}
<div class="textperma"><a href="{Permalink}"title="Time ago">{timeago}</a></span></a> | <a href="{permalink}"title="Click for Notes">{notecountwithlabel}</a></div>
{/block:IndexPage}
{/block:Text}

{block:Link}
<a href="{URL}" class="title"><center>{Name}</center></a>
{block:Description}{Description}{/block:Description}
{block:IndexPage}
<div class="textperma"><a href="{Permalink}"title="Time ago">{timeago}</a></span></a> | <a href="{permalink}"title="Click for Notes">{notecountwithlabel}</a></div>
{/block:IndexPage}
{block:Link}

{block:Photo}
{block:IndexPage}
{LinkOpenTag}
<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="220"/></a></div>{LinkCloseTag}{/block:IndexPage}
{block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}{/block:PermalinkPage}
{/block:IndexPage}
{block:IndexPage}
<div class="permalink"> <a href="{reblogurl}"title="Click to Reblog">reblog</a> ♥ <a href="{permalink}"title="Click for Notes">{notecountwithlabel}</a></div>
{/block:IndexPage}
{/block:Photo}

{block:Photoset}
<center><div class="photoset_photo" width="220px">{Photoset-250}</div></center><p style="text-align: right;">
{block:IndexPage}<div class="textperma"><a href="{reblogurl}"title="Click to Reblog">reblog</a> | <a href="{permalink}"title="Click for Notes">{notecountwithlabel}</a></div>{/block:IndexPage}
{/block:Photoset}
{block:Quote}
{Quote}
{block:Source}<div align="right"><i><b>-{Source}</i></b></div>{/block:Source}
{/block:PermalinkPage}
{block:IndexPage}
<div class="textperma"><a href="{permalink}"title="Click for Notes">{notecountwithlabel}</a></div>
{/block:IndexPage}
{/block:Quote}

{block:Chat}
{block:Lines}<div style="background: transparent; color: black; padding: 5px; border-bottom: 1px solid black">{block:Label}<span style="color: #00; text-transform: uppercase; ">{Label}</span>{/block:Label} {Line}<br></div>{/block:Lines}
<p>
{block:IndexPage}
<div style="margin-top:-5px;" class="textperma"><a href="{permalink}"title="Click for Notes">{notecountwithlabel}</a></div>
{/block:IndexPage}
{/block:Chat}

{block:Audio}
{block:AlbumArt}<div class="audio"><img src="{AlbumArtURL}" alt=""></div>{/block:AlbumArt}
<div class="player">{AudioPlayerWhite}</div>
<div style="font-size: 9px; margin-top: 8px; margin-left: 10px; text-transform: uppercase; line-height: 11px;">{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br />{block:Album}<b>Album:</b> {Album}{/block:Album}<br />{block:TrackName}<b>Song:</b> {TrackName}{/block:TrackName}<br><br> <b>Plays:</b> {FormattedPlayCount}</div><div class="textperma"><a href="{Permalink}"title="Time ago">{timeago}</a></span></a> | <a href="{permalink}"title="Click for Notes">{notecountwithlabel}</a></div>
{block:IfShowCaptions}{block:Caption}<br />{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<br />
{Caption}
{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{block:IfNotShowCaptions}<div style="padding: 4px;"></div>{/block:IfNotShowCaptions}
{/block:Audio}



{block:Video}
{block:IndexPage}
<div class="posttitle">
<a href="{Permalink}" target="_blank"><center><i>View Video</center></i></a>
</div>
{/block:IndexPage}
{block:PermalinkPage}
{Video-400}
{/block:PermalinkPage}
{block:ifCaptions}
{block:Caption}{Caption}{/block:Caption}
{/block:ifCaptions}
{block:IndexPage}
<div class="textperma"> <a href="{permalink}"title="Click for Notes">{notecountwithlabel}</a></div>
{/block:IndexPage}
{block:Video}



{block:PermalinkPage}
<center>
{block:Date}
<center>
{TimeAgo} | {12HourWithZero}:{Minutes}{AmPm}
<br>{block:RebloggedFrom}<b>Source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a>, <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
<br>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
</center>
{/block:Date}
</center>
{/block:PermalinkPage}

{block:PermalinkPage}
<p>
<center>
{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} · {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>

{/block:PermalinkPage}

{block:PostNotes}<div style="margin-left:-25px; padding-right:5px;">{PostNotes}</div>
{/block:PostNotes}
</div>

{/block:Posts}
</div>
</div>
</div>
{block:IndexPage}
{block:Pagination}
<div id="pagination">
{block:NextPage}
<a id="nextPage" href="{NextPage}"> </a>
{/block:NextPage}
{block:PreviousPage}
<a href="{PreviousPage}"> </a>
{/block:PreviousPage}
</div>
{/block:Pagination}
{/block:IndexPage}
</div>

</body>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-32842857-1', 'girlsinspo.com');
ga('send', 'pageview');

</script>
</html>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Web Site Functionality · Next Newest »
 

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

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 19th April 2024 - 01:10 AM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC