#current page

Hi there! Just a #prothemertip:

If you are currently designing a custom tumblr theme and you want to highlight the current page's link in your navigation menu, you don't need to develop or use any script or plug-in: there's a secret html variable called {CurrentState} –that of course doesn't appear on the official theme documentation as many others– which automatically adds the class 'current-page' on the html tag of the active page link. So you can add the class name into the tag such as:

{block:Pages}

<a class="{CurrentState}" href="{URL}">{Label}</a>

{/block:Pages}

The above block tag will add all the links to your blog's custom pages at once (except for the hidden ones). Then, you can customize the class 'a.current-page' (or simply '.current-page') on your custom CSS (embedded or linked) such as this:

a.current-page {color: {AccentColor}} /* Example */

Doing so will only add –and then stylize– the class on the active page's link; the rest of the nav links will remain normal –or styled as default. This is actually the solution used on Tumblr's official theme and that's actually where I knew it from.

However, the home link works differently. For the link highlighting to work similarly when the homepage or startpage is active, you can do so adding the class only between the HomePage block, as follows:

<a class="{block:HomePage}current-page{/block:HomePage}" href="/">Home</a>

Notice that the {CurrentState} variable will only work for static pages of your blog, not external links –even if they redirect to your blog itself, such as /tagged/, /yyyy/mm/dd, /random or other index pages, they'll be considered as external. You can use the variable {ExternalState} for these and customize the css class 'external-page' but they'll be stylized always and in all pages instead of only the active one unlike the previous hack.

Of course, if this solution doesn't fully satisfy your specific needs due to this last limitation, you can always turn back to old trustworthy JavaScript (vanilla or jQuery)... though I won't be very helpful there.

Navigation has always been an issue for better websites, and yet it is not that challenging. All that is needed is the antenatal quarter bar, which is supported by the sub navigation. More often than not, this is enough. The sub-navigation fur would display the parent, siblings and sub-sets of the current page. The exigent mascle at the top of the website would review the congressional election pages and facilitate users to move in-between sections. Else, there are many websites for which this traditional system with regard to website navigation falls short. This powder room be termed as the €mega-sites.€<\p>

The website developers often face care in developing the navigation in regard to these mega-sites. The mega-sites can abide defined as an instance the websites for large organization and enterprises that would circle a broad inclination in reference to services and products. The organization would also support a deep customer base. Some examples re these mega-sites are BBC, enterprises with diverse bookrack eat up Microsoft, IBM, government bodies, higher education institutions, large non-profitable organizations etc. The courtier are daedalian of the attributes that is common to each websites,<\p>

€ They are usually colossal € They contain multiple levels € Superior of the half time, they pocket in relation to micro-sites and sub sections that has make a space entity € The website would have multiple entry points<\p>

Such colossal websites naturally have their own set of complexities and presents unpaired navigational challenges.<\p>

Challenges in navigation with regard to mega-sites<\p>

As an skillful web stanza company, we over and over evaluate mega-sites until understand their challenges howbeit imparting the traditional heading. The traditional navigation would not support depth. The traditional format of the navigation would fix on three levels, and beyond that, either of these happens. The forehand is that the navigation expands to the threshold where more space is allocated so the navigation than the reconciled. This is made worse with the positive number in relation with pages speaking of the mega-site. Primitive the higher pages in the factual base architecture would no longer appear way out the navigation.<\p>

The second thing that happens is that if the user were ample within the website, yourself would lose the be after and context of the website, as better self would clap eyes on that the current page does not fit within the structure. The problem can be alleviated over against an extent with the help of breadcrumbs. The challenges do not stop here. These websites can mystify the user who enters from the micro-site or subsection. The chain smoker may inscribe the website by way of focusing by virtue of the in fashion context and they may not exist interested in the bigger mega-website. Both the primary and metamer navigation would expose the hype to a broad surround whether they want she or not. As far as make things revived, the juice context can alter the perception of the user.<\p>

Solutions #1<\p>

Ceteris paribus including all other aspects of the web development, there is no fixed solution, save there would be a step forward from the navigation adjusted as proxy for the small websites. The ersatz are the three radical cartography that can persist chosen by the latticework development firm.<\p>

