The Name is Karmen. I am 40 Years old. I am a Mother of 2 Amazing
Children who are my world. I been Single for the past 5 years now. I struggle alot with Block links
If you use Link back
So you see my links where i will use this:
Love
How:
Now im not an expert but this is how i have learned how to make these links awesome and cool looking. It gives your layout looking clean and sharp.So when your making your stylesheet and you need to add something like in the order like this.
or
Block ideas
You can use any one of these to move your block anywhere. Display: block;display:inline-block;
display: grid;
display: flex;
display: none;
Normally i just use block or inline block. But mess around to you get an idea of how you want it to look. Thats the only way you will find out. You can use this any where else on your layout it doesn't just have to be on a link.
Text-transform
text-transform: uppercase;text-transform: lowercase;
text-transform: capitalize;
text-transform: initial;
text-transform: inherit;
text-transform: none;
Text-align
text-align:centertext-align:right
text-align:Left
text-align: initial;
text-align:justify;
text-align:inherit;
Text Shadow
You can add this if you want your text to have a shadow and if you don't just remove it. But if you do then keep reading. You can use any color for the shadow and and move the numbers around and use different ones in order to move the shadow a different way. just a neat idea to add to your text.text-shadow:none:
text-shadow:#111;
text-shadow:initial;
text-shadow:inherit;
Premade
text-shadow: 2px 2px 8px #FF0000;text-shadow: 2px 2px 4px #000000;
text-shadow: 0 0 3px #FF0000;
text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;
Line Height
This is how big or small you want your block to look on your links.font weight:
Bolder:400 to 900
Lighter
100 to 700
Be creative and mess with the numbers or the names here are those ideas on what you can do.
font-weight: normal;
font-weight: bold;
font-weight: lighter;
font-weight: bolder;
font-weight: 100;
font-weight: 900;
Font family
you can use any name if you look here:Browse Fonts
You can find a font you like or use a font if you upload them to your ftp or cpanel. We will discuss that later in another tutorial.
Margin and padding
Mess around with padding and margin the only way you find out what each one does and its going to be around your block how much you want to move things like the top and the bottom and left to right. Mess with numbers and find out what each number does..Border
Get creative again i will say this one more time, if you don't move stuff around, change things up you wont understand what things do or how things work. Its pretty easy once you get the hang of it. I mean this is what puts your links together in the first place.Border styles
dasheddotted
double
groove
hidden
inset
none
outset
ridge
solid
I use solid alot in all mine but you can easily use one these to change it up and make something on your own that you like.
You can add:
border-bottom:2px solid #222;
border-left: 3px solid #555;
border-right: 2px solid #999;
border-top: 5px dashed #555;
Change it up to your likeing but remember that it has to go in that order.. This code is burried in my head lol cause i use it alot.
Lastly finally lol i could of added this a long time ago but forgot it and i remembered to add it and now im getting tired of typeing up this tutorial i really hope this helps someone out in anyway. ok ok lets get back to the tutorial. finally.
Font Size
the higher you go up the bigger your letters will be. I always use 8px to 12px sometimes even 15 depending how big and how i want it to sit in the block. and the lower the number goes the smaller your letters go but remember the lowest you go no one can't read that, even though i have a big sceen sometimes i can not read at 8px so remember that when you are trying to find a perfect number for the size. I would say that at 8px would pixel size. you can also use 8pt, or 8%. Just to give you an idea.Remember none of this has to be hard, unless you make your self look at it hard. its not. just remember that none of it has to be in order, i always try to go by abc order when i do it because i want it look nice and clean. but you don't have to. if this helped you out, please link back!