Lightbox image viewer 2.03. Base Version details: v2.03 (Added April 13th, 07') Updated Nov 29th, 07': To v2.03a by DD, which adds ability for a caption to be hyperlinked. Only "lightbox.js" changed from base version! Description: Lightbox Image Viewer 2.0 expands upon Lightbox Image Viewer with a few new features. While the original version is great for viewing images individually on the page, Lightbox 2.0 supports a new "grouping" feature that lets you group related images on the page for easy browsing amongst them. The transitional effect for bringing up an image also differs from the original.
And like before, this script supports optional caption display, plus incremental preloading of the next image when images are grouped. Very nice! Demo 1: (individual images): (Note caption for "horse" is hyperlinked, v2.03a feature) Demo 2: (grouped images set. Directions: Simply download Lightbox V2.03a, and refer to the index file inside for installation instructions. Lightbox.js (v2.03a) Installation instructions Notes. Page Encryption Script - Decryptor. There are lots of programs out there that you can buy that will encrypt your web page and supposedly protect your page content from theft. Actually, the encryption of a page makes no difference at all to how easily it can be stolen by knowledgeable thieves who can easily bypass the encryption in seconds using nothing more than a web browser. So save your money and if you feel that you must encrypt your page source use the form on this page and the one following to generate most of the same page protections as the most expensive programs that can be bought to do the same thing.
The first step is to use the form on this page to generate your own customized version of the decryptor script to be placed in the head section of your web page where the body code is to be encrypted. You can either place this code into an external file already attached to the head of your page or select the option to generate the script tags and paste it directly into your page. Client Side Image Maps. How to add an image map to your page Image maps aren't as bad as they seem, at least if you use a client side image map using HTML rather than a CGI program. I may add a section on using a CGI-driven image map later on, but for now, lets look at one that just uses HTML and an image!
To begin, let's look at a simple image map I created. If you click the left half of the image, you will be taken to a tables tutorial. If you click the right side, you'll get a tutorial on frames. Both the links are on one single image, so we just call it an image map. Try it out: So, how do we create one of these? Now you need to put the image on the page. The usemap="#mymap" command tells the browser to use a map on the page, which is named "mymap". Now you can see where the usemap="#mymap" from the <img> tag comes from. <map name="mymap" id="mymap"> This defines your image map section, and gives the map a name.
</map> This ends the map section! Well, that does it for now, let's go on to: Links: No Underline. DHTML Tip Message. Cool DHTML Tooltip. Description: This is a practical, elegant DHTML tooltip script. Use it to display additional information about a link or any other element when the mouse moves over it. A customizable tooltip pops up, which works in all modern DHTML browsers- IE4+, NS6+, and Opera 7+. Three interesting features of this script are: Unlike a regular tooltip (ie: one created using the "title" attribute), Cool DHTML Tooltip continues to display itself and follow the mouse around while the mouse is anywhere over the link/HTML element.
Fully customizable tooltip style via CSS, including an optional shadow (IE5.5+ only). Cool! Demo (move your mouse over): JavaScript Kit CodeTricks.com Learn how to calculate the difference between two dates in JavaScript, and in the process, derive some useful applications such as counting down to a particular event, counting up, displaying what's new on your page etc. Directions: Step 1: Insert the following stylesheet into the <head> section of your page: Textual tooltip script. Description: Use this script to provide textual information about a link(s)!
Move the mouse over certain links, and accompanying text appears on the page describing the link. The text can be HTML based (bold, italic etc). Browsers other than NS 4 or IE 4+ will simply not see any text. Demo: Directions: Ok, the directions get a little complicated, so pull up a chair, and read them carefully! Step 1: Insert the below into the <head> section of the page. Step 2: Ok, this is where things get a little dirty. The below code contains the first part, where your links should go.
Moving along, the below code contains the second part, where the text will appear when the mouse moves over each link. Having done all that, you now need to do some "tweaking" to both the first and second part. In the first part, you need to configure the links to your own. OnMouseover="changetext(content[0])" This command is used to trigger the script to display the appropriate text inside part 2. That's it. Dynamic Drive- Links and Buttons. How To Change Hyperlink Color. Hyperlinks and CSS Some simple ways of changing link colors with CSS.
Colors can can also be controled with HTML but this does not offer much flexibility. Introduction Here is a few ways to change and control the color of hyperlinks. Hyperlinks can be made to change colors by adding a style sheet to your HTML and editing the following Anchor Pseudo-classes: Link: The color of an un-visited link.Visited: The color of a visited link.Active: The color of the link when it is clicked. The link will remain that color when users hit the Back Button after visiting the link destination.Hover: The color of the link when the mouse hovers over it.
Change Hyperlink Color with Internal Style Sheet Adding CSS to a HTML Document without Referencing an External Style Sheet If you need to change colors on one page only, this code can be used. If you intend to build many web pages, it is suggested to create an external style sheet and link your HTML documents to that. Code Output Link Text Notes Link Text.
Flag Counter » Visitor Information. 10 Ways to Keep Your Website Safe After Google's Latest Changes | SEO Blog - Quantum SEO Labs. Well by now you’ve probably heard that The Big G has struck again. Google has been rounding up the ip addresses of various blog networks and deindexing then systematically. Whole businesses have been decimated and people in the SEO community are running scared. However, you needn’t be worried because I’ve got some great ideas to help you weather this latest storm. Forget Public Blog Networks I know I’ve written about places like Linkvana and Build My Rank in the past, but the past is the past and this is the present. Consider Your Own Network One great way to counter The Big G is to look into creating your own network. The idea here is to basically create a network of anywhere from 5-20 sites which you personally own and which have different footprints all over the web.
It’s Not Illegal By the way, I should point out here that if this all sounds extremely sneaky, it is. Most of SEO is like that — an effort to game Google’s system in one way or another. Consider the Lily White Route. 5 Reasons Why Your Website Isn’t Ranking.. And What You Can Do About it | SEO Blog - Quantum SEO Labs.
“I have been penalized”. “My site isn’t indexed anymore”. “I am stuck on page 3 even after building tons of links”. “This website has gone to hell.” Yeap! We have all been there. I own over 200 websites and when I was trying to get the hang of SEO, I did manage to get a few of my sites penalized. But that’s OK, burning those websites gave me an example of what NOT to do in the future. Anyway, the idea of this post today is to let you know the 5 things you need to avoid in order to make sure your website stays ranked. 1.
I am actually surprised at how many clients have less than 200 words on their landing pages and expect it to rank number 1 for their (competitive) keywords. Trust me, increasing your content will help you increase and sustain the rankings. If your website’s homepage looks like this i.e has tons of pictures and literally no content, there’s probably a reason to worry: The solution? 2. Well, they’re gone. Solution? 3. However, things are changing now. 4. 5. Two Simples Codes to Prevent People from Hotlinking Your Images. It has happened to everyone. You are browsing around the internet when you see one of your images on another site. Instantly, you are miffed that the person didn’t ask your permission or doesn’t even credit you for the image.
You might be wondering “What are you supposed to do to prevent this from happening again?” There are hotlinking applications out there, but there is usually fee to buy the license. Here are two ways to prevent people from hotlinking your images. Modify the .htaccess File The best way to do this is by modifying your .htaccess file. RewriteCond will allow the sites (your own site URL should be here) that are able to use the images on your site. You should probably think of adding your RSS feed as well, so your images are displayed on your RSS.
RewriteRule are the files that you do not want people hotlinking. Use PHP Code If you prefer using PHP instead. The best and easiest way to prevent people from hotlinking your images is by modifying the .htaccess file. Free domain hosting. Unlimited Free Web Hosting, Free Domains, Easy Website builder from ATSPACE.COM - Free Web Hosting and Domains ATSPACE.COM. Free Web Hosting. Free Web Hosting Service - Create your Website easy with Zacky Installer Wizard. Free Web Hosting - Linux, PHP, MySQL, No Ads/Banners by FreeHostia. Free Website Host. Create a free website and a free blog. Create a free website and a free blog. Building A Site Has Never Been Easier Building a website on Weebly is unlike anything you’ve ever experienced. Our drag & drop website builder makes it dead simple to create a powerful, professional website without any technical skills required.
Over 6 million people and small businesses have joined Weebly to build their online presence. Content elements (like text, photos, maps, and videos) are added to your website by simply dragging & dropping them into place. Build editor Designoptionen Design ändern Hochwertige mobile Websites Das Erstellen einer mobilen Website war nie einfacher. Mobiles Webdesign per Drag & Drop Weebly gibt Ihnen leistungsstarke mobile Websiteerstellungstools an die Hand. Dynamische Vorlagen für die mobile Website Weebly bietet eine große Auswahl an Vorlagen für mobile Websites, um Ihnen bei der Gestaltung des Designs und Layouts zu helfen.
Mobile und Desktop-Anforderungen balancieren Erstellen und verwalten Sie eine einzige Website, die überall funktioniert. Joomla and Wordpress Tips. Build, Make & Create Your Own Website – FREE! Website Hosting & Website Building 6. Scripts: Add a floating menu to your template. This is a very simple item to add to any Allwebco template. Please keep in mind that we do not provide support for adding this to a template or webpage. This page covers all the details of this menu. For HTML 4.01 Websites Only! We are currently working on a floating menu update for HTML5. For HTML5 websites see: Super Cool jQuery Floating Menu Example: On the right side of this page is a sample of this floating menu. Adding This To Your Template: Step #1 Select your menu style and click below to download the "floating_menu.js" and images included in this add-on.
Download Menu Style One (.zip) Download Menu Style Two (.zip) Download Menu Style Three (.zip) Download Menu Style Four (.zip) (Includes PSD) Download Menu Style Five (.zip) (Includes PSD) Step #2 Unzip this zip file. Step #3 Add the following code to the very bottom of any template HTML page you want the menu to be on. The floating menu should now be working. OPTIONS: Extra Buttons: Here are the available menu styles. Smarter Way To Prevent Image Hotlinking with .htaccess. Have you noticed someone stealing your images, directly taking the URL and display on their websites without your permission? This is what we call image hotlinking. It is bad, as it not only stealing our images, it also take advantage of our bandwidths.
Because it’s called directly from our server, every time the images are loaded on their webside it cost us bandwidths. Controlling via .htaccess is one of the most efficient way to prevent image hotlinking. And by smarter way, we mean giving the webmaster more control on the .htaccess in terms of: what sites to blockwhat sites to allowallow/deny blank referrersdisplay custom images detecting image hotlinkingfiles to protect Step 1 – Create .htaccess If you’re currently not using any .htaccess in your web account you should be creating one.
Step 2 – .htaccess hotlinking code Paste this following code into your .htaccess. Explanation Line 2 – Allow blank referrers (recommended). RewriteCond %{HTTP_REFERER} ! RewriteCond %{HTTP_REFERER} ! CSS Drive- Categorized CSS gallery and examples. CSS Cheat Sheet. Photo editor online / free image editing direct in your browser - Pixlr.com. W3Spy.net - Spy Any Website - 8342 people online. Web Design Process. 7 Quick CSS Enhancements for Better User Experience. The beauty in CSS is that a tiny directive can make a huge difference in how the page displays.
Here are seven quick CSS snippets that will give your website more "pop" and make your user's experience more functional and enjoyable. Change Text Highlight Color The default text selection color is usually a boring navy color (at least on Windows PCs). Firefox, Opera, and Safari allow you to change the color to whatever you'd like! Prevent Firefox Scrollbar Jump Firefox has an unfortunate habit of showing the right scrollbar when a page is long and hiding it when the page doesn't reach below the fold, thus creating an undesireable "jump. " Rounded-Corner Elements Adding a subtle rounded corner to input elements (like WordPress does) can add a classy touch to otherwise boring elements. Print Page Breaks Don't forget that many users print off your informational pages!
Attribute-Specific Icons Spice up your links by adding attribute-specific icons to your links. CSS Pointer Cursors display:block Links. Moourl.com.