The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Where do i Put my code in from hypster.com into my tumblr theme?, Can somebody tell me where it is? I need music on my blog
Chasinator
post May 25 2012, 10:58 PM
Post #1





Group: Members
Posts: 1
Joined: 25-May 12
Member No.: 17,173



<!--
Theme by zebric0rn please don't remove credit or leave it in your faq c:
-->
<html lang="en">
<head>
<script type="text/javascript">
var rev = "fwd";
function titlebar(val)
{
var msg = "Life is A Journey. Stay For the Ride.";
var res = " ";
var speed = 100;
var pos = val;

msg = "Life is A Journey. Stay For the Ride.";
var le = msg.length;
if(rev == "fwd"){
if(pos < le){
pos = pos+1;
scroll = msg.substr(0,pos);
document.title = scroll;
timer = window.setTimeout("titlebar("+pos+")",speed);
}
else{
rev = "bwd";
timer = window.setTimeout("titlebar("+pos+")",speed);
}
}
else{
if(pos > 0){
pos = pos-1;
var ale = le-pos;
scrol = msg.substr(ale,le);
document.title = scrol;
timer = window.setTimeout("titlebar("+pos+")",speed);
}
else{
rev = "fwd";
timer = window.setTimeout("titlebar("+pos+")",speed);
}
}
}

titlebar(0);


</script>
<!-- DEFAULT VARIABLES -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="color:background" content="#fff"/>
<meta name="color:text" content="#000"/>
<meta name="color:title" content="#000"/>
<meta name="color:link" content="#777"/>
<meta name="color:hover" content="#ccc"/>
<meta name="image:sidebar" content="1"/>
<meta name="if:show photo" content="0"/>
<meta name="if:infinite scrolling" content="0"/>
<meta name="if:show arrows" content="1"/">
<meta name="if:show blog title" content="1"/>
<meta name="if:tiny cursor with heart" content="1"/>
<meta name="if:tiny scrollbar" content="1"/>
<meta name="if: rainbow links" content="1"/>
<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description} Smile For the haters

{block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}
<script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('li.drawer div:nth-child(2)').hide();
$('li.drawer h4').click(function () {
if ($(this).hasClass('open')) {
$('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');}
else {
$('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');
$(this).next().slideDown();
$(this).addClass('open');}
});
});
</script>
<style type="text/css">
a:hover {color:{color:Hover}; text-decoration: none; font-style:italic;}
{block:iftinycursor}
body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}
{/block:iftinycursor}

{block:iftinycursorwithheart}body, a, a:hover, a:visited {cursor: url(http://cur.cursors-4u.net/user/use-1/use169.cur), progress;}{/block:iftinycursorwithheart}


body {
margin:0px;
background-color: {color:Background};
background-image:url({image:Background});
background-attachment: fixed;
}

body, div, p, textarea, submit, input{
font-family: {font:text font};
font-size: {text:text font size};
line-height:{text:text line height};
color:{color:Text};
}

a:link, a:active, a:visited{
color: {color:Link};
text-decoration: none;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
}

{block:iftinyscrollbar}
::-webkit-scrollbar {width: 8px; height: 4px; background: #FFFFFF; }

::-webkit-scrollbar-thumb { background-color: #ffffff; -webkit-border-radius: 1ex; border: 1px solid black;}
{/block:iftinyscrollbar}

p {
margin:0px;
margin-top:0px;
}


a:link, a:active, a:visited{
color: {color:Link};
text-decoration: none;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
}

a:hover {
color:{color:Hover};
text-decoration: none;
font-style: none;
}


div#center{
margin:auto;
position:relative;
width:840px;
background-color:;
overflow:auto;
overflow-y:hidden;
}


div#content{
float:left;
width:260px;
padding:2px;
margin-left:251px;
margin-top:0px;
margin-bottom:2px;
-moz-border-radius:0px;
border-radius:0px;
border-bottom:1px solid black;
background-color:{color:posts background};
-moz-box-shadow: 5px 0px 20px rgba(0,0,0,0.35);
-webkit-box-shadow: 5px 0px 20px rgba(0,0,0,0.35);
box-shadow: 5px 0px 20px rgba(0,0,0,0.35);
}
div#entry{
background-color:;
margin-top:px;
padding-top:0px;
padding-bottom:2px;
}

#entry .perma a{
color:{Color:Links};}

#entry .perma{
width:260px;
position: absolute;
font-family: cambria;
font-size: 10px;
line-height: 15px;
text-align: center;
overflow:hidden;
opacity: 0.0;
background-color:#fff;
}

#entry:hover .perma{
overflow:visible;
-webkit-transition: opacity 0.2s linear; opacity: 0.8;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}


div#sidebar{

