Is there a way to format part of a Tumblr title? For example, I'd like to be able to italicize one word in a title. Anyway to do that?
Tumblr reads titles using the {Title} tag, so how it is rendered is determined all at once not word for word. This means that the style of your titles universally depends on the CSS used around them in the hard coding. If you use the traditional manner of titling your posts which is placing the title in the "Title" area, then no this is not possible. An alternative method is to not put a title in that area and instead just post all information into the body.
You would then use the "html" view to code the header as you wish to see it. Default tumblr layouts use h1 /h1 around their headers so this is generally what you would want to use. The reason you are going into html view is because there is no option currently on default tumblr to increase the font size outside of html view.
The very first coding in the html view should be similar to this:
<h1>Title with one word in <i>italics</i></h1>
Once done, turn off html view, press enter to get off of the title line and continue your post.
Related
For a public blog we are currently using the default rich text editor.
This as content editors are no html writers.
Now on a certain post / custom page we want to add tabular data using a html table.
The rich text editor in tumblr has no support for creating tables so we switched to the html editor. There we created the table tag and some rows. Everything looks fine until saving the post. On saving the table element seems to be gone...
The Tumblr dashboard strips out many different HTML tags. They're visible in your theme, but on the dash they're either removed without a trace or replaced with a small clickthrough "embedded content" symbol.
If you NEED the table on the dash, you may need to use an image. Personally I'd include the Read More break to direct people into viewing the whole thing on your blog, but that won't work inside the app or slide-in bar, etc.
I'm writing some code that will go into the description box of a Tumblr page, in order to set a small tagline on the left of the header, and a search box of the right side of the same line. I've been trying to use a table with two cells and the width of the page to achieve this. However, it seems that the description box doesn't accept the <table> tag (it appears to work in the preview but not in the actual page).
Is there any other way to achieve inline content, with one justified left and the other right?
It is possible to include HTML elements in your Tumblr description.
There are two ways to achieve this:
Escape any HTML you are adding to the description box. This tool can help.
Modify the themes HTML and take advantage of Variable Transformations. In this scenario the {Description} tag would be replaced with {PlaintextDescription}
Either method should allow you to add HTML elements.
Also, I would take the advice of the comment made above. There is no need to use a table for the layout your trying to achieve.
the site that I'm working at is designed in a such way that CSS class is set for the tag on all the pages and the css classes used are different for all pages. Each page has common elements such as a header, a footer and a nav bar. I'd like to set up a single page template and include all common elements there but the body tag stands in the way. Is there a way to control a template from a content page? I know I can specify a code behind for content pages but i can't rely on content authors to enter it correctly each time they add a page. My current thinking is to set up multiple page template, one for each css class that is referenced in the body tag and put the common page elements into user controls. This is less than ideal because I will end up with lots of mostly identical templates and my user controls would not be editable easily. I guess I would have to use shared content items and such making the content authors hunt all over the site. I would have been much simpler to update the common header in a single page template.
Can someone please suggest a way?
I submitted a reply in the Sitefinity forums where you originally posted this, but just in case you check here first I'll ask the same question: how is the css class for body determined?
if it can be done programmatically you can use the code-behind of the Master Page for the template to set it so that it's handled automatically.
If this won't work, tell me more about how the css class is assigned and I will try to come up with an alternative.
hope this is helpful!
I'm not looking for finished code but more of a place to start; I am a bit stuck!
I have a long text document and and a collection of keywords that appear in this document. I know the location where each keyword appears in the document. I'm looking for a way to display this keyword half way down in a non-scrollable UIWebView along with as much of its surrounding text that will fit into the UIWebView. In other words, I would like to calculate the pagination character boundaries.
You can use core text to find this kind of information, but it's quite complex. You might just generate an HTML document with anchor tags at each keyword, and then use javascript or fragment identifiers to move the web view around.
Edit: For example, the HTML might look like:
My text blah blah <a name="keyword-super-1">super</a> more blah blah and then use javascript like JavaScript - Jump to anchor.
I am grabbing text data from XML files, and want it to display in book page-like format inside a UIWebView on iPad. The XML files are coming out of a .epub, and each one contains a single chapter of a book, divided up only by p tags.
I want to dynamically paginate these files into book-like pages based on the size of the UIWebView, which is a full iPad screen, as well as by user-selected font size. I am currently loading a blank html page with related css into a UIWebView, grabbing paragraphs based on number of characters as Strings from the XML, and printing these into the html using StringByEvaluatingJavaScriptFromString and the innerHTML property.
Obviously, doing this by number of characters creates improperly spaced, oddly formatted pages, but I'm not sure how else to "paginate" the text.
What I am looking to do is something akin to the app "eReader" on iPad:http://www.ereader.com/. They seem to be breaking a single file up into pages dynamically, and loading it into UIWebViews. How is this done?
Most EPUB readers that are based on UIWebView simply use CSS3 Columns to paginate the document.
You can see this in action at http://www.quirksmode.org/css/multicolumn.html
The basic idea is that you 'columnize' the document and then scroll horizontally through it to show a specific page.
Having done this for one popular (Canadian) eReader application on the iPhone and iPad, I can tell you that the technique works but that it is far from ideal.
The code is already made. It is called epubjs. It is Javascript only epub reader.
Use UITextView with PageviewController . (specify your doubts in it , if any )