Advertisement

There's no such thing as a stupid question, but they're the easiest to answer.
Login
Search

Advertisement

Web Design & Development Web Design & Development
Search Search
Search for:
Tech Support Guy > > >

links on my tumblr opening in new windows :(


(!)

joshdave's Avatar
joshdave joshdave is offline
Member with 4 posts.
THREAD STARTER
 
Join Date: Jun 2012
Experience: Beginner
25-Jun-2012, 09:14 AM #1
Unhappy links on my tumblr opening in new windows :(
hi so Im having trouble with my tumblr page http://inkspillage.tumblr.com/

with the help of this forum I managed to get the image logo on the left to link back to the home page but every time the viewer clicks the image it opens the link in a new window. I want it to open on the same page if at all possible.

So I guess I'll post the image link section of the code

<h1>
<div>
<a href="http://inkspillage.tumblr.com/ " target="_blank">
<img src="http://i1122.photobucket.com/albums/l534/CorgieJD/logo-1.jpg" border="0" alt="Photobucket">
</a>
</div>
</h1>

and all the other code in another box
joshdave's Avatar
joshdave joshdave is offline
Member with 4 posts.
THREAD STARTER
 
Join Date: Jun 2012
Experience: Beginner
25-Jun-2012, 09:37 AM #2
<!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">
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{blockescription}
<meta name="description" content="{MetaDescription}" />
{/blockescription}

<meta name="image:Header" content=""/>
<meta name="text:Resume Link" content=""/>
<meta name="text:Blog Link" content=""/>
<meta name="text:Email Address" content=""/>
<meta name="text:Custom Image Thumbnail Height" content="167"/>
<meta name="color:Accent" content="#e20033"/>
<meta name="color:Text" content="#00000"/>
<meta name="color:Link" content="#333333"/>
<meta name="color:Background" content="#ffffff"/>
<meta name="color:Thumbnail Background" content="#000000"/>
<meta name="color:Hover Link Color" content="#ffffff"/>
<meta name="color:Borders" content="#000000"/>
<meta name="color:Small Borders" content="#cccccc"/>

<script type="text/javascript" src="http://matt.cc/tumblr/portfolio/infinitescroll.js"></script>

<script type="text/javascript" src="http://matt.cc/tumblr/portfolio/jquery-1.5.2.min.js"></script>



{block:PermalinkPage}

<script src="http://matt.cc/tumblr/portfolio/jquery.colorbox-min.js"></script>
<script type="text/javascript">
$(document).ready(function() {

$("a[rel='slideshow']").colorbox({photo:true});

});
</script>

{/block:PermalinkPage}


<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>

<style type="text/css" media="screen">

body{
margin:0px;
padding:40px;
background:{color:Background};
font-family: 'Droid Sans', Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:{color:Text};
}

a{color:{color:Link};}

a:hover{
background:{color:Accent};
text-decoration:none;
color:{color:Hover Link Color};
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;}


h1{font-size:20px;
line-height:28px;
padding:0px 0px 10px 0px;
margin:0px;
}


h1 a{color:{color:Text};
text-decoration:none;
}

#container{
width:980px;
margin:auto;
}

#index-bar{border-top:0px solid {color:Borders};padding-bottom:25px;}

#header-image{max-width:160px;}

#left{width:160px;
float:left;
margin-right:10px;
padding:25px 10px 0px 10px;
border-top:0px solid {color:Borders};
}

#right{
width:780px;
float:left;
}

.box{
float:left;
width:250px;
height:167px;
overflow:hidden;
margin:5px;
position:relative;
background-color:{color:Thumbnail Background};
vertical-align:middle;
padding:-5px 0px 0px 0px;
}


.box-caption{
width:220px;
height:167px;
overflow:hidden;
position:absolute;
left:0px;
top:0px;
z-index:99;
background-color:transparent;
filter:alpha(opacity=0);
opacity:0;
display: inline-block;
padding:0px 15px;
text-indent:-2000px;
}

.box-caption-text{
color:{color:Hover Link Color};
width:220px;
height:167px;
overflow:hidden;
position:absolute;
left:0px;
top:0px;
z-index:95;
font-size:12px;
line-height:16px;
background-color:transparent;
filter:alpha(opacity=0);
padding:0px 15px;
opacity:0;
display: inline-block;
-webkit-transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-o-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out;
}


.box:hover .box-caption{
display: inline-block;
background-color:transparent;
}

.box:hover .box-caption-text{
opacity:.85;
filter:alpha(opacity=85);
background-color:{color:Accent};
}


.middle{
float:left;width:500px;margin-right:10px;
padding-top:25px;
border-top:2px solid {color:Borders};
}


