MySpace


MySpace.com | rss | sign in
koNεko



Last Updated: 12/31/2008

Send Message
Instant Message
Email to a Friend
Subscribe

Gender: Female
Status: Swinger
Age: 30
Sign: Scorpio

State: lost
Country: KE
Signup Date: 7/27/2004

Blog Archive
[Older      Newer]
 /  / 
Friday, June 22, 2007 

How do i change the background of my page?


originally contributed by: Logan Sakai




changing your background can be either easy or a little tricky,
depending on how you want your background to act. the way i do it is by
using cascading style sheets (CSS) because it allows greater
flexibility over the standard <body> tag. to change the color,
you will need to consult a color chart(SEE ADDITIONAL RESOURCES SECTION). simply type the six-digit color code where it says 'color_code'.

first start out with this code. you will need to use this, or else your background wont show up. this gets rid of all current table styling:






<style type="text/css">
  table, tr, td {
  background-color:transparent;
  border:none;
  border-width:0;}
</style>

the above piece of code is important because
it will make the table backgrounds transparent so that you can see your
background image.
to just change the color of your background:





<style type="text/css">
  body {
  background-color: color_code;}
</style>


to use a FIXED picture as your background:(also known as "i want my background to stay in place while my words move")





<style type="text/css">
  body {
  background-image:url("BACKGROUND URL HERE");
  background-attachment:fixed;}
</style>




here are other variables you can use that will change the way your background is displayed. just add them between the existing <style> tags:







specify how you want it to repeat:
background-repeat: repeat-y;


repeat-x | repeat-y | no-repeat

position by plain words:

background-position: left bottom;

x axis - left | center | right
y-axis - top | center | bottom



position by percentages:
background-position: x% y%;


position by exact pixel coordinates:

background-position: x y;


for background-positions.. left variable should always be x-axis, and right variable should always be your y-axis.



heres an example of an entire background style. this will result in a centered picture that repeats vertically, with a white background:





<style type="text/css">
  table, td, tr {
  background-color:transparent;
  border:none;
  border-width:0;}
  body {
  background-color: FFFFFF;
  background-image: url('http://www.picture.com/pic.jpg');
  background-repeat: repeat-y;
  background-position: center;}
</style>
6:15 AM 
0 Comments
(User has disabled new comments) |
Translate
Friday, June 22, 2007 

Revision submitted by abraxus

<style>
table div {display:none;}
table table div {display:block;}
.friendsAndComments {width:800px; position:absolute; left:50%; top:3000px; margin-left:-400px;}
.friendsAndComments table {width:100%; background-color:transparent; border:0px;}
</style>
</td></tr></table>
</td></tr></table>
<div class="friendsAndComments">
<table style="display:none;"><tr><td>
<table><tr><td>


If you want a border/background on it, include this between the style tags, and adjust the values to whatever you want

.friendsAndComments {border:3px solid; border-color:6699cc; background-color:ff99cc;}
.friendsAndComments * {border:0px; background-color:transparent;}


If you want to center ONLY the comments, you can use this, but you will need to adjust the TOP number in the code depending on your layout

<style>
.friendsComments {position:relative; top:0px; left:-300px; width:800px;}
.friendsComments table {width:100%;}
</style>
5:44 AM 
3 Comments
(User has disabled new comments) |
Translate
Thursday, June 21, 2007 
Originally submitted by
Making a Comment Box




CODE:

<Table><tr><td><center>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input name="friendID" value="Your Friend ID Number" type="hidden">
Leave a Comment Here <br />
<textarea id="textarea" name="f_comments"> </textarea> <br />
<input value="submit" type="Post"></form>
</center></td></tr></table>


Explanation:


Leave a Comment Here: This is the title of your comment box. You can Change the words to say whatever you'd like.

POST: This is what the button will say. You can change the word to whatever you'd like.

Your Friend ID Number: Your "Friend ID number is the number found in your "address bar" when you visit your profile, NOT the number from your short URL:
EXAMPLE:

YOUR FRIEND ID NUMBER WILL BE WHERE I HAVE HIGHLIGHTED RED
DO NOT CONFUSE IT WITH YOUR "MyToken Number"


NOTE: you cannot comment on yourself, so youwill have to have a friend try it to see if it works- but if you followthe directions exactly as they are written, it will work
 
11:19 PM 
0 Comments
(User has disabled new comments) |
Translate
Friday, February 09, 2007 

how do i add music to my page?

originally contributed by: Logan Sakai


to add background music to your page, you will need to have the url to
the music file (wma, asx, mp3.. etc.) from either another site, or from
your own host.


this will create a music player with controls that a viewer can control:

<embed src="url_of_song"  width="280" height="45"></embed>


