List Lists come in two basic flavors: unordered and ordered. However, CSS allows for more list customization than HTML -- to the extent that even images can be used as bullet points for unordered lists!. If you want to use something different from the default numbering of ordered lists, or the bullets/discs of unordered lists, then all you have to do is choose a different style for your lists. CSS allows you to select from a wide variety of different list item shapes. Unordered list styles: square, circle, disc (default), and none Ordered list styles: upper-alpha, lower-alpha, upper-roman, lower-roman, decimal (default), and none CSS Code: Display: Here is an ordered list: This list is using roman numerals with CSS! As we stated in the introduction, CSS lists allow you to insert an image in place of the normal bullets. Here is an unordered list: This list is using a picture with CSS! As you can see, it does not matter if the lists are <ul> or <ol> when using images. Try it out!
feedsr.us - RSS-Feeds als Forensignatur How To Convert An Email To A RSS Feed & Embed It As A Blog Widget Plato once wrote that necessity is the mother of invention. The truth is, I experienced that phenomenon this week, and I’d like to share my little discovery with you as I guide you through the process of converting emails to an RSS feed and then instantly publishing that feed on your website. My original idea was to create a sidebar widget on my website that would let me issue short one-line updates to a feed. Creating The RSS File From Emails Converting an incoming email to an RSS thread isn’t new, but it’s also not easy to find a solution that’s quick and simple. Just type in the email address name that you want, and check the system to see if it’s available. The xml file is stored at First, write an email to your new mmmmail.com email, and make the one line of text that you want to display as the title in the Subject line. Send this email, and then check your xml file. Publishing The RSS Feed To Your Site Image credits: Svilen Milev
Devoth's HEX 2 RGBA Color Calculator How to See If Your Photos Are Being Used On Another Site I’ve got a super quick and easy tutorial for you today. This is a cool trick I’ve been using a lot lately, and I thought I’d pass on this neat tool to you just in case you’ve ever wondered how to do this. Did you know there’s a really simple way to see if photos have been taken from your blog and uploaded to another site? This trick will allow you to do a “Reverse Image Search” for any photo from your blog, or any photo you’ve uploaded on the internet, to see a list of all the other sites where this photo appears. Why would you to do a reverse image search? To see if your uploaded photos are being used on another site without your permission.To find the original source of a popular Pinterest, Tumblr, or Facebook photo.If you have a photo on your computer and you can’t remember where it came from. *This trick can also be useful if you if have a photo on your computer, and you can’t remember where it came from. Once you’ve done that, here’s how you do a Reverse Image Search.
New! Share Widget Beta Faster Sharing. Yes, the benefit might seem obvious from the name, but here’s why: FastShare enables sharing in fewer steps and with less disruption for users who have previously signed in with ShareThis using OAuth. Visitors to your site who have previously logged-in with their credentials across any of the more than 1 million websites in the ShareThis Publisher Network will automatically see their FastShare options available. Greater time spent on your site. FastShare keeps these users on your site throughout the sharing process, rather than taking them away from it each time they share. Sharing, at scale.
Web Hosting by Active Web Hosting - How To Add An RSS Feed To Your Web Site How To Add An RSS Feed To Your Web Site Introduction An RSS Feed is a special XML file that contains the most recent articles or posts to a web site, blog, content management system, forum, etc. Once you know the RSS feed link, you can easily incorporate it into your web site. IMPORTANT NOTE: RSS2HTML may not work on our servers. Setting Up Your RSS Feed Parser In order to put a neatly formatted RSS feed on your web site, you'll need to Download the RSS2HTML script. Adding Feeds To Your Web Site Now that you have the script installed, you will need to know the link to the RSS feed. Note: The code must be entirely on one line, without line breaks. Replace all instances of yourdomain.com to your actual domain name. Replace the highlighted area that says " in the code below with the RSS feed link. Adjust the highlighted MAXITEMS= to display as many items from the feed as you wish. Troubleshooting Support
Life, I wrote.: How to make a slideshow with Pinterest and Instagram images with Storify This is something I've been asked here and there, and I've been tinkering and I think I've found a solution. Ideally, Pinterest would/could offer the possibility of displaying a board or a search term in slideshow format, but there is no such function (yet? guys?) So here's a nifty way of turning anything you find in Pinterest into a slideshow, using Storify. For metaness, Let's say you have a board with a whole bunch of Instagrams (I do) and you want to display the photos as a slideshow. 1. 2. 3.Log in to Storify and check out your Storypad! 4. 5. [<a href=" target="_blank">View the story "Instagram Pinterest slideshow with Storify: META META!" Storify has an Instagram function, but it doesn't allow you (yet? Another note: You probably know this, but it's worth repeating. Labels: Idealab, instagram, jrc on demand, pinterest, storify
Creating tooltips using the title attribute of HTML Creating tooltips using the title attribute of HTML Images have long supported the "alt" attribute, which displays a textual tooltip when the mouse moves over it. That's fine, and even great, but why should images get all the glory? Shouldn't other elements inside the document be able to carry a tooltip as well, such as a text link or form element? Wouldn't that be pretty cool, not be mention crucial in guiding devises with limited capabilities such as PDAs navigate your site and its various elements? Well, starting in HTML 4, the concept of the "alt" attribute for images have been expanded to all elements on the page. The title attribute Here's the idea: HTML 4 supports a "title" attribute that can be inserted inside any HTML tag. <a href=" title="Free DHTML and JavaScripts">Dynamic Drive</a> Dynamic Drive The title attribute is supported in all modern web browsers, and can be applied to virtually any element that falls under the <body> tag. JavaScript Kit
Add a Simple Google, Yahoo! or Bing Search Box to Your Website ‘Search’ is the web’s most utilized and essential function. The major search engines process billions of keyword requests daily, but there are still some websites and blogs that have yet to incorporate the vital feature. While customized search box solutions are offered by various business entities, I prefer to use only the results from major engines: Google, Yahoo!, or Bing. Many of the commercial packages employ a free trial period to entice buyers, which tends to include very prominently placed ads, a possible turn off for some of your site visitors. Basic Google Search Box If space is an issue on your website or blog, you can easily fit in a small Google search box that will suit your needs. When the above coding lines are uploaded, the resulting search box will look like this: As shown in the graphic, there are different border options that can change the cosmetic appearance of the search box. This search box is ready to work almost immediately. Google Search Box with Radio Buttons
Magnetic Poetry in 10 easy steps | <tlc> Download Source Code: magneticpoetry.zip If you’ve ever owned a magnetic poetry set, you know what it’s like to wake up and see things written on your refrigerator that make you question the type of people you let into your home. Imagine the questionable things you might see written on your fridge if anyone with an internet connection could access it. Here’s how you can do exactly that in 10 easy steps using django, jQuery, and sqlite : 1a: create an html page with the “fridge” and magnets <div id="fridge"><div class="magnet" style="left: 10px; top: 10px;">magnetic</div><div class="magnet" style="left: 105px; top: 13px;">poetry</div></div> 1b: give it some style 1c: add some jQuery UI to make it interactive You should now have a static fridge that looks something like this So you’ve got the static dealio together, now it’s time to create the dynamic backend using django and sqlite. 2: create a django project then start an app (I call it “magneticpoetry”) 3: create a model for the magnets