News letter

Get Retire at 21's FREE Secrets to Making Money Online Ebook Today!

Find out how I'm going to Retire VERY Early Subscribe for my Free Secrets

Privacy Guaranteed. 100% Spam free.
Tutorial Sponsor Do you want to start a rock band?  Get musical instruments like drums, guitars, and keyboards at this online music store!
Rock Band Website
Create a great effective band website, cover roleover buttons and some CSS effects.
Category: Dreamweaver
Views: 12467

Hey guys, in this tutorial il be teaching you how to create a great band layout, we will be using CSS to do some great effects.
 
  Start by creating a new html document and going to your Page Properties by going to the bottom of your dreamweaver and click the Page Properties buttons. Select these options for your page appearance:

Now we have chosen a background image, you will notice it will repeat and your image will be displayed several times, to make it only appear once go to your tag panel (right hand side) and click Relevant CSS and find Background_repeat and click no-repeat.

Now create a new table (insert>table) and use these options:

Align your table to the right hande side.

In the second row put the text you want to use for your links, bold and center them.

You should now have this:

Now go Page Properties and click on the category Links, choose these options:

Now highlight your text and give it a link.

Go to your Relevant CSS and click a:hover and click border-top and border-bottom style and choose dotted.

You will now have this roleover effect on your links:

Now in the top row we are going to split the table, right click in the table and Table > Split Cell...

Choose to split cell into 2 columns and click OK.

Now in the left column type in your website name, choose these options:

In the right column insert a image (insert>image)

In the third row we are going to put our next event date. Now in the fourth row we will be putting website content, after each content (about, the band etc) put a horizontal rule.

Give it a width of 95 % and center it.

You should now have this:

Under band members we are going to insert a table (insert>table) to put in the band information in.

Fill in the information and you should now have this:

Add the final touch's of adding copright and your done! Well done guys.


If you would like more help with this tutorial please register and visit the forum.



Bookmark with:              
  Add to Favorites    Google Bookmark
  Delicious   Digg
  reddit  Stumble Upon

Recommended Money Makers

The Reverse Funnel System!

“I'm About To Share With A Select Few, The Exact Details Of My Simple And Proven 'Reverse Funnel System™' That Quickly And Simply Puts $5,000 to $10,000 In Many Students' Pockets EVERY WEEK!”

  • Systems Work, People Fail...It's that simple!
  • You've heard the success stories...Now it's your turn to become one.
  • Utilize my ads, my marketing co-opps & my proven system.

Find out More...

:: About Michael

Michael DunlopAbout Michael

“But I am already older than 21”, I hear you cry. Don’t worry, despite the name, the information and advice is more geared towards retiring prior to having a fake hip installed.

Find out more about Michael...

:: Website Sponsors
:: Recommended Money Maker

Blogging all the way to the Bank!

- Six Figure Blogging Made Easy - Create Real Blogs In Just A Few Minutes. - How I make $35,000 every month!
Exposed... How to make your blogs earn money on almost autopilot.

:: Latest Blog Posts
:: Vote Poll
Who is your favourite Entrepreneur?
 
Bill Gates
Richard Branson
Alan Sugar
Donald Trump
Steve Jobs
 
    
Total Votes:  4454
:: Other Links