tBlog - How to work with your blog

Blog For Free!

Archives
Home
2004 March
2004 February

My Links
PhotoBucket
PowerWebMusic
Chatter.Flooble
MyShoutBox
iMood
UnkyMoods
Quizilla
CoolCounters
Bravenet

tBlog
My Profile
Send tMail
My tFriends
My Images

Sponsored
Blog

My tfriends:

midnightstar

ProjektMonkey

mistressserpent

rocky

__________________

WebButterfly's

i see you shiver with anti..................pation

Winston Smith's Daily Journal
by: winstonsmith

Memoirs of the Serpent
by: mistressserpent

Tygress, Tygress Burning Bright: Red Tigress' Lair
by: RedTigress

__________________

Not a Member

Already a Member Have you Considered

Mouse Effects

03.17.04 (5:04 am) [edit]

Mouse Effects

TYPES OF CURSORS
default , help, wait, hand, text, crosshair, move
n-resize, s-resize, e-resize, w-resize, ne-resize, se-resize, nw-resize, sw-resize,

TYPES OF BORDERS
solid, double, inset, outset, ridge, groove, dotted, dashed

TYPES OF DECORATIONS
none, underline, overline, line-through

TYPES OF FILTERS
glow, shadow, blur, fliph, flipv

CHANGING CURSORS FOR PAGE
( APPLY CURSOR WHERE IT SAYS [ TYPE OF CURSOR ] )
<style type=text/css></style><br>
CHANGING CURSOR FOR LINKS
( APPLY CURSOR WHERE IT SAYS [ TYPE OF CURSOR ] )
<style type=text/css></style><br>
MOUSEOVER: DIFFERENT FONT SIZE
(Change size)
<style type="text/css"><!- - a:hover{font-size:20px} //--></style><br>
MOUSEOVER: DIFFERENT FACE
(Change face)
<style type="text/css"><!- - a:hover{font-family:times new roman} //--></style><br>
MOUSEOVER: DIFFERENT COLOR
(Change color)
<style type="text/css"><!- - a:hover{color:#B00000} //--></style><br>
MOUSEOVER: LETTER SPACING
(Change size)
<style type="text/css"><!- - a:hover{letter-spacing:5p x} //--></style><br>
MOUSEOVER: BACKGROUND COLOR
(Change color)
<style type="text/css"><!- - a:hover{background:#B0000 0} //--></style><br>
MOUSEOVER: BACKGROUND IMAGE
<style type="text/css"><!- - a:hover{background:url(in sert url here)} //--></style><br>
MOUSEOVER: BORDERED
(Change color and border type)
<style type="text/css"><!- - a:hover{border:#FFFFFF 1px solid} //--></style><br>
MOUSEOVER: DECORATION
(Change decoration)
<style type="text/css"><!- - a:hover{text-decoration:l ine-through} //--></style><br>
MOUSEOVER: FILTERED
(Change filter, color, size, strength)
<style type="text/css"><!- - a:hover{filter:glow(color :#FFFFFF, strenth=3);height:0px;wid th:inherit} //--></style><br>
IMAGES WITH WRITING ON MOUSEOVER
(If the image doesn't load, is loading or isn't working, the TEXT will show up)
<img src="IMAGE URL" alt="TEXT"><br>
FULL MOUSE ROLLOVER EFFECTS
<STYLE type="text/css"><br><br></STYLE><br>
FADE MOUSEOVER (IMAGE)
1.) (INSERT IN HEAD) (SCRIPT)
<script><br><br>/*<br>Gradual-Highlight Image Script II- <br>By J. Mark Birenbaum (birenbau@ugrad.cs.ualberta.ca)<br>Permission granted to Dynamicdrive.com to feature script in archive<br>For full source to script, visit<a href=" http://dynamicdrive.com" title=" http://dynamicdrive.com" target="_blank"> http://dynamicdrive.com</a><br>*/<br><br>nereidFadeObjects = new Object();<br>nereidFadeTimers = new Object();<br><br>/* object - image to be faded (actual object, not name);<br>* destop - destination transparency level (ie 80, for mostly solid)<br>* rate - time in milliseconds between trasparency changes (best under 100)<br>* delta - amount of change each time (ie 5, for 5% change in transparency)<br>*/<br><br>function nereidFade(object, destOp, rate, delta){<br>if (!document.all)<br>return<br> if (object != "[object]"){ //do this so I can take a string too<br> setTimeout("nereidFade("+ object+","+destOp+","+rat e+","+delta+")",0);<br> return;<br> }<br> <br> clearTimeout(nereidFadeTi mers[object.sourceIndex]);<br> <br> diff = destOp-object.filters.alpha.opacity;<br> direction = 1;<br> if (object.filters.alpha.opacity > destOp){<br> direction = -1;<br> }<br> delta=Math.min(direction*diff,delta) ;<br> object.filters.alpha.opacity+=direction*delta; <br><br> if (object.filters.alpha.opacity != 25){<br> nereidFadeObjects[object.sourceIndex]=object;<br> nereidFadeTimers[object.sourceIndex]=setTimeout(" nereidFade(nereidFadeObje cts["+object.sourceIndex+"],"+destOp+" ,"+rate+","+delta+")",rat e);<br> }<br>}<br><br></script>
2.) (THEN INSERT WHEREVER IMAGE WILL BE LOCATED)
<img src="image.jpg" border="0" style="filter:alpha(opaci ty=25)" onmouseover="nereidFade(t his,100,30,5)" onmouseout="nereidFade(th is,10, 50, 5)">

Scrollbar
<style type="text/css"><!- - body{scrollbar-track-colo r:#FFFFFF;scrollbar-highl ight-color:#8080FF;scroll bar-3dlight-color:#00BFFF ;scrollbar-darkshadow-col or:#8080FF;scrollbar-shad ow-color:#FFFFFF;scrollba r-arrow-color:#8080FF;scr ollbar-face-color:#FFFFFF } //--></style>

Music
<bgsound src="insert url of song here" autostart="true" loop="-1">

Videos
<img dynsrc="url of movie" autostart="true" loop="-1">

Linking

EMAIL LINK:
<a href="mailto:you@domain.com">email me</a>
EMAIL WIT SUBJECT:
<a href="mailto:you@domain.com?subject=Your Subject">email me</a>
LINKING IN SAME BROWSER
<a href="http://xpresshtml.net">xpressHTML</a& gt;
LINK WIT NEW BROWSER (TEXT ONLY)
<a target="_blank" href="http://xpresshtml.net">xpressHTML</a& gt;
LINK WIT IMAGE
<a href="http://xpresshtml.net"><img src="url of your image"></a>
LINK W/O BORDER use border="0"
<a href="http://xpresshtml.net"><img src="url of your image" border="0"></a>

SlideShows

02.23.04 (12:33 pm) [edit]

Moving Text

02.20.04 (5:02 pm) [edit]

alternate

<MARQUEE BEHAVIOR=alternate>alt ernate</MARQUEE>

right

<MARQUEE BEHAVIOR=right>right&l t;/MARQUEE>

Symbols

02.19.04 (3:57 pm) [edit]

Type in the the html and get the symbol!

� = © � = ® � = ™ � = ¡

� = ¿ & nbsp; � = ¢ &nb sp; � = £ � = ¥

� = € � = ¤ & nbsp; � = § � = ¶

� = ° ♠ = &spades; ♣ = &clubs; &n bsp; ♥ = &hearts;

♦ = &diams; &n bsp; � = &permil; � = ± & nbsp; � = &dagger;

� = &Dagger; & nbsp; � = ¹ � = ² &nb sp; � = ³ &nb sp;

� = « � = »

Replace Links Code

02.19.04 (1:05 pm) [edit]

Change the Name of your Link!

<script language="javascript">

</script>

TFriends, Add them to your Site

02.18.04 (10:54 am) [edit]

WebButterfly

Code for Adding a Text Box

02.18.04 (5:24 am) [edit]

<TEXTAREA name=select1 rows=5 cols=40>Enter Text Here! Rows and Columns can be adjusted to your prefrence.</TEXTAREA>

You can use it to help people link to your blog!

About Featured Blogs

02.17.04 (10:53 am) [edit]

You need 240 tBUCKS to submit a feature request.

So weekly vote on which blog you think should be featured or add your own!

Scroll Box

02.17.04 (10:25 am) [edit]

<DIV style="OVERFLOW: auto; WIDTH: 200px; HEIGHT: 75px"><FONT face="Times New Roman" color=#0099CC>Enter Text Here </DIV>

Customization for the Scroll Bar

02.17.04 (9:16 am) [edit]

Background Images

02.16.04 (5:16 pm) [edit]

What the properties mean: Background color
Default property: No color - will display color defined in Modify Journal section. The best way to define the color would be to use color codes.

Background image
Default property: None. The URL highlighted in the example should be replaced with the URL you have hosted at an external webhost like Photobucket!

Background repeat
Default property: Repeat (Known as tiling) The example has defined a no-repeat property, where the background will only be displayed once. The properties available are:
repeat image is tiled horizontally and vertically no-repeat image is not repeated repeat-x image is repeated horizontally repeat-y image is repeated vertically

Background scrolling
Default property: Scroll. The example has defined this as fixed. The properties available are: scroll background image scrolls with content fixed background image does not scroll with content

Background position
Default property: 0% 0%
The first value is for the horizontal, the second is for the veritical. If only one value is given and it is a percentage or pixel value (as in the example above) than it will be for the horizontal, left side. In the sample code given above the background position is simply 2%. This puts the background 2% from the left and 50% from the top. Even though the default is 0% 0%, if one element is given and the other isn't, the one that's not given becomes 50%.

Color Codes

02.16.04 (4:29 pm) [edit]

When you're adding a color to your Web page with HTML you can to use the color codes (hex codes):

To find more colors you can click this icon in My Styles

__________________

WebButterfly

__________________
Mood:
__________________

Need Help! or Have a Question?
I will do my best to help!

__________________

Add tBlurt to Your Blog: <iframe src="http://www.tblog.com/shout.php" width="150" height="350" scrolling="no" FRAMEBORDER="0"></iframe>

__________________

Current Scrollbar: <style type="text/css">  </style>

__________________

Other Scrollbars: <style type="text/css">  </style>
<style type="text/css">  </style>

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

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

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

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

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

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

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

__________________

Something Fun:
 <iframe width="150" height="100" frameborder="0" embed src="http://af.lygo.com/d/gadgets/poke_gadget.swf"></iframe>