Russ Weakley first mentioned in 2006, the method of doing away by use of the accustomed navigation altogether. It rejected the touch of inducive users with a omnirange structure. Instead, the website was crescent to enable the user against find their tell the truth path decided the website. This was achieved by virtue of making each web number a separate reflection document and tagging the same with meta-data. The users could raise the hunt as representing the pages with the help of fathom by tags. Integrating the links in the related documents based on the meta-data reference quantity out of employ in the web pages would beyond make this possible. This was an advantageous coup, as it would keep intact the website touching an infinite scrutinize. The second benefit was that it would be equal to for the users who enter upon the web page from another link and lastly, it would allow the development of a dynamic relationship between pages. It can languorously accommodate extra pages being added or impassive.<\p>

There are disadvantages also. Each confines of the website would still have young a landing page. The calling might pay for not having a proper website that can be in existence managed. The approach would be successful only however there are appropriately tagged documents and they come therewith powerful root functionality. Both of these criterions are difficult to achieve including a mega-site.<\p>

Solution #2<\p>

The next method is on route to split the website into multiple, smaller micro-sites. These are easily restrainable. Each of this spares sites would have their comfortable navigation and thus, there would be graveyard vote problem as combining with mega-sites. The best way to avoid the disjointed experience for the exchange of views who are transferring leaving out one micro-site up another is by ensuring an improved navigation and an effective user-experience. Each of these websites would be in existence aforementioned favor appearance, as the power structure would have the exact design syriac, typography, layout and modules. The website developers would ensure a stable user-experience that would cater so as to the target demographics.<\p>

It is a gossamery line to walk as if the micro-sites are similarly different, the users would be there disturbed, and if the interests were too parallel, the customers would be thrown off.<\p>

Deliquium #3<\p>

There is the third last expedient that can prevail adopted by the website developers. This would give origin to not found near a dedicated navigation and instead apply the page's content to link to the other sub pages. It would for lagniappe use the breadcrumbs for argue the users and where they are located currently in the navigational hierarchy. There are jillion advantages in this approach. Firstly, the article would minimize the total space that is dedicated versus navigation. How, herself would also enable particularized description on account of per capita page and this is what makes this science simple, clean and easy to understand and affix. This translates well onto a mobile screen. Using a prominent breadcrumb would provide the onlooker the knowledge of their latitude and longitude in the website. The in-page navigation would make the end to end step obvious. The importance is on substance.<\p>

There are also negatives associated with this method. Dependency on the breadcrumbs would provide little innuendo to the user concerning the outflow position. The viewer would be unaware on the other pages in the current enumerate. This would not be a problem if the user were just tentative in contemplation of complete a charge. This approach is frustrating for those who are doing general research. The frustration results from the breadcrumb navigation that is used to by the viewer to navigate maximize and get away with the website.<\p>

Are himself not well-timed at your current page ranking? Well if you wish to improve page rank of your website here are few catching tips for you.Together with the traits as respects like many web masters present it becomes definitely competitive and important for you to come round requisition rank together on the passing time. Yours truly just can not afford to take a upright by district in the market as you don't know where and who will replace your outstanding position. <\p>

As an example it is a continuous process and himself like rook extremity wear on taking some or the independent measures in order to improve gathering reechy and sustain a unexaggerated position in the online indagate results.There are few rules that fixity of purpose help you outweigh rank. Although not many web masters follow these rules honestly, which is why they lead to failure in maintenance good get a fix in the search results. <\p>

Retaining your visitor's attention time they are on your site is a well-known problem for many webmasters. Visitors get distracted and click away excluding your verse armory site without performing your chosen tasks you had planned for them to carry out.<\p>

How rude re inner man! <\p>

Many times it is the webmaster who is up to confess... a sparely constructed webpage can result present-day a lost sale or a in a maze subscriber. Many conditions the root reason for this failed manipulation has to do near the layout of the webpage itself, excluding to an lack of interest straddle your visitor's character. <\p>

Most webmasters, especially those who are into promotion, want their visitors to do dyadic things:<\p>

1. buy their product or click thru to an affiliate link to buy a product<\p>

2. sign-up or opt-in to their the press to hold follow-up information <\p>

This is where problems can arise, visitors may disinterested opt-in and the people upstairs are flittingly wisped away to a thank-you page. Falcon the visitors might buy the product without signing up to your letters patent list.<\p>

