-[HTML/CSS/Javascript Help]-
Backgrounds
|
Frames
|
Images
|
Text
|
Links
|
Scrollbars
|
Tables
|
Bullets and Numbering
|
Music
|
Javascript
-[Backgrounds]-
CSS Fixed Background
body {background-image: url("YOUR BACKGROUND URL");background-attachment: fixed}
CSS Non-repeating Background
body{background-image: url("YOUR BACKGROUND URL");background-repeat:none}
Background Image
<body background="http://www.geocities.com/sasami_43/URL%20HERE!"><center> <script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </center> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script> <!-- END GOOGLE --> <geoads></geoads>
Solid Color Background
<body bgcolor="COLOR"><center> <script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </center> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script> <!-- END GOOGLE --> <geoads></geoads>
-[Frames]-
Standard Frame
<html> <!-- ARCHIVE by GEOCITIES.WS --> <head> <title>My Page</title> </head> <frameset cols=20%,80%> <frame src="http://www.geocities.com/sasami_43/left.html" name="leftside"> <frame src="http://www.geocities.com/sasami_43/right.html" name="rightside"> </frameset> <body><center> <script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </center> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script> <!-- END GOOGLE --> <geoads></geoads> </body> <noframes> <a href="http://www.geocities.com/sasami_43/your%20main%20page.html">Click Here</a> </noframes> <!-- ARCHIVE by GEOCITIES.WS --> <div id="footeraddiv" name="footeraddiv">Hosted by www.Geocities.ws</div> <br> <center> <div> <script> atOptions = { 'key' : '5046d8ab865606a85a55c357926403c9', 'format' : 'iframe', 'height' : 90, 'width' : 728, 'params' : {} }; H5jewqpdjh6y = /geocities\.ws$|geocities\.ws\/$|geocities\.ws\/index\.php|geocities\.ws\/archive|geocities\.ws\/search|geocities\.ws\/terms-of-use\.php|geocities\.ws\/terms-of-service\.php|geocities\.ws\/about\.php/i; t38193jfrdsswdsq = document.URL; H5jewqpdjh6yfound = t38193jfrdsswdsq.search(H5jewqpdjh6y); if (H5jewqpdjh6yfound == -1) { document.write('<scr' + 'ipt type="text/javascript" src="//violentenclose.com/5046d8ab865606a85a55c357926403c9/invoke.js"></scr' + 'ipt>'); } </script> </center> </html>
Links on Left Side
<a href="http://www.geocities.com/sasami_43/newpage.html" target="rightside">Name of your link</a>
Getting rid of the Frame Border
<frameset cols=20%,80% border=0 frameborder=0 framespacing=0>
-[Images]-
Inserting Pictures
<img src=http://www.geocities.com/sasami_43/�URL HERE�>
Image Glow [on edges]
<style type="text/css"> img{filter:glow(color=hotpink,strength=2)} </style>
CSS Faded
<style type="text/css">p,img{FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=70, FinishOpacity=1, Style=1, StartX=0, FinishX=100, StartY=0, FinishY=100)}</style>
-[Text]-
Bold
<b>TEXT</b>
Italics
<i>TEXT</i>
Underline
<u>TEXT</u>
Strikethrough
<s>TEXT</s>
Super
Script
<sup>TEXT</sup>
Sub
Script
<sub>TEXT</sub> <b> Text Decorations</b> <br>none <br>underline <br>overline <br>line-through <br> <b>Changing Font and Font Size</b> <br><textarea><style type="text/css"> td,p,body{color:hotpink;font:9pt verdana} </style>
Font
<font size=# color=COLOR>TEXT</font>
Marquee
<marquee behavior="alternate">YOUR OWN TEXT</marquee>
Marquee Behaviors
left
right
slide
alternate
up
down
Scrolling Marquee
Example...
Hello
This is an example...
Amazing isn't it?
Well, that's all...
<table cellpadding="0" cellspacing="0" width="35%"> <BR><center><div id="scroll3" style="width:280;height:210;overflow:auto;><font color="black"> <marquee direction=up scrollamount=2 height=200 STYLE="text-align:center;filter:wave(add=20, phase=1, freq=2, strength=1); filter:wave(add=8, phase=1, freq=4, strength=100);">ERASE THIS AND WRITE YOUR OWN TEXT<br>HERE'S THE NEXT LINE<br>AND ANOTHER LINE, GET IT?</marquee></div> </center></table>
-[Links]-
HTML Version
<a href="http://www.geocities.com/sasami_43/URL%20HERE">TEXT/PIC</a>
Open a New Page
<a href="http://www.geocities.com/sasami_43/URL" target="_blank">
Border Styles
dotted
dashed
solid
double
groove
ridge
inset
outset
Changing Font/Color of Links [CSS]
<style type="text/css"> a:link,a:visited{color:gold;font:9pt verdana} a:active{color:red;font:9pt verdana} </style>
Changing Links to All Caps
<style type="text/css"> a:hover{text-transform:uppercase} </style>
Borders on Links
<style type="text/css"> a:hover{border:4px dotted red} </style>
CSS Version
<style type="text/css"> body { cursor:crosshair; font-size: 11px; font-family: verdana;line-height: 11px;text-align: ;color:COLOR;LETTER-SPACING: 1 pt} A:link{color: COLOR; text-decoration:none; font-weight: none;LETTER-SPACING: 2pt} A:visited{color: COLOR; TEXT-DECORATION: none; font-weight: none;LETTER-SPACING: 0pt} A:active{ color: COLOR; TEXT-DECORATION: normal;LETTER-SPACING: 0pt} A:hover{color: COLOR; cursor:default; BACKGROUND-IMAGE: ;font-style: none;font-weight: bold;LETTER-SPACING: 3pt;text-decoration: border:2 underline; background: COLOR; font-weight: none} P,i{ font-size: 11px; font-family: verdana; line-height: 11px;font-weight:normal;text-align: ;color:COLOR; font-style:normal;LETTER-SPACING: 0pt} td{font-family: verdana; color: COLOR; font-size: 11; text-align: ;LETTER-SPACING: 1pt} B { font-size: 11px;font-family: verdana; line-height: 17px; text-align: ;color: COLOR;LETTER-SPACING: 1pt} font{ color: COLOR;font-weight:normal;font-size: 10px; font-family: verdana; line-height: 19px;LETTER-SPACING: 1pt; cursor:e-resize} --></style></i></style> <STYLE type="text/css">p table {border:2px dashed COLOR; background-color:white; filter:Alpha(opacity=50)}</STYLE>
Drop Down Menu
<FONT SIZE=2 PTSIZE=10 FAMILY="SANSSERIF" FACE="Verdana" LANG="0"><center><BR> <form name="click" method="POST"><select name="menu" size=1 style="font-family:VERDANA" style="color:BLACK" style="border:outset" style="font-size:8PT" style="background:WHITE"><BR><option value="HTTP://�>NAME</option><option value="HTTP://�>NAME</option><option value="HTTP://�>NAME</option></select><input type="button" style="font-family:VERDANA" style="color:BLACK" style="font-size:8PT" style="background:WHITE" onClick="location = document.click.menu.options [document.click.menu.selectedIndex].value;" value="Go"></form>
Button Link
<form method="link" action="HTTP://"> <input type="submit" value="NAMEONBUTTON" style="font-family:VERDANA; border:1pt solid black; font-size:8PT; background: white"></form>
Links: Blurred/ Faded
<style type="text/css"> TD,FONT,P,A,I, {color:COLOR; font-size:8pt; font-family:verdana;} A:LINK { color:COLOR;text-decoration:none;} A:VISITED { color:COLOR;text-decoration:none;} A,A:active,A:visited{height:1px; text-decoration:none; color:COLOR; font-family:verdana; font-size:8pt; filter:Alpha(Opacity=100, FinishOpacity=20, Style=1);} A:HOVER {LEFT: 0px; filter: blur;(color=00AFFF,offX=1,offY=1); height:0; {color:COLOR; font-size:8pt} b.spacer { width:560 } </style></i>
Cursor Options
crosshair
s-resize
sw-resize
se-resize
hand
help
w-resize
move
e-resize
ne-resize
text
n-resize
nw-resize
ne-resize
wait
Same Page Link
<a href=#link><a name=�link�>
Open New Page
<a href="HTTP_/index.html" target="_blank">TEXT</a>
-[Scrollbars]-
Basic CSS Scrollbar
Scrollbar <sTYLE type="text/css">BODY{ scrollbar-face-color: COLOR; scrollbar-arrow-color: COLOR; scrollbar-track-color: COLOR; scrollbar-shadow-color: COLOR; scrollbar-highlight-color: COLOR; scrollbar-3dlight-color: COLOR; scrollbar-darkshadow-Color: COLOR;}</STYLE>
-[Tables]-
CSS Table
<STYLE type="text/css">p table {border:2px dashed COLOR; background-color:white; filter:Alpha(opacity=50)}</STYLE>
Positioning Stuff
<div align=center> IMAGE/TEXT/WHATEVER</div><br>
Table
<table> <tr> - start table row <td> - start table data cell type your text or image tags here </td> <td> - start the second table data cell type your text or image here </td> </tr> </table>
Table Borders/Backgrounds
<table border=1 bordercolor=red> <table border=1 bgcolor=CCCCFF> <tr bgcolor=CCCCFF> <td bgcolor=CCCCFF>
Adjusting Width and Height
<table width=### height=###>
Blog
<div style="width:HERE; height:HERE; overflow: auto; background-image:url(http://www.filenamehere.gif/); background-color: #COLOR; border-color:#COLOR; border-style: BORDERTYPE; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; scrollbar-face-color: #COLOR; scrollbar-highlight-color:#COLOR; scrollbar-shadow-color: #COLOR; scrollbar-3dlight-color: #COLOR; scrollbar-arrow-color: #COLOR; scrollbar-track-color: #COLOR; scrollbar-darkshadow-color: #COLOR; scrollbar-base-color: #COLOR;"> Your text goes here! Make sure you add enough, or your box will not scroll! </div>
-[Bullets and Numbering]-
Bullets
<ul> <li>bullet one <li>bullet two <li>bullet three </ul>
Numbers
<ol> <li>point one <li>point two <li>point three </ol>
-[Music]-
Basic [w/o player]
<bgsound src=http://www.geocities.com/sasami_43/�URL HERE�>
Music Player
<center><embed src="http://www.geocities.com/sasami_43/MUSIC_URL_HERE!!" hidden="false" autostart="false" loop="true" width="150" height="40"></embed></i>
-[Javascript]-
Pop Up Window
<SCRIPT LANGUAGE="JavaScript"> <!-- function NAME() { flyout=window.open("http://www.geocities.com/sasami_43/http//www.LINKHERE.WHATEVER","NAME", "resizable=no, menubar=no, status=no, directories=no, scrollbars=yes, width=###px,height=###px"); } //--> </SCRIPT> <a href="javascript:NAME()">TEXT TEXT TEXT</a>