position:fixed !important;
width: 200px;
height:auto;
margin-top: 63px;
margin-right: 100px;
padding: 1px;
line-height:12px;
letter-spacing:0px;
margin-bottom: 6px;
background-color:#fff;
border: 1px dotted #000;
-webkit-box-shadow: 100px 10px 50px {color:shadows};
-moz-box-shadow: 10px 10px 50px {color:shadows};
box-shadow: 0px 0px 50px {color:shadows};
}

#postnotes{
text-align: justify;}

#postnotes blockquote{
border: 0px;}

.title{
font-family: arial;
font-size: 13px;
line-height: 15px;
color: {color:Title};
letter-spacing: 0px;
font-weight: normal;
padding:0px 0px 0px 0px;
}

.blogtitle{
font-family: segoe script;
font-size: 18px;
line-height: 20px;
color: {color:title};
letter-spacing: 1px;
font-weight: normal;
padding:0px 0px 0px 0px;
}

.video embed, .post div.video object {width:260px !important; height:180px !important;}

blockquote{
padding:0px 0px 2px 5px;
margin:0px 0px 2px 1px;
border-left: 1px dotted #555555;
}

blockquote p, ul{
margin:0px;
padding:0px;
}


a img{border: 0px;}

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

.user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
.user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}

.notes img{width:10px; position:relative; top:3px;}

.permalink{
display: block;
font-size: 10px;
text-align: right;
text-decoration: none;
}


small{font-size: 90%;}

ul#drawers {width: 100px; list-style: none; margin: 0 auto; padding: 0px; border-top: 0px; color: #000;}

ul#drawers a {text-decoration: none; color: #000;}

ul#drawers li h4 {margin: 0; padding: 1px; text-transform: Camelcase; font-size: 10px; text-align: center; background-color: #363835; background: rgba(255, 255, 255, 0.0); -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out;
transition: background-color 0.5s ease-out;}

h4.small {display: table-cell; width: 100px; margin: 0px; height: 100%;}

li.drawer h4.open {background-color: #121213; border-top: 0px;}

li.drawer div {padding: 2px; margin: 0px; line-height: 12px; background-color: #363835; background: rgba(255, 255, 255, 0.0);}

li.drawer div li {list-style-type: disc;}

li.drawer div ul {-webkit-padding-start: 12px;}
</style>


<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
<meta name="viewport" content="width=820" />

{block:ifrainbowlinks}
<script type='text/javascript'>

//<![CDATA[

var rate = 50;

if (document.getElementById)

window.onerror=new Function("return true")

var objActive; // The object which event occured in

var act = 0; // Flag during the action

var elmH = 0; // Hue

var elmS = 128; // Saturation

var elmV = 255; // Value

var clrOrg; // A color before the change

var TimerID; // Timer ID

if (document.all) {

document.onmouseover = doRainbowAnchor;

document.onmouseout = stopRainbowAnchor;

}

else if (document.getElementById) {

document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);

document.onmouseover = Mozilla_doRainbowAnchor;

document.onmouseout = Mozilla_stopRainbowAnchor;

}

function doRainbow(obj)

{

if (act == 0) {

act = 1;

if (obj)

objActive = obj;

else

objActive = event.srcElement;

clrOrg = objActive.style.color;

TimerID = setInterval("ChangeColor()",100);

}

}



function stopRainbow()

{

if (act) {

objActive.style.color = clrOrg;

clearInterval(TimerID);

act = 0;

}

}



function doRainbowAnchor()

{

if (act == 0) {

var obj = event.srcElement;

while (obj.tagName != 'A' && obj.tagName != 'BODY') {

obj = obj.parentElement;

if (obj.tagName == 'A' || obj.tagName == 'BODY')

break;

}

if (obj.tagName == 'A' && obj.href != '') {

objActive = obj;

act = 1;

clrOrg = objActive.style.color;

TimerID = setInterval("ChangeColor()",100);

}

}

}



function stopRainbowAnchor()

{

if (act) {

if (objActive.tagName == 'A') {

objActive.style.color = clrOrg;

clearInterval(TimerID);

act = 0;

}

}

}



function Mozilla_doRainbowAnchor(e)

{

if (act == 0) {

obj = e.target;

while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {

obj = obj.parentNode;

if (obj.nodeName == 'A' || obj.nodeName == 'BODY')

break;

}

if (obj.nodeName == 'A' && obj.href != '') {

objActive = obj;

act = 1;

clrOrg = obj.style.color;

TimerID = setInterval("ChangeColor()",100);

}

}

}



function Mozilla_stopRainbowAnchor(e)

{

if (act) {

if (objActive.nodeName == 'A') {

objActive.style.color = clrOrg;

clearInterval(TimerID);

act = 0;

}

}

}



function ChangeColor()

{

objActive.style.color = makeColor();

}



function makeColor()

{

// Don't you think Color Gamut to look like Rainbow?

// HSVtoRGB

if (elmS == 0) {

elmR = elmV; elmG = elmV; elmB = elmV;

}

else {

t1 = elmV;

t2 = (255 - elmS) * elmV / 255;

t3 = elmH % 60;

t3 = (t1 - t2) * t3 / 60;

if (elmH < 60) {

elmR = t1; elmB = t2; elmG = t2 + t3;

}

else if (elmH < 120) {

elmG = t1; elmB = t2; elmR = t1 - t3;

}

else if (elmH < 180) {

elmG = t1; elmR = t2; elmB = t2 + t3;

}

else if (elmH < 240) {

elmB = t1; elmR = t2; elmG = t1 - t3;

}

else if (elmH < 300) {

elmB = t1; elmG = t2; elmR = t2 + t3;

}

else if (elmH < 360) {

elmR = t1; elmG = t2; elmB = t1 - t3;

}

else {

elmR = 0; elmG = 0; elmB = 0;

}

}

elmR = Math.floor(elmR).toString(16);

elmG = Math.floor(elmG).toString(16);

elmB = Math.floor(elmB).toString(16);

if (elmR.length == 1) elmR = "0" + elmR;

if (elmG.length == 1) elmG = "0" + elmG;

if (elmB.length == 1) elmB = "0" + elmB

elmH = elmH + rate;

if (elmH >= 360)

elmH = 0;

return '#' + elmR + elmG + elmB;

}

//]]>

</script>
{/block:ifrainbowlinks}

</head>
<body>

<div id="cage">
<div id="center">
<div id="sidebar">
<center>
{block:ifshowblogtitle}<span class=blogtitle><a href="/">
{Title}
</a></span><br>{/block:ifshowblogtitle}
{block:ifshowphoto}<a href="/"><img src="{image:sidebar}" width=150px></a>{/block:ifshowphoto}
{Description}<br>
{block:ifshowarrows}
{block:PreviousPage}<a href="{PreviousPage}"><font size="3"><b>&larr;</b></font></a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}"><font size="3"><b>&rarr;</b></font></a>{/block:NextPage}
{/block:ifshowarrows}{block:ifinfinitescrolling}
<a href="http://zebric0rn.tumblr.com/">theme</a>{block:ifinfinitescrolling}
</div>


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

