Help me make a custom tumblr theme description box |
Help me make a custom tumblr theme description box |
sebapendulum |
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}">←</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}">→</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, sebastian |
Lo-Fi Version | Time is now: 17th April 2024 - 08:50 PM |