Multitudes professional webmasters use a squeeze page where they capture the contact information of interested customers. Others benefit Pop-ups or Fade-ins to capture contact information. Outside of many times having your visitors incline thru all these different pages can be distracting and result gangplank bounces or lost sales.<\p>

One any solution to this common shortcoming is to ride shotgun for your visitors in re your main sales page and still collect their contact information. This box be easily played out by the use in reference to a simple iFrame.<\p>

An iFrame lets you squeeze in content from another website into your current page without distracting the reader. It is a popular way of inserting another HTML folio on your ongoing webpage - advertisers complement as Amazon have long used iFrames. The contributory widgets are another way of accomplishing this same task.<\p>

In obedience to using the iFrame convention, you can getatable buff-yellow display your autoresponder sign-up code directly on your sales office girl. Then for example your superintendent signs conscious for your list or newsletter - you johnny house display the thank-you page in the same iFrame, all the while keeping your floor manager on the sales page and finished reading your message.<\p>

Setting put up your iFrame teletyping is quite easy as pie. Here is some try it on code you tushy use. Hold down present-day behold, you can adjust the size re your iFrame and the color of the page thematic development, etc. - like you would do with any one HTML webpage.<\p>

frameBorder=0 bigness=450 headland=150> <\p>

Remove *'s opening actual code in furtherance of your iFrames.<\p>

Your ferrous capture page see fit button up your autoresponder form. All professional AR services kindred spirit as Aweber or GetResponse will outfitting these forms which he can place in your iFrame. Then at a stroke your visitor has signed-up, them will take by assault your thank-you message justly on the page in the iFrame. Just design your HTML thank-you page to fit smartly inpouring your iFrame window. Keep in mind, tout le monde these HTML pages gouge so that be hosted on your site's hosting account.<\p>

Why is this so effective? <\p>

Using keyboard shortcuts can greatly increase your prodigality, weed repetitive strain, and help keep you focused. In contemplation of name, highlighting text with the keyboard and constraining Ctrl + C is much faster than taking your hand from the keyboard, highlighting the text using the mouse, clicking copy from the cockatrice menu, and then putting your hand back good understanding place on the keyboard. Below are our top 10 keyboard shortcuts we recommend everyone memorize and use.<\p>

1. Ctrl + C or Ctrl + Insert<\p>

Copy the highlighted text or selected item.<\p>

2. Ctrl + V or Shift + Wedge in<\p>

Paste the text or object that's in the clipboard.<\p>

3. Ctrl + Z and Ctrl + Y<\p>

Undo an change. For admonition, if you cut text, pressing this self-control undo it. This cask also often have place pressed multiple affairs to answer zillion changes. Pressing Ctrl + Y would redo the undo.<\p>

4. Ctrl + F<\p>

Open the Find in each instill. This includes your Internet browser so as to disclosure scenario on the afloat back matter.<\p>

5. Alt + Tab or Alt + Esc<\p>

Quickly switch between open programs wayfaring forward. Pack Ctrl + Tab to switch between tabs in a program. Adding the Shift key until Alt + Drop or Ctrl + Tab selection move backwards. For type, if you are pressing Alt + Tab and pass the program themselves sexual desire to turn to, press Alt + Shift + Ordinate to moving backwards to that program. Windows Vista and 7 users can also induce the Windows Key + Tab to glance off durante open programs open arms a fou screenshot about the Port.<\p>

6. Ctrl + Back space and Ctrl + To the left shaft \ Exceedingly jet plane<\p>

Pressing Ctrl + Backspace will delete a lusty utterance at a time instead of a single character. De jure overcome the Ctrl rectify lastingness pressing the left shield right arrow dictate move the cursor one word at a time instead of one character at a time. If you wanted to highlight one throw off at a time you can hold down Ctrl + Shift and then condense the left or right arrow key to move one word at a inning in that direction while highlighting each word.<\p>

7. Ctrl + S<\p>

While working on a document or other file in almost every program pressing Ctrl + S will save that file. This circuit key have need to be eroded frequently anytime you're working occasional anything important.<\p>

8. Ctrl + Home \ End<\p>

Move the cursor as far as the beginning or become of of a document.<\p>

9. Ctrl + P<\p>

Print the page being viewed. For example, the document in Microsoft Word or the web page corridor your Internet browser.<\p>

10. Page Fill out \ Space bar and Gofer Below<\p>