Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Oct 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Need help with Tumblr html for my theme.

    I am having several issues with an HTML coding for a theme I used on Tumblr.com. If anyone could help it would be much appreciated

    First problem is that the description wont show up on my page. When you go to edit the page in regular editing (not the HTML editor) it has a spot to enter your page description but it wont show up on the actual page. I have tried several different things but nothing seems to work. I used to know HTML but havent used in in years. Also I'm not even sure what HTML coding this is cause it doesn't look like normal HTML that I have used before.

    Second, I would like to have the 'next page' link show up at the bottom of the page rather than at the top with the rest of the links.

    Third, my tags do not show up for each picture so I cannot get a tag link to be able to redirect pages to posts with specific tags.

    I am sure there will be more issues with my layout but this is what I can think of for now. My Tumblr page is http://blackdiamondinthenight.tumblr.com/
    Please note that my Tumblr page is NSFW (Not Safe For Work). So, if your opposed to that you might not wanna help me. Aslo, I would like help in understanding the code so I can work on my page myself without having to have anyone else help me if that is possible.

    Here is the code to my page as it is shown on the HTML editor:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>{Title}{block:SearchPage} | {SearchQuery}{/block:SearchPage}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title>
    <link rel="shortcut icon" href="{Favicon}">
    <link rel="alternate" type="application/rss+xml" href="{RSS}">
    {block: Description}<meta name="Description" content="" />{/block: Description}<description>i love rock n roll
    
    <meta name="image:Background" content="" />
    <meta name="image:Header" content="" />
    <meta name="color:Background" content="#FFFFFF" />
    <meta name="text:Blog title size" content="36px" />
    <meta name="text:Menu text size" content="16px" />
    <meta name="text:Blog description size" content="13px" />
    <meta name="color:Blog Description" content="#444444" />
    <meta name="if:Infinite scroll" content="1" />
    <meta name="color:Body text" content="#444444" />
    <meta name="color:Blog title" content="#000000" />
    <meta name="text:Body text size" content="28px" />
    
    
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript" src="http://static.tumblr.com/jw8fmba/648luowoo/theme.js"></script>
    <script type="text/javascript" src="http://static.tumblr.com/53unaru/4jtlgzkf8/easing.js"></script>
    
    <style type="text/css">
    @import url(http://static.tumblr.com/jw8fmba/pXhlt5pzb/bebasneue.css);
    html,body {
    	margin: 0;
    	font-size: 12px;
    	line-height: 160%;
    	height: 100%;
    }
    * {
    	font-family: Calibri, Helvetica, Arial, sans-serif;
    	color: {color:Body text};
    }
    a img {
    	border: none;
    }
    a {
    	color: inherit;
    	font-size: inherit;
    }
    blockquote {
    	margin: 0;
    	padding: 0 0 0 9px;
    	border-left: 1px #CCC dotted;
    }
    .header {
    	position: relative;
    	width: 1040px;
    	margin: 50px auto 25px auto;
    	text-align: center;
    }
    .header a {
    	text-decoration: none;
    }
    .header img {
    	max-width: 100%;
    }
    .header .title h1 {
    	margin: 0;
    	line-height: 100%;
    	font-family: 'BebasNeueRegular', Arial, sans-serif;
    	text-transform: uppercase;
    	font-weight: normal;
    	font-size: {text:Blog title size};
    	color: {color:Blog title};
    }
    .header p {
    	margin: 0;
    }
    .header .menu_item {
    	margin: 0 5px;
        {block:IfMenuTextSize}font-size: {text:Menu text size}{/block:IfMenuTextSize}
    }
    .posts {
    	position: relative;
    	margin: 25px auto;
    	{block:IndexPage}
    	width: 1040px;
    	{/block:IndexPage}
    	{block:PermalinkPage}
    	width: 510px;
    	{/block:PermalinkPage}
    	height: 105%;
    }
    .post {
    	float: left;
    	position: relative;
    	margin: 5px;
    }
    .post h2 {
    	margin: 0;
    	font-size: 16px;
    	line-height: 18px;
    	letter-spacing: 1px;
    	font-weight: normal;
    }
    .post h2.quote {
    	font-family: Georgia, "Times New Roman", Times, serif;
    	letter-spacing: 0;
    	font-style: italic;
    }
    .post p,.post li {
    	line-height: 175%;
    }
    .post p {
    	margin: 10px 0 5px 0;
    }
    .post ol,.post ul {
    	margin: 3px 0;
    	padding: 0;
    }
    .post li {
    	margin: 2px 35px;
    }
    {block:IndexPage}.post .controls {
    	position: absolute;
    	top: 50%;
        margin-top: -10px;
    	left: 0;
        width: 100%;
        text-align: center;
    	display: none;
    }
    .post:hover .controls {
    	display: block;
    }
    .post .controls .item {
        display: inline-block;
        position: relative;
        vertical-align: middle;
    }
    .post .controls .like {
    	background-image: url('http://static.tumblr.com/jw8fmba/JQllum7dg/like.png');
    	width: 21px;
    	height: 20px;
    	margin-right: 5px;
    }
    .post .controls .reblog {
    	background-image: url('http://static.tumblr.com/jw8fmba/bPzlum7er/reblog.png');
    	width: 24px;
    	height: 20px;
    }
    .post .controls .note_count {
    	background-image: url('http://static.tumblr.com/jw8fmba/Iosm7ri3a/note_count_middle.png');
    	height: 16px;
    	color: #FFF;
        font-weight: bold;
    	font-size: 11px;
    	padding: 2px 5px;
    	margin-left: 7px;
        line-height: 1.6;
    }
    .post .controls .note_count:before {
    	content: '';
    	background-image: url('http://static.tumblr.com/jw8fmba/dIim7ri67/note_count_left.png');
    	height: 20px;
    	width: 5px;
    	position: absolute;
    	top: 0px;
    	left: -5px;
    }
    .post .controls .note_count:after {
    	content: '';
    	background-image: url('http://static.tumblr.com/jw8fmba/gtqm7ri8i/note_count_right.png');
    	height: 20px;
    	width: 2px;
        position: absolute;
    	top: 0px;
    	right: -2px;
    }{/block:IndexPage}
    .post .photo {
    	position: relative;
        overflow: hidden;
    }
    .post .photo .photo_info {
    	position: absolute;
    	top: 50%;
    	left: 0;
    	width: 100%;
    	height: 50px;
    	margin: -25px 0 0 0;
    	text-align: center;
    	z-index: 10;
    	opacity: 0;
    	-webkit-transition: all 0.5s ease;
    	-moz-transition: all 0.5s ease;
    	-o-transition: all 0.5s ease;
    	transition: all 0.5s ease;
    	{block:PermalinkPage}
    	display: none;
    	{/block:PermalinkPage}
    }
    .post:hover .photo .photo_info {
    	opacity: 1;
    }
    .post .photo .photo_info a {
    	color: #FFF;
    	text-decoration: none;
    }
    .post .photo .photo_info h2 a {
    	margin: 0;
    	line-height: 100%;
    	font-family: 'BebasNeueRegular', Arial, sans-serif;
    	text-transform: uppercase;
    	font-size: 50px;
    	color: #FFF;
    }
    .post img.main_photo {
    	width: 100%;
        float: left;
    }
    .post img {
    	max-width: 100%;
    	height: auto;
    }
    .post .photo img {
    	opacity: 1;
    	-webkit-transition: all 0.5s ease;
    	-moz-transition: all 0.5s ease;
    	-o-transition: all 0.5s ease;
    	transition: all 0.5s ease;
    	margin: 0;
    	line-height: 0;
    }
    .post:hover .photo img {
    	{block:IndexPage}
    	opacity: 0.5;
    	{/block:IndexPage}
    }
    .post .player {
    	padding: 0 10px;
    	background: #FFF;
    	margin: 0;
    }
    .post .lines {
    	margin: 0 0 5px 0;
    }
    .post .lines .line {
    	padding: 5px 10px;
    }
    .post .lines .odd {
    }
    .post .lines .even {
    	background: {color:Body text};
    	color: {color:Background};
    }
    .post .lines .even * {
    	color: {color:Background};
    }
    .post ol.notes {
    	padding: 0;
    	list-style-type: none;
    }
    .post ol.notes li.note {
    	border-bottom: solid 1px #F6F6F6;
    	padding: 6px 0;
    	margin: 0 !important;
    }
    .post ol.notes li.note img.avatar {
    	vertical-align: -4px;
    	margin-right: 10px;
    	width: 16px;
    	height: 16px;
    }
    .post ol.notes li.note span.action {
    }
    .post ol.notes li.note .answer_content {
    	font-weight: normal;
    }
    .post ol.notes li.note blockquote {
    	border-color: #F6F6F6;
    	padding: 4px 10px;
    	margin: 10px 0px 0px 25px;
    }
    .post ol.notes li.note blockquote a {
    	text-decoration: none;
    }
    .pagination {
    	display: none;
    }
    body{background:url({image:Background}) {color:Background} fixed center 0}.post{width:{block:IndexPage}250{/block:IndexPage}{block:PermalinkPage}500{/block:PermalinkPage}px}
    {CustomCSS}
    </style>
    
    
    
    </head>
    
    <body class="{Name} star_aurora_theme">
    
    	{block:Pagination}<ul class="pagination">
            	<li>{block:NextPage}<a href="{NextPage}" class="pagination_nextlink">Next</a>{/block:NextPage}</li>
        </ul>{/block:Pagination}
    
    	<div class="header">
        
        	<a class="title" href="/">{block:IfHeaderImage}<img src="{image:Header}" />{/block:IfHeaderImage}{block:IfNotHeaderImage}<h1>{Title}</h1>{block:IfNotHeaderImage}</a>
            <p>{block:AskEnabled}<a class="menu_item" href="/ask">{AskLabel}</a>{/block:AskEnabled}{block:SubmissionsEnabled}<a class="menu_item" href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}{block:HasPages}{block:Pages}<a class="menu_item" href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}{block:Pagination}{block:PreviousPage}<a {block:IfInfiniteScroll}style="display:none"{/block:IfInfiniteScroll} href="{PreviousPage}">{lang:Previous page}</a>{/block:PreviousPage}{block:NextPage}<a {block:IfInfiniteScroll}style="display:none"{/block:IfInfiniteScroll} href="{NextPage}">{lang:Next page}</a>{/block:NextPage}{/block:Pagination}<a class="menu_item" href="/archive">{lang:Archive}</a></p>
        
        </div>
    
        <div class="posts" {block:IndexPage}style="opacity: 0"{/block:IndexPage}>    
        	{block:Posts}
            <div class="post {block:IfInfiniteScroll}load{/block:IfInfiniteScroll}" id="post_{PostID}">{block:IndexPage}<div class="controls" {block:Photo}style="display: none"{/block:Photo}><a class="like item" onclick="LikePost('{PostID}','{ReblogURL}',this); $(this).css('background-image', 'url(http://assets.tumblr.com/images/iframe_like_active_alpha.png)')"></a><a href="{ReblogURL}?redirect_to=http%3A%2F%2F{Name}.tumblr.com%2Fpage%2F{CurrentPage}" class="reblog item" target="_blank"></a><a href="{Permalink}"><div class="note_count item" id="note_count_{PostID}">{NoteCount}</div></a> </div>{/block:IndexPage}{block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{block:More}<h3><a href="{Permalink}">{lang:Read more}</a></h3>{/block:More}{/block:Text}{block:Answer}<p><strong>{lang:Asker asked}: {Question}</strong></p><p>{Answer}</p>{/block:Answer}{block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}<div class="lines">{block:Lines}<div class="line {Alt}">{block:Label}{Label}{/block:Label} <em>{Line}</em></div>{/block:Lines}</div>{/block:Chat}{block:Quote}<h2>"{Quote}"</h2>{block:Source}<p>- {Source}</p>{/block:Source}{/block:Quote}{block:Link}<h2><a href="{URL}" {Target}>{Name}</a></h2>{block:Description}{Description}{/block:Description}{/block:Link}{block:Photo}<div class="photo"><div class="photo_info"><h2><a href="{Permalink}">{NoteCount}</a></h2></div>{LinkOpenTag}<img src="{block:IndexPage}{PhotoURL-250}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}" alt="{PhotoAlt}" class="main_photo" />{LinkCloseTag}</div>{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}{block:Photoset}{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}{block:Video}{block:IndexPage}{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:Video}{block:Audio}{block:AlbumArt}<a href="{Permalink}"><img src="{AlbumArtURL}" class="main_photo" /></a>{/block:AlbumArt}<div class="player">{AudioPlayerWhite}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}</div>
            
            
            {block:PostNotes}<div class="post">
            	{block:NoteCount}<h2>{NoteCountWithLabel}</h2>{/block:NoteCount}
            	{PostNotes}
            </div>{/block:PostNotes}
            
            
            {/block:Posts}
        
        </div>
    {block:IndexPage}
    <script type="text/javascript">
    $(function(){var $container = $('.posts').css({ opacity: 0 }); $container.imagesLoaded(function(){ $container.animate({ opacity: 1 }); $container.masonry({itemSelector:'.post',columnWidth: 260});});$container.infinitescroll({navSelector:'.pagination',nextSelector:'.pagination li a.pagination_nextlink',itemSelector: '.load',loading: {img:'http://static.tumblr.com/glziqhp/eRkls6pz6/white-90perc-opacity.png',donetext:''}},function( newElements ) { var $newElems = $( newElements ).css({ opacity: 0 });$newElems.imagesLoaded(function(){$newElems.animate({ opacity: 1 });$container.masonry( 'appended', $newElems, true );});});});
    </script>
    {/block:IndexPage}
    </body>
    </html>
    Last edited by VIPStephan; 10-02-2012 at 09:11 AM. Reason: removed adult link & added code BB tags

  • #2
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    a) remove the link
    b) wrap your code in [code][/code] tags

    You should make it clearly visible that this is in fact an adult website in red text and bold letters. How unsettling it was to see this content without a clear warning...
    Your current warning is lost in the sea of text.

    http://www.codingforums.com/rules.htm

    Probably disturbing because I wouldn't even call it good adult content...
    Last edited by Sammy12; 10-02-2012 at 05:06 AM.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •