ADVERTISMENT!

[x] [x] [x]

Want to be here?

Welcome

Hello and welcome to DESIREGRAPHIX your source for piczo, freewebs and html! This site holds graphics, tutorials, and html codes. If you have anything to say please, in the guestbook. Leave a nice comment and add us to your friends before you leave. That would be appriciated! Thanks<3
NOTE all affies please change our URLS hits

Navigation

Domain Graphics Competitions Reveiws Tutorials HTML Codes Resources Blog

Owners

Our names are Sarah and Meaghan, and we both own this site. We have much in common so we've decided to open up a site together. Likes: Web designing, graphic designing, updating our site(s), Adobe Photoshop, piczo, and having our competitions being entered (enter please!). Detest: Copy-cats; people who think they can take other peoples things (stealing!). Well please keep being a vistor, apply to be an affie and just go on and enter competitions, we will enter your back. Please comment on our site saying how things can be improved, thanks.

Affies

<
Apply/More?

Updates

---26 Oct 08 Sarah

Loadz of layouts

2 New Icons

challenges ended and opened

trying to get more tuts done

reveiw section open

Winners!

Disclamer

Everything on this site was made by Sarah or Meggie
if not stated otherwise.. if you use anything please Credit

HTML Codes

This page has all the html codes listed. There's loads of them but I have put them into sections which should help you find them. If you need help with a code, try looking in the tutorials section.

link effects

Line Through

<style text="text/css">  </style>

Glowing
<HEAD> <style TYPE="text/css"> </style><style TYPE="text/css"> </style> </HEAD>

Italic
<style type="text/css"> a:hover{font-style:italic;} </style><HEAD> <style TYPE="text/css"> A:link{ text-decoration: none; color:"#000000" } A:visited{ text-decoration: none; color="#000000" } A:hover{ text-decoration: none; color="#000000" } !--> </style> </HEAD>

Upside Down
<style TYPE="text/css"> </style>