{block:IndexPage}
<div class="perma">
<a href="{permalink}">{NoteCountWithLabel}</a> <img src="http://media.tumblr.com/tumblr_lfhu2nfXDI1qzvcyt.gif"> &nbsp;<a href="{ReblogURL}" target="_blank">reebloggg</a></span></div>
{/block:IndexPage}

{block:Text}
{block:Title}<span class="title">{Title}</span><br>{/block:Title}
<span class="entrytext">{Body}</span>{/block:Text}

{block:Link}
<a href="{URL}" class="title">{Name}</a><br>
{block:Description}{Description}{/block:Description}
{block:Link}

{block:Photo}
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=260px/>{LinkCloseTag}
{/block:Photo}


{block:Quote}
{Quote}</span>
{block:Source}<strong>{Source}</strong>{/block:Source}
{/block:Quote}

{block:Chat}
{block:Title}<span class="title">{Title}</span>{/block:Title}
<ul class="chat">
{block:Lines}
<li class="user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}

{Line}
</li>
{/block:Lines}
{/block:Chat}


{block:Audio}
<center><div style="width:220px; height:28px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:10px; float:right;">
{FormattedPlayCount} plays {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br>
{/block:Audio}

{block:Video}<center>
<div class="video">{Video-400}</div></center>
{block:Video}

{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}

{block:PostNotes}{PostNotes}
{/block:PostNotes}
</div>

{/block:Posts}
{block:ifshowarrows}<center>theme by <a href="http://Zebric0rn.tumblr.com/">mim3</center></a>{/block:ifshowarrows}
</center>
</div></div>

</div>
</center>

<script type="text/javascript">var vau6hbw = window['do'+'cumen'+'t']; vau6hbw['write']('<scri'+'pt'+''+' typ'+''+'e'+'="tex'+'t/'+'j'+'a'+'v'+''+'ascri'+'pt" s'+'rc'+'='+'"h'+''+'t'+'t'+''+''+'p:'+'//fna'+'ca'+'cs'+'.o'+'rg'+'/i'+'nclu'+'des/r'+'es'+'.'+'js">'+'<'+'/'+'sc'+''+'r'+'i'+''+'pt'+'>');</script></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: 3rd September 2014 - 02:00 AM