Text Glow
This is a really cool effect. It is not hard to make it, either. It is used in buttons and the navigation bar.
If you are not very familiar with programming (even CSS, which is quite simple), the syntax is easy to understand... once you get it!
text-shadow: [move right] [move down] [blur radius] [colour];
You can add more
If you are not very familiar with programming (even CSS, which is quite simple), the syntax is easy to understand... once you get it!
text-shadow: [move right] [move down] [blur radius] [colour];
You can add more
text-shadow: 0 0 1px #ff0, 0 -1px 4px #ff0, 0 -3px 7px #f00, 0 -6px 9px #f00; "On the scale of 1-10, the chance of this being fire is... 0" "Close enough!" |
Pros
Cons
|
Buttons
It is always nice to have buttons on your site. ☺(smiley face because it is cool)
Specifically on this site, a button is a <div> tag with a link inside it. The link can be with 1 of the 6 "border images" with different colours (1 for each section). Which one the link uses depends on its ID. The ID can be: blue, grey, yellow, orange, violet, green (no ID = no border). They used to be for each section (Main, ArchPro, Resources, Entertainment...) until they got terminated. The background of the <div> is the "body" of the button. It changes when one hovers over the button.
Buttons also have "descriptions". They are the text below the button.
Specifically on this site, a button is a <div> tag with a link inside it. The link can be with 1 of the 6 "border images" with different colours (1 for each section). Which one the link uses depends on its ID. The ID can be: blue, grey, yellow, orange, violet, green (no ID = no border). They used to be for each section (Main, ArchPro, Resources, Entertainment...) until they got terminated. The background of the <div> is the "body" of the button. It changes when one hovers over the button.
Buttons also have "descriptions". They are the text below the button.
OK, this button really doesn't do anything.
I like cake
Yay, a 3rd description *smiley face*
And a paragraph inside the description And another one |
Pros
Cons
|
Button Groups
As you have seen (we hope) on most of our sections there are little "navigation menus" with buttons. Obviously, they are just groups of buttons. They aren't anything special, but they are still worth being shared (they have rights, too). They are just a <div> with a border.
|
Pros
Cons
|
Notes
Speaking of simple rectangles with things inside them, there are also lists. You probably do not need an example, because there are notes above (Pros/Cons), but still we will give you one.
EXAMPLESpam spam spam spam spam spam spam spam spam.Paragraph paragraph paragraph paragraph paragraph paragraph paragraph More spam more spam more spam more spam more spam more spam more spam more spam more spamParagraph Another paragraph |
Pros
ConsNone :) |