Faded
<style> a:hover, a:link, a:visited {filter:blur; .alpha {width: inherit; height: 1; filter: alpha (Opacity=100, FinishOpacity=20, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0);} </style>

Capitals
<style type="text/css"> a:hover {text-transform:uppercase;}</style><TEXTAREA><br><br>Backwards<br><TEXTAREA><style type="text/css">a:hover{filter:fliph(color:#ff0000, strength=3);height:10px;width:inherit}</style>

Spaced
<style type="text/css">a:hover {letter-spacing:2px}</style>

Background Colour
<style> a:link, .footernav.link, a.footernav:link, a.footernav:active { font:normal 9px terminal; background-color:#000000; color:#ffffff; line-height:16px; letter-spacing:0px; text-transform:lowercase; text-decoration:none;} a:visited, a.footernav:visited, { font:normal 9px terminal; color:#000000; background-color:#ff0000; line-height:16px; letter-spacing: 0px; text-transform:lowercase; text-decoration:none;} a:hover { background-color:#C0C0C0; text-transform:none;} </style>

Border
<style TYPE="text/css"> </style>

Background Colour and Border
<style>a:link, .footernav.link, a.footernav:link, a.footernav:active { font:normal 9px terminal; background-color:#000000; color:#ffffff; line-height:13px; letter-spacing:0px; text-transform:none; text-decoration:none; border-top:1px solid;border-bottom:1px solid;border-left:1px solid;border-right:1px solid;} a:visited, a.footernav:visited, { font:normal 9px #000000; background-color:#ffffff; color:#000000; line-height:13px; letter-spacing: 0px; text-transform:none; text-decoration:none; border-top:1px solid;border-bottom:1px solid;border-left:1px solid;border-right:1px solid;} a:hover { background-color:#7D7C78; text-transform:none;} </style>

Change Link Font, Size and Colour
<style>a:link, .footernav.link, a.footernav:link, a.footernav:active { font:normal 9px terminal; background-color:none; color:#000000; line-height:13px; letter-spacing:0px; text-transform:none; text-decoration:none;} a:visited, a.footernav:visited, { font:normal 9px terminal; color:#000000; background-color:none; line-height:13px; letter-spacing: 0px; text-transform:none; text-decoration:none;} a:hover { background-color:none; text-transform:none;} </style>

Small fonts On Links
<style> a:link, .footernav.link, a.footernav:link, a.footernav:active { font:normal 7px small fonts; background-color:none; color:#000000; line-height:10px; letter-spacing:0px; text-transform:uppercase; text-decoration:none;} a:visited, a.footernav:visited, { font:normal 7px small fonts; color:#000000; background-color:none; line-height:10px; letter-spacing: 0px; text-transform:uppercase; text-decoration:none;} a:hover { background-color:none; text-transform:uppercase;} </style>

Remove Underline
<HEAD> <style TYPE="text/css">  </style> </HEAD>

Text Effects

Bold
<b>TEXT HERE</b>

Italic
<i>TEXT HERE</i>

Strikeout
<s>TEXT HERE</s>

Underline
<u>TEXT HERE</u>

Different Fonts
<font face='FONT HERE'>TEXT HERE</font>

Change Text Colour
<font color='COLOURHERE'>TEXT HERE</font>

Background Colour on Text
<font color="#colorhere" style="BACKGROUND-COLOR:#colorhere">TEXT HERE</font>

Text Close Together
<FONT style="FONT-WEIGHT: normal; FONT-SIZE: 50pt; COLOR: #COLOURHERE; LINE-HEIGHT: 20pt; FONT-FAMILY: Georgia; LETTER-SPACING: -10px">TEXT HERE</FONT>

Change Font Size
<font size='NUMBER FROM 1 TO SEVEN HERE'>text</font>

Small Fonts
<FONT style="FONT-WEIGHT: normal; FONT-SIZE: 7px; COLOR:#COLOURHERE ; FONT-FAMILY:small fonts ; LETTER-SPACING: 0px; TEXT-TRANSFORM: uppercase">TEXT HERE</FONT>

Center Text (and guestbook) remove *
<*center>

Text Link to a Page
<a href='PAGE ADDRESS HERE'>TEXT</a>

Cursors

<style type="text/css"> BODY {cursor:CURSORHERE;} </style>

Only On Link
<style type="text/css">a:hover{cursor:CURSORHERE}</style>

Hover On Words to See the Types of Cursors:

Crosshair

Wait

Help

Pointer

Move

E-resize

S-resize

Ne-resize

Nw-resize

Text

Image Effects

Where it says URL HERE you need to replace it with the URL of your picture.

Original Size/Look

<img src="URL HERE" border="0">

Faded Edges

<img src="URL HERE" style="Filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)" align="none">

Colour On Hover

<img src="PIC URL HERE" style="filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)" onmouseover="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)'" onmouseout="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'" a>

Light Follows Cursor

<style>  </style> <img id="myimage" src="http://img266.imageshack.us/img266/636/g284pcki6.png"> <script language="JavaScript1.2"> //Image spotlight effect- By Erik F (die_schlampe@hotmail.com) //Code enhancements by Dynamicdrive.com //Visit http://www.dynamicdrive.com for this script s = 50; // the size of the spotlight vp = 10; // the visibility percent of the picture startx = 0; // the top position of your sportlight into the image (on start) starty = 0; // the left position of your spotlight into the image (on start) ////////////////////////////////////////////////////////////////// // No need to edit below this line // ////////////////////////////////////////////////////////////////// var IE = document.all?true:false function moveL() { xv = tempX; yv = tempY; myimage.filters.light.MoveLight(1,xv,yv,s,true); } if (IE&&myimage.filters) document.all.myimage.onmousemove = getMouseXY; var tempX = 0 var tempY = 0 function getMouseXY(e) { tempX = event.offsetX tempY = event.offsetY if (tempX < 0){tempX = 0} if (tempY < 0){tempY = 0} if (t) { moveL(); } return true } var xv = startx; var yv = starty; var t= true; if (IE&&myimage.filters){ myimage.style.cursor="hand"; myimage.filters.light.addAmbient(255,255,255,vp) myimage.filters.light.addPoint(startx,starty,s,255,255,255,255) } </script>

Faded to Normal

<style type="text/css"> .gradualshine{ filter:alpha(opacity=30); -moz-opacity:0.3; } </style> <script type="text/javascript"> /*********************************************** * Gradual Highlight image script- � Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code ***********************************************/ var baseopacity=30 function slowhigh(which2){ imgobj=which2 browserdetect=which2.filters? "ie" : typeof which2.style.MozOpacity=="string"? "mozilla" : "" instantset(baseopacity) highlighting=setInterval("gradualfade(imgobj)",50) } function slowlow(which2){ cleartimer() instantset(baseopacity) } function instantset(degree){ if (browserdetect=="mozilla") imgobj.style.MozOpacity=degree/100 else if (browserdetect=="ie") imgobj.filters.alpha.opacity=degree } function cleartimer(){ if (window.highlighting) clearInterval(highlighting) } function gradualfade(cur2){ if (browserdetect=="mozilla" && cur2.style.MozOpacity<1) cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.1, 0.99) else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100) cur2.filters.alpha.opacity+=10 else if (window.highlighting) clearInterval(highlighting) } </script> <img class="gradualshine" onMouseover="slowhigh(this)" onMouseout="slowlow(this)" src="PIC URL HERE">

Add An Image to a Table/Iframe
<img src='PIC URL HERE'>

Image as a Link
<a href='PAGE ADDRESS HERE'><img src='PIC URL HERE'></a>

No Purple Link Outline
<img src="URL HERE" "border="0">

Scrolling Pictures

<marquee><img src='PIC URL HERE'><img src='PIC URL HERE'><img src='PIC URL HERE'></marquee>

Image with words on Hover

<img src="URL HERE" alt="TEXT HERE">

BOXES & BORDERS

remove any ^. Replace # with a number

Html Box

Original Box

Transparent Box

Scroll Box

Border Around Text

Page Border

PAGE EFFECTS

Annoying Entry Pop Up
<script language="JavaScript"> // alert ("PUT TEXT HERE") </script>

Quiet No Right Click
<script language=JavaScript>  </script>

Silent Right Click
<script language="JavaScript"> </script>

Pop up Web Link
<a href='WEB ADDRESS HERE' target="_blank">TEXT</a>

Simple TitleBar
<head><title>TEXT HEREEEE !</title></head>

Please note, that everything on this site has been made by either Meaghan or Sarah of desiregraphix.flashglam.com, thus credit is manditory.

Back || Forward

ADVERTISMENT!

[x] [x] [x] Want to be here?

Welcome

Navigation

Domain Graphics Competitions Reveiws Tutorials HTML Codes Resources Blog

Owners

Affies

< Apply/More?

Updates

---26 Oct 08 Sarah Loadz of layouts 2 New Icons challenges ended and opened trying to get more tuts done reveiw section open

Winners!

Disclamer

Everything on this site was made by Sarah or Meggie if not stated otherwise.. if you use anything please Credit

HTML Codes

This page has all the html codes listed. There's loads of them but I have put them into sections which should help you find them. If you need help with a code, try looking in the tutorials section.

link effects

Text Effects

Cursors

<style type="text/css"> BODY {cursor:CURSORHERE;} </style> Only On Link<style type="text/css">a:hover{cursor:CURSORHERE}</style>Hover On Words to See the Types of Cursors:Crosshair Wait Help Pointer Move E-resize S-resize Ne-resize Nw-resize Text

Image Effects

BOXES & BORDERS

remove any ^. Replace # with a number

PAGE EFFECTS

Please note, that everything on this site has been made by either Meaghan or Sarah of desiregraphix.flashglam.com, thus credit is manditory. Back || Forward

[x] [x] [x]

Want to be here?

<
Apply/More?

---26 Oct 08 Sarah

Loadz of layouts

2 New Icons

challenges ended and opened

trying to get more tuts done

reveiw section open

Everything on this site was made by Sarah or Meggie
if not stated otherwise.. if you use anything please Credit

<style type="text/css"> BODY {cursor:CURSORHERE;} </style>

Only On Link
<style type="text/css">a:hover{cursor:CURSORHERE}</style>

Hover On Words to See the Types of Cursors:

Crosshair

Wait

Help

Pointer

Move

E-resize

S-resize

Ne-resize

Nw-resize

Text

Please note, that everything on this site has been made by either Meaghan or Sarah of desiregraphix.flashglam.com, thus credit is manditory.

Back || Forward