background preloader

Creating a custom HTML theme

Want to create a custom look for your blog? If you’re comfortable hand-coding HTML, then you’ve come to the right place! If not, choose from hundreds of beautiful themes in the Theme Garden. Introduction Tumblr is built around seven key post types: text, photos, links, quotes, chat, audio, and video. Be sure to customize your theme around these types so that your posts show up beautifully on your blog, on the Dashboards of your followers, and on other blogs when they’re reblogged. Pro-tips Try to avoid posting external images and embedded media in text posts. Get Started Click the name of your blog at the top of the Dashboard or under the list icon at the top.Click “Customize appearance” on the right column.Click “Edit HTML” below the theme thumbnail on the left. Tumblr has two types of special operators used to render content in your HTML. Variables are used to insert dynamic data like your blog's title or description: Example <html><head><title>{Title}</title></head><body> ... Basic Variables

http://www.tumblr.com/docs/en/custom_themes

Tumblr Themes December Theme by Isaac // Live Preview // Code This theme includes: Two ColumnsOptional home, message, archive and submit linksUp to 4 custom links of your choiceA variety of custom coloursReblog and notes on hoverOptional cross cursorCustom title fontAlternate body fontLinks shown on hoverLarge description and links menu on hover Gratitude Theme by Isaac // Live Preview // Code Six ColumnsOptional home, message, archive and submit linksUp to 6 custom links of your choiceA variety of custom coloursReblog button shown on hoverOptional cross cursor Daily Pattern We have some exciting news this week! First off I'd like to say we're doing great with our Light Grey Art Lab Kickstarter Project, and appreciate everyone who's contributed thus far, but we've still got a long way to go, and we need a big boost! So we're going to have a series of limited, exclusive prizes to get some new people to contribute ASAP! I'm pleased to announce our very special 'Daily Pattern' reward tier! For the next week, anyone who donates $40* dollars or more to our Light Grey Art Lab Kickstarter Project will get to choose a Daily Pattern topic and have a Daily Pattern made just for them!

10 Web Design Elements that You Shouldn’t Overlook When it comes to designing and building websites, it never seems to happen fast enough. Given this fast pace, many small details that are eventually required to build the website are often left out of the design process. While these details might be minor, they are what take a website from nice to truly awesome. These details are often easy to miss because they don’t drive the overall look and feel of the website. The problem is that as your development team works through the design, it will be forced to design and create these elements for you anyway. You could adjust the production cycle so that the developers have time to return these assets to you, but why not just get it all done up front so that the process is that much cleaner?

Saola Themes Three/Two Columns, Optimized Permalink Page, No Infinite Scrolling, Fixed Font Size Three/Two Columns, Optimized Permalink Page, Different Margin For Links, Fixed Font Size One Column, Option Of Captions, Pagination Numbers At Top and Bottom, No Infinite Scrolling, Simplistic/Minimalistic Two/Three Columns, Captions On Photos, Hover For Reblog, Previous Theme on Main Two/Three/Four Columns, Multi-Sized Posts, Underlined Colored Links, Image Opacity Option

Tumblr Codes: Mouse Sparkles This tumblr code will put sparkles to follow your mouse cursor! Just paste the following code right before the </head> part of your HTML under the customize section in Tumblr. Below are several colours to choose from, but if you're advanced at codes you can change the color yourself in the code! An InDesign for HTML and CSS? – Jeffrey Zeldman Presents The Dai In “CSS is the new Photoshop” (?), Adobe’s John Nack correctly observes, as have many of us, that “Cascading Style Sheets can create a great deal of artwork now, without reliance on bitmap graphics.” Nack quotes Shawn Blanc, one of several concurrent authors of the phrase “CSS is the new Photoshop,” who cites as evidence Louis Harboe’s iOS icons and Jeff Batterton’s iPhone, both designed entirely in CSS and both only viewable in the latest Webkit browsers, Safari 5 and Google Chrome 5. He’s not alone: Håkon Wium Lie from Opera predicts that CSS3 could eliminate half the images used on the Web. You can use various graphical tools to generate things like CSS gradients and rounded corners.

Atonals Themes Grace Theme Code This is a simple one column theme, with optional endless scroll. mobile editor Problem accessing /wix-users/login/form. Reason: Could not resolve view with name 'errorView' in servlet with name 'dispacher'

Related:  Genius+Blogtech