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] maiaj.livejournal.com on June 28th, 2006 10:19 pm (UTC)
Ooh, thanks. Though now I have to make more headers!
[identity profile] elli.livejournal.com on June 29th, 2006 06:55 am (UTC)
you definately have to!!