Artme-tricks-script1

CSS Buttons

Picture Contact script

<!-- You must build this code into - head --> <style type="text/css"> <!-- a.button { font-family:Verdana; font-size:14px; color: #ffd700; background-color: #4169e1; border-left: 2px solid #CCCCCC; border-top: 2px solid #CCCCCC; border-right: 3px solid #000000; border-bottom: 3px solid #000000; text-decoration: none; width: 130px; text-align: center; } a.button:hover { color: #000000; background-color: #ffd700; border-left: 2px solid #000000; border-top: 2px solid #000000; border-right: 3px solid #cccccc; border-bottom: 3px solid #cccccc; text-decoration: none; } --> </style> <!-- You must build this code into - body --> <a href="#" class="button">Picture</a> <a href="#" class="button">Contact</a> <a href="#" class="button">script</a>

CSS Menu

<!-- You must build this code into - head --> <style type="text/css"> {font: 100% Verdana, Arial, Helvetica, sans-serif;color: #cccccc;}#menycontainer ul{margin-left: 0; padding-left: 0; float: left; width: 100%; background: #cc9999; font: 100% Verdana, Helvetica, sans-serif;}#menycontainer li{display: inline;}#menycontainer ul a{float: left; text-decoration: none; padding: 0.3em 2em;}#menycontainer a:link{color: #ffffff;}#menycontainer a:visited{color: #ffffff;}#menycontainer a:hover{background: #996666;}#menycontainer a#current{background: #ffcc66; color: #000000;} </style> <!-- You must build this code into - body --> <div id="menycontainer"> <ul> <li id="active"><a href="#" id="current">Menu 1</a></li> <li><a href="#">Menu 2</a></li> <li><a href="#">Menu 3</a></li> <li><a href="#">Menu 4</a></li> <li><a href="#">Menu 5</a></li> </ul> </div>

Vertical writing announcement only in the Internet Explorer

<span style="font-family: Verdana; font-size: 18px; color: #ffff00; background: #ff7f50; writing-mode: tb-rl; white-space: nowrap; filter: flipv fliph; padding:10px">Artme.se </span>

<span style="font-family: Verdana; font-size: 18px; color: #ffff00; background: #ff7f50; writing-mode: tb-rl; white-space: nowrap; filter: flipv fliph; padding:10px"> Artme.se </span>

Vertical writing announcement only in the Internet Explorer

<span style=" font-family: Tahoma; font-size: 18px; color: #ff0000; background-color: #ffff00; border: #FF00FF 2px dotted; writing-mode: tb-rl; white-space: nowrap; filter: flipv fliph; padding:10px">Artme.se</span>

<span style=" font-family: Tahoma; font-size: 18px; color: #ff0000; background-color: #ffff00; border: #FF00FF 2px dotted; writing-mode: tb-rl; white-space: nowrap; filter: flipv fliph; padding:10px">Artme.se</span>

Vertical writing announcement only in the Internet Explorer

<span style=" font-family: Times New Roman; font-size: 22px; color: #ff0000; background-color: #4b0082; border: #ffff00 6px double; writing-mode: tb-rl; white-space: nowrap; filter: flipv fliph; padding:5px;">Artme.se</span>

<span style=" font-family: Times New Roman; font-size: 22px; color: #ff0000; background-color: #4b0082; border: #ffff00 6px double; writing-mode: tb-rl; white-space: nowrap; filter: flipv fliph; padding:5px;">Artme.se</span>

Vertical writing announcement only in the Internet Explorer

<span style=" font-family: Times New Roman; font-size: 24px; background-color: #577688; writing-mode: tb-rl; white-space: nowrap; filter: flipv fliph; padding:5px"> <span style="color: #ffff00"> Artme.se </span> </span>

<span style=" font-family: Times New Roman; font-size: 24px; background-color: #577688; writing-mode: tb-rl; white-space: nowrap; filter: flipv fliph; padding:5px"> <u style="color: #ff0000"> <span style="color: #ffff00">Artme.se</span> </u> </span>

Heading with frameworks

Artme.se

<table border=0 cellpadding=2 align=center><tr><td bgcolor="#555555"> <table border=1 cellpadding=1><tr><td bgcolor="#333333"> <table border=2 cellpadding=0><tr><td bgcolor="#000000"> <font size=5 color=#C0C0C0> <font size=7> <b>A</b></font>artme.se</font> </td></tr></table></td></tr></table></td></tr></table>

Show users where on your site they currently located.Insert the following code in the body of each document where you want the information to appear. No code changes are necessary.

<script language="JavaScript" type="text/javascript"> <!-- thePath = ''; loc = '' +location.href; paths = loc.substring(7).split('/'); for (i=0, n=paths.length;i<n;i++) thePath += '> ' + paths[i] + ' '; document.write('<font color="#97F352"><b>You are here: ' + thePath.substring(1)+'</b></font>'); //--> </script>

A Colorful Teletype Message.Copy and paste this script into the body of your document where you want the effect to appear. You can change blinkspeed, fontface and fontsize. The rest of the script should remain unchanged.

<script language="JavaScript1.2"> var message="A Colorful Teletype Message." var typingbasecolor="ececec" var typingtextcolor="ff00ff" var blinkspeed=100 var fontface="arial,geneva,helvetica" var fontsize="5" var n=0 if (document.all){ document.write('<font face="'+fontface+'" size="'+fontsize+'" color="'+typingbasecolor+'">') for (m=0;m<message.length;m++) document.write('<span id="typinglight">'+message.charAt(m)+'</span>') document.write('</font>') var tempref=document.all.typinglight } else document.write(message) function typing(){ if (n==0){ for (m=0;m<message.length;m++) tempref[m].style.color=typingbasecolor } tempref[n].style.color=typingtextcolor if (n<tempref.length-1) n++ else{ n=0 clearInterval(blinking) setTimeout("starttyping()",1500) return } } function starttyping(){ if (document.all) blinking=setInterval("typing()",blinkspeed) } starttyping() </script>

WWW Jump Box.Give your visitors a jump box so that they can access anywhere on the WWW from your page.

<form name="jumpbox"> <input style="border-color: black; border-size: 2;" type="text" name="href" size="25" value="http://www."> <input type="button" value="Go To" onclick="parent.location.href=document.jumpbox.href.value;"> </form>

Translate Your Site.Tap into the Google translation service and translate your site from English to German, French, Spanish, Portuguese or Italian.

<form name=goour action="http://translate.google.com/translate" target="_blank"> <input type="hidden" name="u" value="http://www.artme.se" target="_blank"> <select name=langpair> <option value="en|es">to Spanish <option value="en|fr">to French <option value="en|de">to German <option value="en|it">to Italian <option value="en|pt">to Portuguese </select> <input type=hidden name=hl value=en> <input type=hidden name=ie value=ISO-8859-1> <input type=hidden name=oe value=ISO-8859-1> <input type=hidden name=prev value="/language_tools"> <br /> <input type="submit" value="Translate Now"> </form>

Web Design contents with legend. HTML tags "putting" and "fieldset" to be able you contents of a web page optically very beautifully

Statement

Boris was born in Bulgaria and studied at Art Academy "Nicolai Pavlovich" 1984-1990. Became interested by arts at a very early young age and have been painting since early youth.

<fieldset style="width: 280px" align=center> <legend><font color=#ffff00>Statement</font></legend><font color=#FF75FF> Boris was born in Bulgaria and studied at Art Academy "Nicolai Pavlovich" 1984-1990. Became interested by arts at a very early young age and have been painting since early youth. </fieldset>

1.Webdesign TippsTables with CSS filter

Much text ...	Much text ...	Much text ...
Much text ...	Much text ...	Much text ...

<style type="text/css"> .rahmen {border: solid 1px #ff7f50;} </style> <table style="filter: progid:dximagetransform.microsoft.motionblur(direction=180, strength=45)"> <tr> <td class=rahmen> Much text ... </td> <td class=rahmen> Much text ... </td> <td class=rahmen> Much text ... </td> </tr> <tr> <td class=rahmen> Much text ... </td> <td class=rahmen> Much text ... </td> <td class=rahmen> Much text ... </td> </tr> </table>

2.Webdesign TippsTables with CSS filter

Much text ...	Much text ...	Much text ...
Much text ...	Much text ...	Much text ...

<style type="text/css"> .rahmen {border: solid 1px #000000;} </style> <table style="filter: glow(color=#ffb871, strength=5)"> <tr> <td class=rahmen> Much text ... </td> <td class=rahmen> Much text ... </td> <td class=rahmen> Much text ... </td> </tr> <tr> <td class=rahmen> Much text ... </td> <td class=rahmen> Much text ... </td> <td class=rahmen> Much text ... </td> </tr> </table>