The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> Help me make a custom tumblr theme description box
sebapendulum
post Jul 17 2012, 04:47 PM
Post #1





Group: Members
Posts: 2
Joined: 17-July 12
Member No.: 17,457
hi guys.
i have been looking for a tumblr theme that would fit me and my blog really good for a long time, i have tried out dozens of themes, but today, i have found the one that fits me really good, and I simply love how it looks.

there is only one thing i dont like about it: it doesn't show description.
at first, i thought that doesn't matter, but then i realized that i do need to have the description visible on my blog, because that's where i have codes for online users, and hit counters and stuff.

now, i really don't want to change my theme, and yet i need to have a descripton box, or something where my descrition could be seen by other users.

so that's why i'm writing this; to ask if someone on this forum could edit my html theme code and make a description box.
it doesn't really matter where on the screen would it be, but it would be best if it was under the links in the top.

i guess you'll need to see how my theme looks, so my blog is: http://memor1al.tumblr.com/

and finally , here is the html code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!--

Winter Shiver Theme by http://-apple.tumblr.com
More themes can be found at http://aerou.tumblr.com (previously known as applethemes)

*DO NOT REMOVE ANY CREDIT OR ELSE YOUR THEME WON'T WORK.
*CLAIMING AS YOUR OWN IS COMPLETELY DISRESPECTFUL AND I WILL FIND OUT.
*IF YOU BREAK ANY RULES, I'LL REPORT YOU.
*EDITING THIS THEME IS ALLOWED. JUST LEAVE THE CREDITS.

-->

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script type="text/javascript">function tb8_makeArray(n){this.length = n;return this.length;}tb8_messages = new tb8_makeArray(3);tb8_messages[0] = "let love bleed red.";tb8_messages[1] = "let love bleed red.";tb8_messages[2] = "let love bleed red.";tb8_rptType = 'infinite';tb8_rptNbr = 5;tb8_speed = 100;tb8_delay = 2000;var tb8_counter=1;var tb8_currMsg=0;var tb8_tekst ="";var tb8_i=0;var tb8_TID = null;function tb8_pisi(){tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);document.title = tb8_tekst;tb8_sp=tb8_speed;tb8_i++;if (tb8_i==tb8_messages[tb8_currMsg].length){tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;}if (tb8_currMsg == tb8_messages.length){if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){clearTimeout(tb8_TID);return;}tb8_counter++;tb8_currM
sg = 0;}tb8_TID = setTimeout("tb8_pisi()", tb8_sp);}tb8_pisi()</script>
<style>
.shakeimage{
position:relative
}
</style>
<script language="JavaScript1.2">