.caption{
width:250px;float:left;
border-top:2px solid {color:Borders};
padding:15px 10px 0px 10px;
}

.photoset-caption{
padding:5px 0px;
}

.text{
border-top:2px solid {color:Borders};
padding:25px 10px 0px 10px;
}


.tags{
padding:15px 0px;
border-top:1px solid {color:Small Borders};
font-size:11px;
}
.tags a{
padding:2px;
}

.permpaginate{
padding:15px 0px;
border-top:1px solid {color:Small Borders};
border-bottom:1px solid {color:Small Borders};
font-size:11px;
}
.permpaginate a{
padding:2px;
}


#pages{list-style:none;
margin:5px 0px;
border-top:1px solid {color:Small Borders};
padding:0px;}
#pages li{
}

#pages a{
padding:5px 2px;
text-decoration:none;
border-bottom:1px solid {color:Small Borders};
display:block;
}


#footer{
font-size:11px;
margin-top:50px;
padding:20px 10px;
border-top:2px solid {color:Borders};
border-bottom:2px solid {color:Borders};
}

#footer a{
padding:2px;
}



.clear{
clear:both;
}

.html_photoset p{
padding:0px 0px 5px 0px;
margin:0;
}


{block:IfCustomImageThumbnailHeight}

.box{height:{text:Custom Image Thumbnail Height}px;}
.box-caption{height:{text:Custom Image Thumbnail Height}px;}
.box-caption-text{height:{text:Custom Image Thumbnail Height}px;}
{/block:IfCustomImageThumbnailHeight}