Step by step instructions:

  1. Download a song
    winmx.com
    epitonic.com
    google.com

  2. Hosting a song
    Search for a host (google.com - free webhost)
    Make sure the host allow music download (.wma .mp3 .rm .ram .mov .wav etc.)
    Make sure the host allow HOTLINKING (if not, you're out of luck)
    Upload your music
    Get the URL (http://the.host.site.and.your.username/music.file.mp3)
  3. Putting the song up
    Have to use the right code
    Make sure the code has no mistake

  4. Not working?
    Check all the step above
  5. STILL Not working?
    You suck! Stop trying!

8:50 AM 
2 Comments
(Add Comment) |
Translate
Wednesday, February 07, 2007 

Customizing your "view more pictures" page

original content from: Random


PLACE EACH CODE IN THE CAPTIONS TO EACH PICTURE
Enter individual style code is small enough to fit in each picture caption, you can find the edit caption section through the Upload/Change Photos link on your homepage..

For a background picture:
<body style="background:url(ENTER YOUR PIC URL INTO THIS SITE AND PLACE THE URL HERE)">
*You can also use tinypic.com for this..



For a background color:
<body bgcolor="COLOR_CODE">




To allow your background picture or color to show up:
<style>div {background:transparent!important;}</style>




To make the background picture stay put when you scroll:
<style>body{background-attachment:fixed;}</style>




(If needed) To make your background not repeat:
<style>body{background-repeat: no-repeat;}</style>




To make your text visible:
<style>*{color:COLOR_CODE!important;}</style>




To change the color of the links:
<style>a {color:COLOR_CODE!important;}</style>




To give the picture a translucent look in IE (the 85 variable can be changed as desired):
<style>img{filter:alpha(opacity=85);}</style>




Or this code to put a gray filter on all the images in IE:
<style>img {filter:gray;}</style>




To take the translucent effect or any other filter off of the pictures when you rollover them with the mouse in IE:
STYLE>a:hover img{filter:none}</STYLE>




Or this code to flip the pictures when you hover over them:
<style>a:hover img{filter:fliph;}</STYLE>




Make sure each tag is complete (and closed off) before entering the code.

Warning: There is a drawback to coding your photo area this way: each picture will only have the individual code on it when clicked on.

By the way, If you want to take the code off your captions: just go to add caption, and leave the area blank, and then submit a blank caption. It will erase any previous caption left, and leave the area blank once more.


When attempting this type of coding: DO NOT LEAVE THE STYLE TAG OPEN..

CORRECT: <style>code</style>
BAD: <style>code</style
BAD: <style>code</
BAD: <style>code

9:41 PM 
0 Comments
(User has disabled new comments) |
Translate
Wednesday, February 07, 2007 

<how to post code in the forums>

Revision submitted by Abraxus

In order to post visible code in the forums simply replace all instances of the "less than" symbol : <
with this: <</b>

If this is too complicated for you then ask in the forums for a link to a generator that will convert your code to forum safe code.

And if you are a forum helper and this is too complicated for you, then perhaps you shouldn't be helping. -neKo
9:19 PM 
0 Comments
(User has disabled new comments) |
Translate
Sunday, January 14, 2007 

Current mood:  busy
FFFFFF CCCCCC 999999 666666 333333 000000 FFCC00 FF9900 FF6600 FF3300
99CC00 CC9900 FFCC33 FFCC66 FF9966 FF6633 CC3300 CC0033
CCFF00 CCFF33 333300 666600 999900 CCCC00 FFFF00 CC9933 CC6633 330000 660000 990000 CC0000 FF0000 FF3366 FF0033
99FF00 CCFF66 99CC33 666633 999933 CCCC33 FFFF33 996600 993300 663333 993333 CC3333 FF3333 CC3366 FF6699 FF0066
66FF00 99FF66 66CC33 669900 999966 CCCC66 FFFF66 996633 663300 996666 CC6666 FF6666 990033 CC3399 FF66CC FF0099
33FF00 66FF33 339900 66CC00 99FF33 CCCC99 FFFF99 CC9966 CC6600 CC9999 FF9999 FF3399 CC0066 990066 FF33CC FF00CC
00CC00 33CC00 336600 669933 99CC66 CCFF99 FFFFCC FFCC99 FF9933 FFCCCC FF99CC CC6699 993366 660033 CC0099 330033
33CC33 66CC66 00FF00 33FF33 66FF66 99FF99 CCFFCC CC99CC 996699 993399 990099 663366 660066
006600 336633 009900 339933 669966 99CC99 FFCCFF FF99FF FF66FF FF33FF FF00FF CC66CC CC33CC
003300 00CC33 006633 339966 66CC99 99FFCC CCFFFF 3399FF 99CCFF CCCCFF CC99FF 9966CC 663399 330066 9900CC CC00CC
00FF33 33FF66 009933 00CC66 33FF99 99FFFF 99CCCC 0066CC 6699CC 9999FF 9999CC 9933FF 6600CC 660099 CC33FF CC00FF
00FF66 66FF99 33CC66 009966 66FFFF 66CCCC 669999 003366 336699 6666FF 6666CC 666699 330099 9933CC CC66FF 9900FF
00FF99 66FFCC 33CC99 33FFFF 33CCCC 339999 336666 006699 003399 3333FF 3333CC 333399 333366 6633CC 9966FF 6600FF
00FFCC 33FFCC 00FFFF 00CCCC 009999 006666 003333 3399CC 3366CC 0000FF 0000CC 000099 000066 000033 6633FF 3300FF
00CC99 0099CC 33CCFF 66CCFF 6699FF 3366FF 0033CC 3300CC
00CCFF 0099FF 0066FF 0033FF
Currently watching:
Kamikaze Girls
Release date: 10 January, 2006
8:08 AM 
0 Comments
(User has disabled new comments) |
Translate
Monday, January 01, 2007 
.. dont do it, jackass ..
9:00 AM 
2 Comments
(User has disabled new comments) |
Translate
Saturday, September 23, 2006 

Category: Web, HTML, Tech
How To Post An Image

In order to post an image you must first have your image uploaded somewhere on the internet.
Image hosts such as Photobucket and Imageshack are free and easy to use. Photobucket requires a registration but provides you with all the codes you need to post an image so you don't really need to continue reading this tutorial. Imageshack requires no such registration. You simply use the upload box on the page and when your image has completed uploading a new page will appear with text fields and codes. Copy the code from the field that is labeled "Direct Link" and use it when the following tutorial calls for the URL.

<img src="URL to image" />

Here, for those of who like to learn, is a further exposition on the HTML image tag.
All tags begin with the "Less Than" symbol: <
And end with the "Greater Than" symbol: >
(For stand alone tags that have no closing tag, the correct closing syntax for a tag includes a forward slash before the final less than sign : /> )
Then the tag is defined by it's job: IMG (image)
Next, any number of elements can be defined, though generally this is where you define the SRC (source) of your image.
Other optional elements can include HEIGHT, WIDTH, BORDER, VSPACE (vertical space), HSPACE (horizontal space), ALIGN, etc.

HEIGHT & WIDTH
are determined automatically as the image loads, but sometimes you may want your image to appear in a different size than what it originally is. For instance: Have you ever been reading a webpage with images that are in the process of loading? If the images don't have a defined height and width then the page will adjust in length as the images load. This can result in text you are reading suddenly appearing further down the page. So in this instance it would have been advantagious to dictate a height and width.
Or perhaps you might want to augment the standard dimensions of an image.

This image is 150 pixels in width and 150 pixels in height.

<img src="voo.jpg" width="150" height="150" />

by changing the width to 50 pixels and keeping the height at 150 pixels, the same image would look like this:

<img src="voo.jpg" width="50" height="150" />

BORDER
adds (or removes in the case of a linked image) borders around images.

<img src="voo.jpg" width="50" height="50" border="10" />

VSPACE & HSPACE
can be used to add a bit of padding around a picture. Vspace adds padding to the top and the bottom of an image. Hspace adds padding to the right and left of the image.

<img src="voo.jpg" width="50" height="50" align="left" vspace="10" />
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

<img src="voo.jpg" width="50" height="50" align="left" hspace="10" />
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

<img src="voo.jpg" width="50" height="50" align="left" vspace="10" hspace="10" />
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

ALIGN
is most commonly used to wrap text around an image. By default, text will start at the bottom right side of a picture like so:

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

by adding align="left"to the image tag, the text will instead hug the sides of the image, like so:

<img src="voo.jpg" width="50" height="50" align="left" />
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

<img src="voo.jpg" width="50" height="50" align="right" />
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
3:51 AM 
0 Comments
(User has disabled new comments) |
Translate
Tuesday, February 07, 2006 

Category: Web, HTML, Tech
How To Post A Link

the ANCHOR tag

<a href="URL of link" >text</a>

A link is a clickable piece of text or image that creates a redirect to another location on the internet.
The above code is all you need. Just place the URL (or address) of the location you want to link to in the indicated place.

Here, for those of who like to learn, is a further exposition on the HTML anchor tag.

All tags begin with the "Less Than" symbol: <
And end with the "Greater Than" symbol: >
Then the tag is defined by it's job: A (anchor)
Next, any number of elements can be defined, though generally this is where you define the HREF (hypertext reference) point to the URL of your link.
An optional element commonly used in ANCHOR tags is TARGET
Tags that affect elements of a page such as making links, bolding text, changing font size also need to have a closing tag when you want to stop the indicated effect, such as at the end of a link. EXAMPLE: </a>

TARGET
indicates where the link opens at.
_blank renders the link in a new, unnamed window
_self renders the link in the current window/frame.
There are other options, but these are the only two you will ever really need on myspace.

example of _blank target
customizing
<a href="http://www.myspace.com/customizing" target="_blank">customizing</a>

example of linked image

<a href="http://www.myspace.com/customizing" target="_blank"><img src="voo.jpg" /></a>

posting an image tutorial

8:27 AM 
0 Comments
(User has disabled new comments) |
Translate