Your SlideShare is downloading. ×
Part 5
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Part 5

176
views

Published on

Published in: Education, Technology

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
176
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. 5/1/2012 – PART 5 PILAR CHOW
  • 2. CONTENT• This week, we’ve done the 5th part of the tutorial, which is adding a spry menu
  • 3. STEP 1 – INSERT AND POSITION THE SPRY MENU BAR WIDGET• First we inserted a sprymenu
  • 4. • We selected the #container rule and created a new CSS rule and positioned it
  • 5. • Then we created a new CSS rule to re-position the menu bar because it wasn’t in place at first.
  • 6. STEP 2 – CHANGE THE WIDTH OF THE MENU WIDGET BAR• We detached the spry menucss, and attached a new stylesheet
  • 7. • On the ul.MenuBarHorizontal rule, we added a new rule. We changed the text to uppercase. We also changed the width from 8em to 7em
  • 8. STEP 3 – EDIT THE MENU BAR WIDGET’S TEXT AND LINKS• We changed the 4 item names
  • 9. STEP 4 – ADD A TOP-LEVEL HEADING TO THE PAGE• First we clicked inside the banner, and selected <div#banner> in the Tag selector, which is at the bottom of the page. Then we pressed the left arrow once, which was the point to were we put the <h1> tags. In the property inspector, we chose Heading 1 from the Format pop-up menu, and the pair of <h1> tag was inserted in between the two <div> tags
  • 10. • We added a new CSS rule and changed the positioning
  • 11. WHAT WE PRODUCED IN THE END

×