» just the basics
go back homeadd ashbo on myspace
^^ add me<333
all about the site
contact/get in touch
magazine / jobs
Secondhand Serenade Contest!
Win a PERSONALIZED SERENADE from John/Secondhand Serenade!!! CLICK HERE!» myspace layouts
layouts/layout creators below!!!ALL Myspace Layouts
NEW Layout Creator
Layout Creator (OLD)
images & stuff
Picture Caption Images!!!SAY IT WITH STYLE!!!
Word Maker!
GLITTERS!
Comment Boxes!
Mini-Profiles!?
Contact Tables
Online Now Images!
Image Codes
Extended Network!
Quote Banners
Contact Button Sets
"Add Me" Buttons
"Message Me" Buttons
About Me Banners!
WELCOME Banners!
MORE GRAPHICS!!!
GENERATORS
tutorials/do it yourself
Myspace BasicsMyspace Basics PART 2!
Text Wrap-Around
Overlapping Text
Animate Your Pictures!
More than TOP 8!
Adding a layout
Hide Stuff
Hide your music player
Find your FRIEND ID!
Edit button gone?
Picture Caption!
Drop-Down Menus
PHOTOSHOP
Whateverlife Colors
MORE TUTORIALS!!!
DOWNLOADS/programs
FONTS/for your designs
more places to go
check out some of my affiliates and friends' websites too!!!Colordipped Layouts *tiffany!
PimpYourDino.com
StarLitDaze.com
Briezek.com
SweetDesigns.us
Callistea.com
Contacting Me:
Unfortunately, I cannot respond to all e-mails/comments, but I do try and read them all. Please, no custom design requests as there would be too many for the small team to handle. E-mail me below or add me on MySpace!:
e-mail: Ashbernie311@gmail.com
myspace: myspace.com/ashbo
aim: Oh Whatever Life
Oh, we'd love to get snail mail from you. Maybe you'll end up on WhateverLife! Please send us hand written love!
WhateverLife
PO BOX 1484
Southgate, MI
48195
Link Effects
Most only work in IE...(although Mozilla/Firefox browsers ARE a better choice)
Classic and simple link effects (all browsers)
1)Getting rid of the underlined links:
a, a:visited, a :hover, a:active { text-decoration: none; }
2) Links are underlined just when you point:
a, a:visited { text-decoration: none; }
a :hover, a:active { text-decoration: underline; }
3)Different color when you point:
a, a:visited { color: #000000; }
a:hover, a:active { text-decoration: none; color: blue; } *change
colors to your own*
4) The links are getting bigger when you point:
a, a:visited { font-size: 8pt; }
a:hover, a:active { font-size: 10pt; } *change size to your own*
5)The links are bold when you point:
a, a:visited { font-weight: normal; }
a:hover, a:active { font-weight: bold; }
6)The links are italic when you point:
a, a:visited { font-style: normal; }
a:hover, a:active { font-style: italic; }
7)The links move to the side when you point:
a:hover, a:active { position: relative; left: 1px; top: 1px; height: 1em; } *the height parameter is important, the effect won't work without it and you can change the numbers to whatever you like*
8) Add caps to the names of the links when you point:
a:hover, a:active { text-transform:capitalize; }
9)Capitalize the whole link with small letters when you point:
a:hover, a:active { font-variant:small-caps }
10Capitalize it with big letters:
a: hover, a:active { text-transform: uppercase }
11) Un-capitalize links when you point:
a: hover, a:active { text-transform: lowercase }
12) Make the links invisible when you point:
a: hover, a: active { visibility :hidden }
13) Overline links when you point:
a: hover, a: active { text-decoration: overline }
14) Line-through links when you point:
a: hover, a: active { text-decoration: line-through }
15) Background color of the link changes when you point:
a: hover, a: active { background-color: #C0C0C0 }
15) Dashed lines appear around the link when you point:
a: hover, a: active {border: 2px dotted #008000 }
You can specify if you want border-left, border-right, border-top, border-bottom, etc.
16) The link disappears when you point:
a: hover, a: active {visibility: hidden}
*This disables usage of cursor effects
popular link-transformation which is still simple:
a: hover, a: active { text-decoration: underline overline }
Text filters (IE 5.5+)
Change the numbers/colors to your choice!
YOU MUST KEEP "HEIGHT" in the effect...
Glow:
a: hover, a: active { Filter: Glow(Color=#00FF00, Strength=2); height: 1 em; } *you can change the color and intensity*
Motion blur:
a: hover, a: active { 'Filter: Shadow(Color=#0000FF, Direction=225;) height: 1 em; } *you can change the color and direction*
Wave:
a: hover, a: active { Filter: Wave(Add=0, Freq=2, LightStrength=10, Phase=3, Strength=3); height: 1 em; }
Flip vertical:
a:hover, a:active {Filter: FlipV; }
Flip horizontal:
a:hover, a:active {Filter: FlipH; }
Dropshadow:
a:hover, a:active {Filter: DropShadow(Color=#FF0000, OffX=2, OffY=2, Positive=1) height: 1 em; }
Blur:
a:hover, a:active { Filter: Blur(Add = 1, Direction = 225, Strength = 10); height: 1 em; }
Opacity-my favorite effect:
a: hover, a: active { Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0); height: 1 em; }
Mask:
a: hover, a: active { Filter: Mask(Color=#00FF00); height: 1 em; }
Ashbernie311 invites you to SocialVibe.com
