Saturday, September 10, 2011

Marquee Html code

The Marquee Html code <marquee> let's you scroll anything from Text to Photos

This is great if you need to spice up a blog to have something scroll and make it more better place to have scrolling Text or Images this is how you set it up

<marquee behavior="scroll" direction="left" scrollamount="16">Can be images or Text here</marquee>

Here are different Marquee Behaviors you can use

  • Slide
  • Scroll
  • Alternate
There is some scroll Marquee Behavior you can change the direction too and here's the directions you can use

  • Up
  • Down
  • Left
  • Right
For Scrollamout (Speed) you can pick from any number from 1 to 20

Meaning 1-9 are slow speeds while 10-19 are medium speeds and 20 is fast speed

you can find many sites that tells about using marquees like this site http://www.quackit.com/html/codes/html_marquee_code.cfm

Posted by at 2:34 AM 0 comments

Wednesday, September 8, 2010

iPhone icon HTML code

I wanted to add a cool looking iPhone icon instead of a small snapshot of the current blog you're viewing and want to add it to the home screen for easy access of your favorite blog So here is the HTML code you can use to display your custom iPhone icon for the home screen bookmark there is two html codes to control the glossy effect that goes on the icon


With gloss


<link rel="apple-touch-icon" href="Replace this with your link to the image URL want to use" />


without gloss 





<link rel="apple-touch-icon-precomposed" href="Replace this with your link to the image URL want to use" />



This goes in under the <head> HTML code you can choose with one you want either the gloss effect or no gloss at all!



<head>
    <link rel="apple-touch-icon" href="Replace this with your link to the image URL you want to use" />
    <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
    <b:if cond='data:blog.isMobile'>
      <meta content='width=device-width,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
    <b:else/>
      <meta content='width=1100' name='viewport'/>
    </b:if>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
Also for the new retina display you can have the image at least 125 x 125 pixels so it will look in pure high quality instead of being blocky if the icon was small like 57 x 57 pixels


Update: This doesn't currently work on the mobile templates - I tried everything to get it to display but there is no way you can add the to the mobile template
Posted by at 11:37 PM 0 comments
Subscribe to: Posts (Atom)