|
HTML - Html Noob Needs Help Editing Tumblr Theme
Hello all,
I really want to revamp my theme that I use on my Tumblr blog and I figured you'd be the ones to help. I'm computer literate, both Mac and PC, but I know nothing of coding. I ashamed to say this, but nevertheless I'm willing to learn a little if any of you will hold my hand through some changes I'd like to make to my Tumblr theme. Here's a link to my Tumblr page. As you can see, it's a default theme. The list of things I'd like to do is a little jagged, but I really want all my pictures to have a limit to their size and how much space they can take up. Also, I'd to know how to remove the visual tags on the left hand side. As if that's not enough adding a display of how may "notes" (for those who are tumblr literate) my posts have. Font too. How do I even begin changing these things? There are no options in the simple customize pane displayed at the top. But, I can edit the HTML... so what do I do? Please tell me if you need any information, I really want this to work. Thanks everyone. Connor Flynn Similar Tutorialshtml help? heres the link to my blog: http://annnnabeee.tumblr.com/ see how i have infinite scroll activated? does anyone know why the first page is missing two photos and is centered a bit off? this happened when i put the html infinite scroll code in.. help please?!? Hello, I am trying to make it so my tumblr will show 5-10 photos of my latest "likes". I found this code and it works but it lines the photos up top to bottom in a single row and I would like them from left to right placed next to each other. {block:Likes} <center><div id="likes_container"> <h2>Stuff I like</h2> {Likes limit="5" summarize="100" width="150"} </div></center> {/block:Likes} Everything on my site is centered and the background is stationary so people just scroll my tumblr easily. no sidebars etc... Thank You for any help on this. I edited the HTML code for my theme to allow me to have a link to my ask box but the box has gone weird. Here's a link: http://wir3donacid.tumblr.com/ask Basically, it won't let you see what you're typing in the box, you can still ask something but you can't see what you've typed. Is there a way I can edit this, or fix it? Here's a link to my Tumblr, the HTML code should be available from the http://wir3donacid.tumblr.com/ If you can edit the code yourself that would help, or just advice on how to fix this, cheers ): Plus, aspects of my theme aren't working; I think the endless scrolling is mucked up. I'm not great with HTML codes so, if anyone wants to try and fix any problems with it and send me the HTML code or something, I think it just needs tweaking. THANK YOU I am using Fusels Heart In A Cage theme for my tumblr blog. I decided to put a custom header image on top of where my posts go and my sidebar. You can see my problem he http://mainichi-melonpan.tumblr.com/ My header image's (Harmony Dreams) width is longer than the body on the theme. Also, if you can see, there is a small gap in between the image and the body where the background is showing through. What do I need to look for in the HTML coding to change the height and width of the body to match my image? Or do I need to change the image instead? Thank you in advance for the help! Basically, I have created this theme http://rmlewisuk.tumblr.com which works fine on a blog with many posts, but when I install the theme on a blog with no posts, only the header shows. The sidebar and footer do not. Here is the code: HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="http://manordesign.co.uk/therobb/resources/blog/style.css" type="text/css" media="screen">
<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<meta name="text:TwitterUsername" content=""/>
<meta name="text:Tagline" content="Put your own tagline here"/>
<meta name="color:Background" content="#ffffff"/>
<meta name="color:Font" content="#555555"/>
<meta name="color:Link" content="#ff0000"/>
<meta name="color:Link Hover" content="#a8a8a8"/>
<meta name="color:Title" content="#000000">
<meta name="color:Post Title" content="#000000">
<title>{block:PostTitle}{PostTitle}{/block:PostTitle} | {Title}</title>
<style type="text/css">
body {
background: {color:Background};
color: {color:Font};
}
a:link {
color: {color:Link};
}
a:hover {
color: {color:Link Hover};
}
h1 {
color: {color:Title};
}
h2 {
color: {color:Post Title};
}
{CustomCSS}
</style>
</head>
<body>
<div id="wrapper">
<div id="header">
<a href="/"><h1>{Title}</h1></a>
<p>{text:Tagline}</p>
</div>
<div id="content">
{block:Posts}
{block:Text}
<h2>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</h2>
<div>
{block:Title}
<h2><a href="{Permalink}">{Title}</a></h2>
{/block:Title}
<div>
{Body}
</div>
</div>
<p><a href="{ShortURL}">Permalink</a> {block:RebloggedFrom}<em>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</em></p>
<hr/>
{/block:Text}
{block:Photo}
<h2>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</h2>
<li class="post">
<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</li>
<p><a href="{ShortURL}">Permalink</a> {block:RebloggedFrom}<em>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</em></p>
<hr/>
{/block:Photo}
{block:Photoset}
<h2>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</h2>
<li class="post">
{Photoset-400}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</li>
<p><a href="{ShortURL}">Permalink</a> {block:RebloggedFrom}<em>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</em></p>
<hr/>
{/block:Photoset}
{block:Quote}
<h2>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</h2>
<li class="post">
"{Quote}"
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
</li>
<p><a href="{ShortURL}">Permalink</a> {block:RebloggedFrom}<em>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</em></p>
<hr/>
{/block:Quote}
{block:Link}
<h2>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</h2>
<li class="post">
<h2><a href="{URL}" class="link" {Target}>{Name} →</a></h2>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
</li>
<p><a href="{ShortURL}">Permalink</a> {block:RebloggedFrom}<em>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</em></p>
<hr/>
{/block:Link}
{block:Chat}
<h2>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</h2>
<li class="post chat">
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}
<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<strong><span class="label">{Label}</span></strong>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
</li>
<p><a href="{ShortURL}">Permalink</a> {block:RebloggedFrom}<em>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</em></p>
<hr/>
{/block:Chat}
{block:Audio}
<h2>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</h2>
<li class="post audio">
{AudioPlayerGrey}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</li>
<p><a href="{ShortURL}">Permalink</a> {block:RebloggedFrom}<em>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</em></p>
<hr/>
{/block:Audio}
{block:Video}
<h2>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</h2>
<li class="post">
{Video-400}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</li>
<p><a href="{ShortURL}">Permalink</a> {block:RebloggedFrom}<em>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</em></p>
<hr/>
{/block:Video}
{Block:Answer}
<h2>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</h2>
<li class="post">
<a href="{Permalink}">{Question}</a>
<p>{Answer}</p>
</li>
<p><a href="{ShortURL}">Permalink</a></p>
<hr/>
{/Block:Answer}
{/block:Posts}
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}">Newer Posts </a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}">Older Posts</a>{/block:PreviousPage}
{/block:Pagination}
</div>
<div id="sidebar">
<p class="image"><img src="{PortraitURL-128}"></p>
<h3>About</h3>
{Block:Description}
<p>{Description}</p>
{/Block:Description}
{Block:HasPages}
<hr/>
<h3>Links</h3>
{block:Pages}<a href="{URL}">{Label}</a><br/>{/block:Pages}
-<br/>
{/Block:HasPages}
{Block:AskEnabled}<a href="/ask">{AskLabel}</a><br/>{/Block:AskEnabled}
<br/>
<hr>
{Block:IfTwitterUsername}
<h3>Twitter</h3>
<ul id="twitter_update_list"></ul>
<p><a href="http://twitter.com/{text:TwitterUsername}">Follow me</a> on Twitter</p>
<hr>
{/Block:IfTwitterUsername}
<p class="image"><a href="http://panic.com/coda/"><img src="http://manordesign.co.uk/therobb/resources/blog/coda.png"></a></p>
<hr>
<p class="image"><a href="http://manordesign.co.uk"><img width="70%"src="http://manordesign.co.uk/therobb/resources/blog/logo.png"></a></p>
</div>
<div id="footer">
Manor Sans Theme by <a href="http://manordesign.co.uk">Manor Design</a> | <a href="/archive">Archive</a> |
<a href="{RSS}">RSS</a> </div>
</div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/{text:TwitterUsername}.json?callback=twitterCallback2&count=5"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-13281881-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>
Does anyone know the reason for this and how I might go about fixing it? Thanks in advance. Basically I want to integrate the CSS of tumbler into my website with my HTML. that is I want to integrate the css from tumbler and html is designed by me. How is it possible because I google it but not found any proper solution for integrate tumbler css to my html Thanks http://ps2cho.net/ At the top where it has ps2cho.net I would love to have an image span across. I don't know much about html...where would I start with this? Is it possible with the wordpress theme? Hey I am creating my own website using tumblr I have been editing a theme and want to remove the text and the aqua block of colour around my logo. I also want to centre the image. I am trying to learn html and have been trying to figure this out for myself. It would be good if you could help and explain this to me! http://sheridanvegas.tumblr.com/ I am attempting to make it so when a member posts to the tumblr blog that their name and image appear next to their posts. I noticed that there was some block:post variables that describe this function as being somewhat of a possibility. Am I wrong in that assumption? I am unfamiliar with where to place this code or if it needs any associative div tags to make this functionality take place. I plan to have 5 additional users and that will all have TUMBLR accounts and profile images. What variables and in what location/format would I have to include in the HTML editor to achieve this function? I found the following groupMember block variables on the custom themes section and am at a loss. Any help would be appreciated. Thank you very much! Here is the different types of variables: http://www.tumblr.com/docs/en/custom_themes#text-posts Group Members Variable Description {block:GroupMembers} {/block:GroupMembers} Rendered on additional public group blogs. {block:GroupMember} {/block:GroupMember} Rendered for each additional public group blog member. {GroupMemberName} The username of the member's blog. {GroupMemberTitle} The title of the member's blog. {GroupMemberURL} The URL for the member's blog. {GroupMemberPortraitURL-16} Portrait photo URL for the member. 16-pixels by 16-pixels Hi all, I've just joined your forum today as I've got a problem I can't seem to resolve with my tumblr html. I'm not sure whether any of you are familiar with tumblr, but it's basically a social networking blogging site. First of all, my url is http://king-of-diamonds.tumblr.com/ I have edited the html of my page a lot but there is one problem that I can't fix: If you have a look at my blog, you will notice that between the posts there is a little white line/space that I have tried my best to get rid of. Does anybody know how I can get rid of it? You can have a look at the html of my blog (currently) by clicking this link. Thanks in advance! I am having the hardest time getting my simple HTML theme on Elgg. Does anybody know of a good tutorial for this? The Themes documentation on the elgg website were cute, but I need something real. Anybody have any experience with this? http://elgg.org/ Hi need some help this is my poker blog http://mrcea.blogspot.com/ its currently set as a 2 tier which is 2 sections, my friend also has a poker blog which is a 3 tier (3 sections) here it is http://amatay.blogspot.com/ The only way to change it is to edit the html and make my blog a 3 tier Can someone help please??? Thanks C. Hey people, First post here and I hope you guys can help me. I'm currently helping out a family friend's company with general IT stuff, wether it be designing things for them or website stuff. Now I am by no means an experienced web designer, hence why I came here. They asked me today if I can make some changes to one of the sites they run, really simple ones at that. All I need to do is update some of the text on the site, change the dates etc. I have access to the ftp, using filezilla, and for the life of me I cannot find the html files I need to change. Now I obviously don't expect you guys to tell me where they are, but is there a method you would use to track them down? Right now there seems to be a ridiculous amount a folders and files for what seems to be a relatively simple site! I hope someone can point me in the right direction, for reference this is the website I need to make changes to http://kcsfireworks.co.uk/ Hope you guys can help point me in the right direction! Cheers Hi, I wish to know how to edit or remove any unwanted comments being posted in the comment box of my created website. Kindly suggest the html code to delete it from my website. Thanks in advance. I'm editing a map and want to change the size of the box that appears when I mouse over an object. The code for the entire map is <table width="550" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="img/map_top.gif" width="464" height="222" usemap="#projects" border="0" name="Image1"> <map name="projects"> <area shape="circle" coords="254,167,16" href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('no_box','','img/hiv_label.gif',1)"> <area shape="circle" coords="158,183,16" href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('no_box','','img/hiv_label.gif',1)"> <area shape="circle" coords="141,151,16" href="#" onMouseOut="" onMouseOver="MM_swapImage('no_box','','img/css_label.gif',1)"> <area shape="circle" coords="81,120,7" href="/science/phs/cprp/projects/whiscc.html" target="/science/phs/cprp/projects/whiscc.html" onMouseOver="MM_swapImage('no_box','','img/whi_label.gif',1)" onMouseOut="MM_swapImgRestore()"> </map> <br> <img src="img/map_bottom_left.gif" width="221" height="38"><img src="img/no_box.gif" width="243" height="38" name="no_box"> <br> </td> </tr> </table> To pick one specific example that I want to edit, I want the circle produced by <area shape="circle" coords="141,151,16" href="#" onMouseOut="" onMouseOver="MM_swapImage('no_box','','img/css_label.gif',1)"> to produce a larger box (the css_label image gets compressed and make the words hard to read.) How do I increase the size of the css_label.gif so it is readable? Thanks, Kevin. Hi everyone, Good day to you. I would like to make changes on my exisitng webform on my site,it will involve in downloading files and unloading it back to webserver after it had edited.However,I don't how to carry out this task in order to get it done over my computer. Please kindly advice the following : 1 ) Do I need to run any software for downloading the webform code ? 2 ) Which files to download for editing of my existing webform ? 3 ) I want to do backup,which ones to backup ? It is for the purpose of getting back my original site if something goes wrong after the editing task failed. 4 ) How to carry out the testing after the replacement of new html code ? I am sorry for posted this queries to you as this is my first time to carry out this task. Thank you. Manicui Once the web page, still under construction, has taken shape and is going through font styling etc, is it normal just to open the html in IE and change the contents from View/Source or should I always edit the file in Notepad and then save back to html? Hi, Found these forums on google whilst searching for the answer to my question. I currently have a site with 320+ pages and have recently come to a point where I need to change a section of code which is identical on every page, does anyone know of an editor or program where it is possible to edit this section of code on all of the pages at once or am I going to have to edit each page one by one? Ive used a meta tag editor which has a similar function to what I require but im yet to find a HTML editor which can do this. Any help appreciated Hi all! I'm new to this forum. I'm not very tech savvy so this is probably why I'm about to lose my mind trying to figure out the solution to my problem.... I would like a good software program where I can create templates in html format so that I can email for marketing purposes. I've tried a few online services and their limitations have me beating my head against the wall. I don't know html code. And I don't need to build a website. And I don't want to spend an outrageous amount of money. But I do want to create a template that will get to someones inbox, not junk mail, and arrive without attachments. I need the software to be user friendly & have an easy interface where I can easily edit using a visual editing tool. Does that exist? Any advice would be very much appreciated ok so i wanna put font and pics in different areas of the page. Like what if i wanted to put it between left and center so align wouldnt work. The only way i know is using the whole   but then my code is absolutly cluddered with that. I checked out code for some other sites like video game ones. I oculdnt understand it lol but i didnt see mass abouts of non breaking spaces. Please help |
|||||||