| |
| |
| Acknowledgments | |
| |
| |
| Preface | |
| |
| |
| Introduction | |
| |
| |
| Introducing MySpace | |
| |
| |
| Making MySpace Your Space | |
| |
| |
| What Is MySpace? | |
| |
| |
| Why MySpace Is Cool | |
| |
| |
| Credibility in the Music Industry | |
| |
| |
| Beware the Dark Side | |
| |
| |
| Wrapping Up | |
| |
| |
| Customizing and Hacking MySpace | |
| |
| |
| Getting Ready | |
| |
| |
| Inserting HTML | |
| |
| |
| MySpace Editors | |
| |
| |
| Wrapping Up | |
| |
| |
| Introduction to HyperText Markup Language | |
| |
| |
| Introducing Tags | |
| |
| |
| Document Structure | |
| |
| |
| Paragraphs | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Line Breaks | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Headings | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Horizontal Ruled Lines | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Text Styles | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Alignment | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Preformatting | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Links | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| The Unordered List | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| The Ordered List | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| The Definition List | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Adjusting Your Fonts | |
| |
| |
| Format | |
| |
| |
| How It Will Look | |
| |
| |
| How It Will Look | |
| |
| |
| How It Will Look | |
| |
| |
| Putting It All Together | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Wrapping Up | |
| |
| |
| More on Hypertext Markup Language | |
| |
| |
| Divisions | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Spans | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Tables | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Specifying How a Table Appears | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Defining How a Cell Appears | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Special Characters | |
| |
| |
| Wrapping Up | |
| |
| |
| Using a Text Editor | |
| |
| |
| Benefits of a Text Editor | |
| |
| |
| The Coding Process | |
| |
| |
| Writing, Editing, and Proofing Text | |
| |
| |
| Marking Up Text | |
| |
| |
| Copying Code into MySpace | |
| |
| |
| Wrapping Up | |
| |
| |
| Introduction to Cascading Style Sheets | |
| |
| |
| Style Sheets | |
| |
| |
| External Style Sheets | |
| |
| |
| Internal Style Sheets | |
| |
| |
| Inline Styles | |
| |
| |
| Selectors | |
| |
| |
| Predefined HTML Tags | |
| |
| |
| User-Defined Tags | |
| |
| |
| IDs | |
| |
| |
| Classes | |
| |
| |
| Defining Styles | |
| |
| |
| Using Safe Mode | |
| |
| |
| Trying the Examples | |
| |
| |
| Styling Text | |
| |
| |
| Font-family | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Color | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Font Size | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Using Multiple Classes | |
| |
| |
| Font Style | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Font Weight | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Line Height | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Font Variant | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| The Combination Font Property | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Text Indent | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Text Align | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Margin | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Padding | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Border | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Background Color | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Wrapping Up | |
| |
| |
| More on Cascading Style Sheets | |
| |
| |
| Pseudo Elements and Classes | |
| |
| |
| First Letter | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| First Line | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Using [left angle bracket]span[right angle bracket] and [left angle bracket]div[right angle bracket] Tags | |
| |
| |
| Styling Predefined Tags | |
| |
| |
| Positioning | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Working with Absolute Positioning | |
| |
| |
| How It Will Look | |
| |
| |
| Defining the Order | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Hiding an Element | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Wrapping Up | |
| |
| |
| Using MySpace with Image Hosting Web Sites | |
| |
| |
| Introducing Photobucket | |
| |
| |
| Enter the GIMP | |
| |
| |
| Editing the Image | |
| |
| |
| Uploading the Image | |
| |
| |
| Obtaining the Link Code | |
| |
| |
| Wrapping Up | |
| |
| |
| Using MySpace with Your Own Web Site | |
| |
| |
| File Transfer Protocol | |
| |
| |
| Why You Need an FTP Client | |
| |
| |
| FTP Address, User Name, and Password | |
| |
| |
| Editing Your Photo | |
| |
| |
| Using Your FTP Client | |
| |
| |
| Protecting Your Directory | |
| |
| |
| Wrapping Up | |
| |
| |
| The Hacks | |
| |
| |
| Embedding Images | |
| |
| |
| Preparation | |
| |
| |
| Sourcing Images | |
| |
| |
| Public Domain Images | |
| |
| |
| Inline Images | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will look | |
| |
| |
| Linking Your Images | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Aligning Your Images | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Applying Styles to Your Images | |
| |
| |
| Creating a Border Around Your Image | |
| |
| |
| Positioning Your Image | |
| |
| |
| Advanced Concept - Using the [left angle bracket]div[right angle bracket] Tag for Positioning | |
| |
| |
| Wrapping Up | |
| |
| |
| Using Filters | |
| |
| |
| Applying Filters to Images and Text | |
| |
| |
| The Filters | |
| |
| |
| Alpha | |
| |
| |
| Blur | |
| |
| |
| Dropshadow | |
| |
| |
| Fliph | |
| |
| |
| Flipv | |
| |
| |
| Glow | |
| |
| |
| Gray | |
| |
| |
| Invert | |
| |
| |
| Shadow | |
| |
| |
| Wave | |
| |
| |
| X-ray | |
| |
| |
| Wrapping Up | |
| |
| |
| Creating Animated GIFs | |
| |
| |
| Using GIMP to Create Animated GIFs | |
| |
| |
| Creating Layers and Animation Frames | |
| |
| |
| Animating the Image | |
| |
| |
| Wrapping Up | |
| |
| |
| Backgrounds | |
| |
| |
| Finding and Selecting a Background | |
| |
| |
| Creating Your Own Background | |
| |
| |
| Uploading Your Background to the Internet | |
| |
| |
| The Need for Transparency | |
| |
| |
| Inserting a Background Image | |
| |
| |
| Changing the Background Color | |
| |
| |
| Wrapping Up | |
| |
| |
| Background Music | |
| |
| |
| The Easy Option | |
| |
| |
| The Second Easy Option | |
| |
| |
| The Real Hack | |
| |
| |
| Sourcing an Audio File | |
| |
| |
| Types of Audio Files | |
| |
| |
| Uploading the File to a Web Server | |
| |
| |
| Playing an Audio File | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Advanced Audio Playback | |
| |
| |
| Wrapping Up | |
| |
| |
| Playing Videos | |
| |
| |
| The Easy Way Out | |
| |
| |
| The Real Hack | |
| |
| |
| Preparing Your Video | |
| |
| |
| Hosting Your Video | |
| |
| |
| Playing Your Video | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Advanced Video Playback | |
| |
| |
| Wrapping Up | |
| |
| |
| Fun with Links | |
| |
| |
| Changing the Cursor | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Changing Link Styles | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Advanced Tips | |
| |
| |
| Wrapping Up | |
| |
| |
| Custom Cursors | |
| |
| |
| The Easy Way Out | |
| |
| |
| The Real Hack | |
| |
| |
| Designing a Cursor | |
| |
| |
| Finding a Cursor on the Internet | |
| |
| |
| Uploading Your Cursor to a Hosting Site | |
| |
| |
| The Code | |
| |
| |
| Format | |
| |
| |
| Example | |
| |
| |
| Wrapping Up | |
| |
| |
| Changing Profile Text | |
| |
| |
| How It Works | |
| |
| |
| The Codes | |
| |
| |
| General Profile Text | |
| |
| |
| Links | |
| |
| |
| Your Name | |
| |
| |
| Left Side Headers | |
| |
| |
| Right Side Headers | |
| |
| |
| Details Box Labels | |
| |
| |
| Extended Network Box | |
| |
| |
| Comment Box Dates | |
| |
| |
| Latest Blog Entry | |
| |
| |
| Your Details | |
| |
| |
| URL Box | |
| |
| |
| Putting It Together | |
| |
| |
| Wrapping Up | |
| |
| |
| Customizing Other Parts of Your Profile | |
| |
| |
| Customizing Groups | |
| |
| |
| Customizing View More Pictures | |
| |
| |
| Posting Code in Forums | |
| |
| |
| Customizing Your Blog | |
| |
| |
| Wrapping Up | |
| |
| |
| Adding a Comments Box | |
| |
| |
| The Basic Comments Box | |
| |
| |
| Blending Your Comments Box into Your Profile | |
| |
| |
| Spicing Up Your Comments Box | |
| |
| |
| Wrapping Up | |
| |
| |
| Using Marquees and Slideshows | |
| |
| |
| Image Preparation | |
| |
| |
| A Basic Slideshow | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Controlling Direction | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Misbehavior | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Other Useful Attributes | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Zigzag | |
| |
| |
| What's Your Position? | |
| |
| |
| Wrapping Up | |
| |
| |
| Changing Your Contact Table | |
| |
| |
| The Easy Way | |
| |
| |
| The Real Hack | |
| |
| |
| Creating a Background Image | |
| |
| |
| Uploading the Background Image | |
| |
| |
| The Code | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Wrapping Up | |
| |
| |
| Creating Your Own Navigation Bar | |
| |
| |
| The Hack | |
| |
| |
| Example | |
| |
| |
| How It Will Look | |
| |
| |
| Adding More Links | |
| |
| |
| Changing the Separator | |
| |
| |
| Changing the Link Style | |
| |
| |
| Fixing Positioning Problems | |
| |
| |
| Wrapping Up | |
| |
| |
| Miscellaneous Hacks | |
| |
| |
| Creating a Custom Online Now Icon | |
| |
| |
| Example | |
| |
| |
| Changing the Color of the Browser Scrollbar | |
| |
| |
| Example | |
| |
| |
| Adding a Scrollbar to Your Blurb | |
| |
| |
| Example | |
| |
| |
| Flipping Your Profile | |
| |
| |
| Moving Your Contact Table | |
| |
| |
| Example | |
| |
| |
| Wrapping Up | |
| |
| |
| Div Overlays | |
| |
| |
| Hiding the Existing Profile | |
| |
| |
| Restyling the Existing Text | |
| |
| |
| Styling the New Sections | |
| |
| |
| Hiding Comments | |
| |
| |
| Placing New Content | |
| |
| |
| Restoring the Contact Table Functions | |
| |
| |
| Placing Your Profile Picture | |
| |
| |
| Adding Personal Information and Profile Functions | |
| |
| |
| Adding Content | |
| |
| |
| Customizing the Template | |
| |
| |
| Adjusting the Divs | |
| |
| |
| Changing Colors | |
| |
| |
| The Finished Div Overlay | |
| |
| |
| The Original Code | |
| |
| |
| The Modified Code | |
| |
| |
| Adding Back Your Comments and Friends | |
| |
| |
| The Easy Way Out | |
| |
| |
| Div Layers | |
| |
| |
| Div Generators | |
| |
| |
| Working with Other Sites | |
| |
| |
| Group Divs | |
| |
| |
| Using Flash in Your Profile | |
| |
| |
| Wrapping Up | |
| |
| |
| Design and Photography | |
| |
| |
| Sending the Right Message | |
| |
| |
| Purpose | |
| |
| |
| You | |
| |
| |
| Audience | |
| |
| |
| Content | |
| |
| |
| Main Profile Text | |
| |
| |
| Your Main Profile Image and Your Supporting Images | |
| |
| |
| Blogs | |
| |
| |
| Wrapping Up | |
| |
| |
| Profile Design for Maximum Impact | |
| |
| |
| Considering Form and Function | |
| |
| |
| Conceptualization | |
| |
| |
| Developing a Color Scheme | |
| |
| |
| Selecting Fonts | |
| |
| |
| Selecting Images | |
| |
| |
| Laying Out Your Page | |
| |
| |
| The Profile Hall of Fame | |
| |
| |
| Dan Hill | |
| |
| |
| Elda Ramirez | |
| |
| |
| Valerie Burgess | |
| |
| |
| Michelle Mannor | |
| |
| |
| Kevin Turner | |
| |
| |
| Michael Sabine | |
| |
| |
| Wrapping Up | |
| |
| |
| Taking Winning Photos | |
| |
| |
| Choosing Your Subject | |
| |
| |
| Being Quick | |
| |
| |
| Framing the Picture | |
| |
| |
| Taking as Many Photos as Possible | |
| |
| |
| Foreground/Background | |
| |
| |
| The Importance of Lighting | |
| |
| |
| Using Fill-in Flash | |
| |
| |
| Understanding Your Camera | |
| |
| |
| Composition | |
| |
| |
| Avoiding Camera Shake | |
| |
| |
| Wrapping Up | |
| |
| |
| Photo Editing | |
| |
| |
| The Basics | |
| |
| |
| Cropping | |
| |
| |
| Resizing and Rotation | |
| |
| |
| Adjusting Brightness and Contrast | |
| |
| |
| Brightness Contrast | |
| |
| |
| Color Levels | |
| |
| |
| Color Curves Window | |
| |
| |
| Replacing the Background | |
| |
| |
| Wrapping Up | |
| |
| |
| MySpace Music | |
| |
| |
| Finding Fame and Fortune on MySpace | |
| |
| |
| Creating a MySpace Artist's Profile | |
| |
| |
| Reality Check | |
| |
| |
| Using MySpace Effectively | |
| |
| |
| Defining Who You Are | |
| |
| |
| Good Quality Sound | |
| |
| |
| Updating Regularly | |
| |
| |
| Segmenting Your Market | |
| |
| |
| Get the Word Out | |
| |
| |
| Make the Right Friends | |
| |
| |
| Case Studies | |
| |
| |
| Jessica Mellott | |
| |
| |
| rfp | |
| |
| |
| North of Hollywood | |
| |
| |
| Joshua's Whisper | |
| |
| |
| Ben Bledsoe | |
| |
| |
| Wrapping Up | |
| |
| |
| Final Thoughts | |
| |
| |
| A Cleaner MySpace | |
| |
| |
| Fad or a Sign of Things to Come | |
| |
| |
| The Rise of Advertainment | |
| |
| |
| Video Blogs | |
| |
| |
| The Tipping Point | |
| |
| |
| Taking the Next Step | |
| |
| |
| Improve Your CSS Skills | |
| |
| |
| Learn from Others | |
| |
| |
| Join a Coder's Group | |
| |
| |
| Learn Flash | |
| |
| |
| Final Word | |
| |
| |
| Color Codes | |
| |
| |
| CSS Units of Measurement | |
| |
| |
| Glossary | |
| |
| |
| Index | |