WebmastersGratis
M-am chinuit, m-am straduit...VOI DECIDETI ***Nu ezitati sa cereti ajutorul!!!!***
|
Lista Forumurilor Pe Tematici
|
WebmastersGratis | Inregistrare | Login
POZE WEBMASTERSGRATIS
Nu sunteti logat.
|
Nou pe simpatie:
sayler_moon_19 Profile
 | Femeie
25 ani
Bacau
cauta Barbat
26 - 46 ani |
|
WebmasterForo
Administrator
 Inregistrat: acum 19 ani
|
|
Scrollbars
Changing color of the arrow, base, face, shadow, highlight, 3d, and dark shadow of a scroll bar.
..................................................................................................................................................................................................................................................................................................................................................................
To change the scroll bar color use this code. Highlight the code below and replace the color code "000000" to the color you want your scroll bar to be.
scrollbar-arrow-color: #000000;
scrollbar-base-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-face-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3d-light-color: #000000;
}
_______________________________________
Interesant numai pe
* Hot news (ShowBiz) * Search Engine Optimization (SEO)
* Tutoriale * Utile in afaceri! Bine de stiut.
|
|
| pus acum 19 ani |
|
WebmasterForo
Administrator
Inregistrat: acum 19 ani
|
|
Custimizing Buttons
Changing textbox text size, button text size, color using CSS (goes in the HEAD section of your codes).
.........................................................................................................................................................................................................................................................................................................
Though this is not java script and is really CSS, you might need this to custimize your refresh, back, and forward button. Just put this code in the head section (near the end is best). Change the #000000 code to whatever color you want your button to be. Where it said "FONT" put whatever font you want. (verdana or tahoma is best). You don't need a background but if you want one reeplace the "none" by the url of the image. The best border width is 1, but you may change it.
input, textarea
{ background: none;
font-family: FONT;
font-size: 12;
color: #000000;
border-style: solid;
border-color: #000000;
border-width: 1pt}
_______________________________________
Interesant numai pe
* Hot news (ShowBiz) * Search Engine Optimization (SEO)
* Tutoriale * Utile in afaceri! Bine de stiut.
|
|
| pus acum 19 ani |
|
WebmasterForo
Administrator
Inregistrat: acum 19 ani
|
|
Links and Cursors
Changing the cursor type and the cursor type when hovering over a link. Also basic link effects like underline.
.........................................................................................................................................................................................................................................................................................................
Custimizing links is easy!
You just have to do three thinks.
The link style, the link style with visisted, the active links, and the link style when you hover your cursor over it. Here is the code.
Replace "000000" by whatever hex color you want.
A:link
{ text-decoration: none; color:#000000 }
A:visited
{ text-decoration: none; color:#000000 }
A:acitve
{ text-decoration: none; color:#000000 }
A:hover
{ text-decoration: none; color:#000000 }
and thats pretty much it.
All you have to change is the hex colors.
Or if you like, the decoration or the specail effects that takes place when you hover your cursor over the link.
But being simple, you just have to change the hex color ^^.
Changing your Cursor type:
Changing your cursor type is simple!
There are 21 different types you can choose from!
Didn't think you know that did you? :P. Just hover your cursor over the links to view the cursor types.
default
crosshair
hand
no-drop
help
progress
not-allowed
move
all-scroll
text
vertical-text
wait
n-resize
ne-resize
s-resize
sw-resize
w-resize
col-resize
row-resize
now changing your cursor type on your site, just simpley put this code below your
A:hover
{ text-decoration: none; color:#000000 }
It have to be BELOW it. Here is the code:
A{ cursor: CURSOR TYPE HERE }
Cursor link:
if you ONLY want ONE link to have a different cursor type than the others, use this code:
<A HREF="index.html" STYLE="cursor: DEFAULT;">css tutorial</A>
Change the "DEFAULT" to the cursor type you want. If you are looking for an example, look at my cursor list above.
Hover Effects:
Here are some list of hover effects. Replace these codes with the text-decoration: none; color:#000000 of A: Hover for the code to work properly
--------------------------------------------------------------------------------
Use this code if you want your link to undreline when you hover over it
text-decoration:underline;
Use this code if you want your link to have an overline when you hover over it:
text-decoration:overline;
Use this code if you want you link to have a over line AND a underline:
text-decoration:underline overline;
Use this code if you want your link to have a background color. Chage the 000000 to the hex color you want your link background to be:
background-color:#000000;
Use this code if you want your links to bold
font-weight:bold;
Use this code if you want your like to italicize
font-weight:italic;
Use this code if you want to change your link size. Change the "10" to the amount you want your size to increase/decreas
font-size:10pt;
Use this code if you want a line through your link:
text-decoration:line-through;
Use this code if you want your links to capitalize when hovered
text-transform:capitalize;
Use this code if you want your link to change all into lowercase
text-transform:lowercase;
Use this code if you want your link to have a border when hovered. Change the 000000 to the hex color you want your border to be
border:1 solid; border-color:#000000;
Use this code if you want your link to have a dashed border when hovered. Change the 000000 to the hex color you want your border to be.
border:1 dashed; border-color:#000000;
_______________________________________
Interesant numai pe
* Hot news (ShowBiz) * Search Engine Optimization (SEO)
* Tutoriale * Utile in afaceri! Bine de stiut.
|
|
| pus acum 19 ani |
|