This is for me, the better Archive Page. Let's see the how it looks. or you can just click my ARCHIVE PAGE in the navigation bar on top. This has cool feature also: Sort by title (ascending or descending) - by clicking the "POST TITLE" table header. Sort by date (older first or newer first) - by clicking the "POST DATE" table header. Option to show all post by Label When you hover the post title a snippet of the post will display. Things that it doesn't have, which is acceptable: You can't change the date format You can't change table header unless you edit the script. Here's how to implement it. 1. Create a Page For New Blogger Interface: Dashboard > Pages > New Page > Blank Page Put a title, of course, like "Archive". :D 2. HTML Tab > Paste the code below <div id="bp_toc"> Loading TOC. Please wait....</div> <script src="http:/...
Here's the demo showing it: Click Me The trick is create a separate image for hover effect (in this case, glow). The hard part is getting the position right. We used, absolute positioning and here's the code below. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Clickable Parts of Image</title> <style type="text/css"> .bg { position: relative; margin: 20px 0 20px 40px; padding: 5px 0; height: 766px; width: 900px; background-image: url(kon.png); background-repeat: no-repeat; } #box-link1 { position: absolute; top: 0px; left: 0px; width: 384px; height: 575px; background-image: transparent; } #box-link1:hover{ background-ima...
You might ask why we hide an error, 'cause it should be fixed right? Anyway, there are instances that we just need to hide it. Let's say for example, "undefined index" error/warning in this case: I have this table with unique attribute names in every "input" elements: ID Name 1 Eds 2 Matt We don't know how many value that the user will input, so I assume that he/she will always input eight(8) values. I must fetch the value from that table by assigning them to a variable. If the user will input less than eight(8), a warning or error will show "undefined index..". In this case, I just hide it.
Comments
Post a Comment
Feel free to ask, suggest and comment regarding this post/blog. You can also contact me through e-mail, just always use the contact page. Thank you for visiting this blog.