/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursorointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/*
User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{}
#cboxContent{margin-top:32px; overflow:visible;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#000; padding:1px;}
#cboxLoadingGraphic{background:url(http://matt.cc/tumblr/portfolio/loader.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(http://matt.cc/tumblr/portfolio/controls.png) no-repeat 0 0;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious.hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext.hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose.hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}


</style>

<!--[if IE]>
<style type="text/css" media="screen">
.box-caption{
font-size:80px;
line-height:120px;
}


#right{
width:785px;
float:left;
}

#container{
width:985px;
margin:auto;
}









</style>
<![endif]-->

</head>
<body>
<div id="container">
<div id="left">


{block:IfHeaderImage}
<a href="/"><img src="{image:Header}" id="header-image" border="0"/></a>
{/block:IfHeaderImage}

{block:IfNotHeaderImage}
<h1>
<div>
<a href="http://inkspillage.tumblr.com/ " target="_blank">
<img src="http://i1122.photobucket.com/albums/l534/CorgieJD/logo-1.jpg" border="0" alt="Photobucket">
</a>
</div>
</h1>
{/block:IfNotHeaderImage}


{blockescription}
<p id="description">{Description}</p>
{/blockescription}

<ul id="pages">

{block:HasPages}
{block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}
{/block:HasPages}

{block:IfResumeLink}
<li><a href="{text:Resume Link}">Resume</a></li>
{block:IfResumeLink}

{block:IfBlogLink}
<li><a href="{text:Blog Link}">Blog</a></li>
{block:IfBlogLink}

{block:IfEmailAddress}
<li><a href="mailto:{text:Email Address}">Contact</a></li>
{block:IfEmailAddress}

</ul>


</div>
<div id="right">
{block:IndexPage}
<div id="index-bar"></div>
<div class="clear"></div>
{/block:IndexPage}

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


{block:Photo}
<div class="post photo">
{block:IndexPage}<div class="box">

<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>


<div class="box-caption-text">{Caption}</div>
<a href="{Permalink}" class="box-caption">#</a>



</div>
{/block:IndexPage}



{block:PermalinkPage}


<div class="middle">

<div class="middle-content">

<a href="{PhotoURL-HighRes}" rel="slideshow">
<img src="{PhotoURL-500}" alt="{PhotoAlt}" border="0"/>
</a>
</div>


</div>

<div class="caption">
{block:Caption}
{Caption}
{/block:Caption}

{block:HasTags}
<div class="tags">Tags:
{block:Tags}<a href="{TagURL}">{Tag}</a>
{/block:Tags}
</div>
{/block:HasTags}
{block:PermalinkPagination}
<div class="permpaginate">

{block:NextPost}
<a href="{NextPost}">Previous Project</a>
{/block:NextPost}
{block:PreviousPost}
<a href="{PreviousPost}">Next Project</a>
{/block:PreviousPost}
</div>
{/block:PermalinkPagination}

</div>

{/block:PermalinkPage}

</div>
{/block:Photo}


{block:Photoset}
{block:IndexPage}
<script type="text/javascript">
$(document).ready(function() {
$('.html_photoset').killPhotoset({
photoSize: 250
});
});

</script>
{/block:IndexPage}

{block:PermalinkPage}
<script type="text/javascript">
$(document).ready(function() {
$('.html_photoset').killPhotoset({
photoSize: 500
});
});

</script>
{/block:PermalinkPage}
<div class="post photoset">
{block:IndexPage}
<div class="box">


{block:Photos}
<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>
{/block:Photos}

<div class="box-caption-text">{Caption}</div>
<a href="{Permalink}" class="box-caption">#</a>



</div>
{/block:IndexPage}

{block:PermalinkPage}
<div class="middle">
<div class="middle-content">
{block:Photos}
<a href="{PhotoURL-HighRes}" rel="slideshow">
<img src="{PhotoURL-500}" alt="{PhotoAlt}"border="0"/>
</a>



<div class="photoset-caption">{Caption}</div>

{/block:Photos}

</div>

</div>
<div class="caption">
{block:Caption}
{Caption}
{/block:Caption}

{block:HasTags}
<div class="tags">Tags:
{block:Tags}<a href="{TagURL}">{Tag}</a>
{/block:Tags}
</div>
{/block:HasTags}
{block:PermalinkPagination}
<div class="permpaginate">

{block:NextPost}
<a href="{NextPost}">Previous Project</a>
{/block:NextPost}
{block:PreviousPost}
<a href="{PreviousPost}">Next Project</a>
{/block:PreviousPost}

</div>
{/block:PermalinkPagination}

</div>

{/block:PermalinkPage}
</div>
{/block:Photoset}



{block:Video}
<div class="post video">
{block:IndexPage}<div class="box">

{Video-250}

<div class="box-caption-text">{Caption}</div>
<a href="{Permalink}" class="box-caption">#</a>

</div>

{/block:IndexPage}

{block:PermalinkPage}
<div class="middle">

<div class="middle-content">{Video-500}</div>

</div>
<div class="caption">
{block:Caption}
{Caption}
{/block:Caption}

{block:HasTags}
<div class="tags">Tags:
{block:Tags}<a href="{TagURL}">{Tag}</a>
{/block:Tags}
</div>
{/block:HasTags}

{block:PermalinkPagination}
<div class="permpaginate">

{block:NextPost}
<a href="{NextPost}">Previous Project</a>
{/block:NextPost}

{block:PreviousPost}
<a href="{PreviousPost}">Next Project</a>
{/block:PreviousPost}

</div>
{/block:PermalinkPagination}

</div>

{/block:PermalinkPage}
</div>
{/block:Video}


{/block:Posts}

{block:PermalinkPage}
{block:Posts}
{block:Text}

<div class="post text">
{block:Title}
<h1>{Title}</h1>
{/block:Title}

{Body}
</div>

{/block:Text}
{/block:Posts}
{/block:PermalinkPage}



</div>
</div>

<div class="clear">
</div>

<p id="footer">

<a href="/">Home</a> &bull; <a href="/archive">Archive</a> &bull; <a href="/rss">RSS</a> &bull; <a href="http://hasaportfolio.com">hasaportfolio</a> theme by <a href="http://matt.cc">matt mcinerney</a>
</p>
</div>
</body>
</html>
allnodcoms's Avatar
allnodcoms   (Danny) allnodcoms is offline allnodcoms has a Profile Picture
Computer Specs
Member with 606 posts.
 
Join Date: Jun 2007
Location: Hertfordshire - England
Experience: Advanced
25-Jun-2012, 11:22 AM #3
It's the target="_blank" that's your problem... If you have to specify a target, setting it to "_self" will open in the same window.

Danny
dukevyner's Avatar
dukevyner   (Luke) dukevyner is offline
Computer Specs
Member with 787 posts.
 
Join Date: Nov 2011
Location: Pakenham, VIC, Australia
Experience: Advanced
28-Jun-2012, 02:37 AM #4
Danny is correct, simple fix, if this solved the problem click the "mark solved" at the top of the page
As Seen On

BBC, Reader's Digest, PC Magazine, Today Show, Money Magazine
WELCOME TO TECH SUPPORT GUY!

Are you looking for the solution to your computer problem? Join our site today to ask your question. This site is completely free -- paid for by advertisers and donations.

If you're not already familiar with forums, watch our Welcome Guide to get started.


Tags
coding, html codes, links don't work, tumblr

(clock)
THIS THREAD HAS EXPIRED.
Are you having the same problem? We have volunteers ready to answer your question, but first you'll have to join for free. Need help getting started? Check out our Welcome Guide.

Search Tech Support Guy

Find the solution to your
computer problem!




Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools


WELCOME
You Are Using: Server ID
Trusted Website Back to the Top ↑