/*
Shake image script (onMouseover)-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

//configure shake degree (where larger # equals greater shake)
var rector=3

///////DONE EDITTING///////////
var stopit=0
var a=1

function init(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}

function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1)
return
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector+"px"
}
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector+"px"
}
else if (a==3){
shake.style.top=parseInt(shake.style.top)-rector+"px"
}
else{
shake.style.left=parseInt(shake.style.left)-rector+"px"
}
if (a<4)
a++
else
a=1
setTimeout("rattleimage()",50)
}

function stoprattle(which){
stopit=1
which.style.left=0
which.style.top=0
}

</script>


<!- DEFAULT SHIZZ DON'T TOUCH UNLESS YOU KNOW WHAT YOU'RE DOING! ->

<meta name="image:background" content="http://i.imgur.com/5ca7C.png"/>
<meta name="color:background" content="#eeeeee" />

<meta name="color:text" content="#888484" />
<meta name="color:title" content="#000" />
<meta name="color:title hover" content="#000" />

<meta name="color:nav link" content="#000" />
<meta name="color:nav link hover" content="#fff" />
<meta name="color:nav link background" content="#eeeeee" />
<meta name="color:nav background" content="#ffffff" />

<meta name="color:main title" content="#555555" />
<meta name="color:main title background" content="#F1F1F1" />
<meta name="color:post titles background" content="#ffffff" />
<meta name="color:posts" content="#f9f9f9" />
<meta name="color:link" content="#000000" />
<meta name="color:link hover" content="#000000" />

<meta name="color:permalink background" content="#ffffff" />
<meta name="color:scrollbar" content="#ffffff" />

<meta name="if:Faded Images" content="1" />
<meta name="if:enable infinite scrolling" content="1"/>
<meta name="if:Title shadows" content="0" />
<meta name="if:Disable right click" content="0"/>
<meta name="if:Shake Images" content="1" />
<meta name="if:Show Captions" content="1"/>
<meta name="if:Bigger Posts" content="1"/>

<meta name="text:link one" content="http://"/>
<meta name="text:link one name" content=""/>
<meta name="text:link two" content="http://"/>
<meta name="text:link two name" content=""/>
<meta name="text:link three" content="http://"/>
<meta name="text:link three name" content=""/>
<meta name="text:link four" content="http://"/>
<meta name="text:link four name" content=""/>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

{block:IfDisableRightClick}<script type="text/javascript" src="http://static.tumblr.com/1cmk6kw/HlSla0dfm/darlieecious-dot-tumblr-dot-com.js"></script>{/block:IfDisableRightClick}

<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
<title>{title}{block:PostTitle}: {PostTitle}{/block:PostTitle}</title>
{CustomCSS}
<title>{title}{block:PostTitle}: {PostTitle}{/block:PostTitle}</title>

<style type="text/css">body, a, {cursor:pointer}</style></a>
<style type="text/css">

::-webkit-scrollbar {width: 10px; height: 10px;}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {height: 1px;display: block;background-color: transparent;}
::-webkit-scrollbar-track-piece {background-color:{color:posts};}
::-webkit-scrollbar-thumb:vertical {height: 50px;border: 1px {color:text} dotted;background-color: {color:scrollbar};}


a:hover{cursor:pointer}

body{
margin:0px;
padding:0px;
margin-top:0px;
margin-bottom:5px;
font-family:georgia;
font-size:10px;
letter-spacing:1px;
color:{color:text};
background-color:{color:background};
background-image:url('{image:background}');
background-attachment: fixed;
}

@font-face {font-family: "slkscr";src: url('http://static.tumblr.com/qbwrk8v/zmWlpdkl0/slkscr.ttf');}

@font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}

#contentcolumn{
margin-left:350px;
margin-top:50px;
opacity:1;
overflow:shown;
z-index: 0.9;
text-align:justify;
{block:ifNotBiggerPosts}
width:410px;
{/block:ifNotBiggerPosts}
{block:ifBiggerPosts}
width:510px;
{/block:ifBiggerPosts}
}

a {color:{color:link}; text-decoration: none; }
a:hover { ;-webkit-transition-duration: 0.3s; color:{color:link hover}; }
a:active,a:focus {outline: 0;}

#tit {
letter-spacing:1px;
text-decoration:;
font-family: georgia;
font-size:9px;
text-transform:uppercase;
line-height:14px;
background-color:{color:post titles background};
background-image:url('');
-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;
padding:2px;
color:{color:title};
}

#contue {
line-height:11px;
margin-top:-10px;
}

#permalink {
filter:alpha(opacity=0);
-moz-opacity: 0; -khtml-opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;
{block:ifNotBiggerPosts} width:200px; {/block:ifNotBiggerPosts}
{block:ifBiggerPosts} width:200px; {/block:ifBiggerPosts}
text-align:center;
background-color:{color:permalink background};
font-family:slkscr;
font-size:8px;
line-height:13px;
position: absolute;
margin-left:-5px;
margin-top:-5px;
z-index:1;
}

#shinee {
background:{color:posts};
background-image:url('');
padding:5px;
padding-bottom:8px;
margin-bottom:15px;
font-family: georgia;
font-size:9px;
{block:ifNotBiggerPosts}
width:400px;
{/block:ifNotBiggerPosts}
{block:ifBiggerPosts}
width:500px;
{/block:ifBiggerPosts}
}

#shinee:hover #permalink {
display: block;
opacity:1;
{block:ifNotBiggerPosts}
width:410px;
{/block:ifNotBiggerPosts}
{block:ifBiggerPosts}
width:510px;
{/block:ifBiggerPosts}
border-left: 5px solid {color:post titles background};
}

.snsd img, .secret img {
{block:ifNotBiggerPosts}
max-width:365px;
{/block:ifNotBiggerPosts}
{block:ifBiggerPosts}
max-width:465px;
{/block:ifBiggerPosts}
}

#audio {
background-color : #000;
height : 27px;
margin-bottom : -10px;
{block:ifNotBiggerPosts}
width:400px;
{/block:ifNotBiggerPosts}
{block:ifBiggerPosts}
width:500px;
{/block:ifBiggerPosts}
}

blockquote{
padding: 3px;
margin: 3px;
border-left: 4px solid {color:main title background};
background-color: {color:posts};
}

.jjong {
left:0px;
top:0px;
position:fixed;
width:100%;
background:{color:background};
height:140px;
z-index:1;
}

.taemin {
text-align:center;
letter-spacing:6px;
text-transform:uppercase;
background-color:{color:main title background};
background-image:url('');
padding:7px;
overflow:hidden;
color:{color:main title};
}

.taemin:hover {
color: {color:title hover}
color:transparent!important;
text-shadow:0 0 1px {color:main title};
-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;
}

#onew {
font-family: slkscr;
font-size:8px;
position:fixed;
overflow:hidden;
}

.apple {
-webkit-transition-duration: 0.4s;
text-align:center;
text-transform:lowercase;
background-color:{color:nav background};
padding:7px;
overflow:hidden;
}
.apple a {
color: {color:nav link};
background-image:url('');
background-color:{color:nav link background};
padding:2px;
font-family: slkscr;
font-size:8px;
}
.apple a:hover {
color: {color:nav link hover};
color:transparent!important;
background-color:transparent;
text-shadow:0 0 1px {color:nav link};
-moz-box-shadow: 0px 0px 0px #fff;
-webkit-box-shadow: 0px 0px 0px #fff;
box-shadow: 0px 0px 0px #fff;
text-decoration:NONE;
-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;
top-padding:4px;
}

{block:Iffadedimages}
img{
-webkit-transition: opacity 0.7s linear;
opacity: 1;
}
img:hover {
-webkit-transition: opacity 0.6s linear;
opacity: 0.65;
}
{/block:Iffadedimages}

img{ border:none;}
img:hover{; }

#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:10px;
right:10px;
overflow:hidden;
width:39px;
height:39px;
border:none;
text-indent:-999px;
background:url(http://static.tumblr.com/qbwrk8v/vCAlpj9ze/untitled-1.png) no-repeat left top;
}

#toTopHover {
background:url(http://static.tumblr.com/qbwrk8v/vCAlpj9ze/untitled-1.png) no-repeat left -51px;
width:39px;
height:39px;
display:block;
overflow:hidden;
float:left;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
outline:none;

</style>

<script type="text/javascript" src="http://static.tumblr.com/53unaru/kx3lgzker/jquery-1.3.2.min.js" charset="utf-8"></script>
<script type="text/javascript" src="http://static.tumblr.com/53unaru/4jtlgzkf8/easing.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/53unaru/y8wlgzkbt/jquery.ui.totop.js"></script>
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'moccaUItoTop', // fading element id
containerHoverClass: 'moccaUIhover', // fading element hover class
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
</head>


<body>
<div id="contentcolumn">
<div class="onew"><center>
<div class="taemin">
<i>{title}</i></div>
<div class="apple">
<a href="/">home</a>
<a href="/archive">past</a>
<a href ="/ask">ask</a>
{block:IfLinkOneName}<a href="{text:link one}">{text:link one name}</a>{/block:IfLinkOneName} {block:IfLinkTwoName}<a href="{text:link two}">{text:link two name}</a>{/block:IfLinkTwoName} {block:IfLinkThreeName}<a href="{text:link three}">{text:link three name}</a>{/block:IfLinkThreeName}
{block:IfLinkFourName}<a href="{text:link four}">{text:link four name}</a>{/block:IfLinkFourName}
<a href="/random">random</a>
<a href="http://-apple.tumblr.com/">theme</a>
</div>
</div>
<br>

{block:IfEnableInfiniteScrolling}<div class="autopagerize_page_element"><script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEnableInfiniteScrolling}

{block:Posts}
<div id="shinee">
{block:IndexPage}
<div id="permalink">
<a href="{Permalink}">{24Hour}:{Minutes}{AmPm}</a> {block:NoteCount}({notecount}){/block:NoteCount}
</div>
{/block:IndexPage}
{block:Text}
<div class="snsd" id="tit">{block:Title}{Title}{/block:Title}</div><br>
<div id="contue"><p align=justify>{Body}</p></div>
{/block:Text}

{block:Ifshakeimages}
{block:Photo}
{LinkOpenTag}<meta name="{PhotoAlt}" content="{PhotoAlt}"/> <img src="{PhotoURL-500}" alt="{PhotoAlt}" border="0" {block:ifNotBiggerPosts}width="400"{/block:ifNotBiggerPosts}
{block:ifBiggerPosts}width="500"{/block:ifBiggerPosts} class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()">
{LinkCloseTag}
{block:IfShowCaptions}<br>{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}<br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{/block:Photo}
{/block:Ifshakeimages}

{block:IfNotshakeimages}
{block:Photo}
{LinkOpenTag}<meta name="{PhotoAlt}" content="{PhotoAlt}"/> <img src="{PhotoURL-500}" alt="{PhotoAlt}" border="0" {block:ifNotBiggerPosts}width="400"{/block:ifNotBiggerPosts}
{block:ifBiggerPosts}width="500"{/block:ifBiggerPosts}>
{LinkCloseTag}
{block:IfShowCaptions}<br>{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}<br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{/block:Photo}
{/block:IfNotshakeimages}

{block:ifnotbiggerposts}
{block:Photoset}
{Photoset-400}
{block:IfShowCaptions}<br>{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}<br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{/block:Photoset}
{/block:ifnotbiggerposts}

{block:ifbiggerposts}
{block:Photoset}
{Photoset-500}
{block:IfShowCaptions}<br>{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}<br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{/block:Photoset}
{/block:ifbiggerposts}

{block:Quote}
<div id="tit">"{Quote}"<br></div><br>
{block:Source}~{Source}{/block:Source}
{/block:Quote}

{block:Link}
<div id="tit"><a href="{URL}">{Name}</a></div><br>
<div id="contue">{block:Description}{Description}{/block:Description}</div>
{/block:Link}

{block:Chat}
{block:Title}<b>{Title}</b><br>{/block:Title}
{block:Lines}{block:Label}<b>{Label}</b> {Line} <br>
{/block:Label}{/block:Lines}

{/block:Chat}

{block:Audio}
<div id="audio">{AudioPlayerBlack}</div><br>
<center>
{block:TrackName}Track Name: {TrackName}{/block:TrackName}<br>
{block:Artist}Artist: {Artist}<br>{/block:Artist}
{block:PermalinkPage}<br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage} {PlayCountWithLabel}</center>
{/block:Audio}

{block:Answer}
<div class="secret" id="tit">"{Question}"</div> asked by <b>{Asker}</b><br>
{Answer}
{/block:answer}

{block:ifnotbiggerposts}
{block:Video}
<div id="width"><center>{Video-400}</div></center>
{block:IfShowCaptions}<br>{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}<br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{/block:Video}
{/block:ifnotbiggerposts}

{block:ifbiggerposts}
{block:Video}
<div id="width"><center>{Video-500}</div></center>
{block:IfShowCaptions}<br>{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
{block:IfNotShowCaptions}{block:PermalinkPage}<br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
{/block:Video}
{/block:ifbiggerposts}

{block:Date}
{block:PermalinkPage}
{block:NoteCount}({notecountwithlabel}){/block:NoteCount} DATE: <a href="{permalink}">{ShortMonth} {DayOfMonthWithZero} {Year}</a>
{block:RebloggedFrom}<br>OP: <a href="{ReblogRootURL}">{ReblogRootName}</a> <br>
VIA: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
{block:HasTags}<br><br>TAGGED: {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}
{/block:PermalinkPage}
{/block:Date}

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

{/block:posts}
{block:IfEnableInfiniteScrolling}</div>{/block:IfEnableInfiniteScrolling}

{block:IfNotEnableInfiniteScrolling}
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}">&larr;</a>
{/block:PreviousPage}

{block:JumpPagination length="5"}
{block:CurrentPage}
<span class="current_page">{PageNumber}</span>
{/block:CurrentPage}

{block:JumpPage}
<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}
{/block:JumpPagination}

{block:NextPage}
<a href="{NextPage}">&rarr;</a>
{/block:NextPage}
{/block:Pagination}
{/block:IfNotEnableInfiniteScrolling}

</div>
</div>
</body>
</html>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-1/sym57.cur), progress !important;}</style><a href="http://www.cursors-4u.com/" target="_blank" title="Rock On"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Rock On" style="position:absolute; top: 0px; right: 0px;" /></a>



thanks, smile.gif
sebastian
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: 17th April 2024 - 08:50 PM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC