28 June 2006 @ 05:54 pm
Rotating...  
As part of my lj style experimentations, Banners or Headers for lj, your website or really anything else. This is what you do.

  • Download the script here.
  • Unzip it
  • Create your banner(s)
  • Upload php script and banners to the same directory on your webspace.
  • Change your code.
    • Option a :)- If you use my layout, go to the place where the banner is added and change the banner image url to the url to link to your script.
      #banner-inner{
      background-image: url(http://www.yourspace.com/banner.jpg); background-repeat: no-repeat; background-position: center 9px; height:240px; margin:auto;
      }
      becomes
      #banner-inner{
      background-image: url(http://www.yourspace.com/rotate.php); background-repeat: no-repeat; background-position: center 9px; height:240px; margin:auto;
      }
      The script ready all the images in the folder and displays them instead of the rotate.php.
    • Option b :) Background in body.
      body {
      background-image: url(http://www.yourspace.com/rotate.php); background-repeat: no-repeat; margin:auto;
      }
      remember to use a margin-top on the content area here.
    • Option c :) Replace image tag.
      You can also replace the image tag on layout (img src="") Instead of your jpg you set the rotate.php.

You need webspce that hosts files other than images and possibly has php support, although i'm not sure about that. A tip: try and make your banners the same height and width, so you do not have to trick with your height and width css.

 
 
( Post a new comment )
[identity profile] willowwing.livejournal.com on July 17th, 2006 04:57 pm (UTC)
I followed your instruction and it worked beautifully. Thank you.
(Reply) (Link)