Help - Search - Members - Calendar
Full Version: Need Help Again on Div
Forums > Resource Center > Support Center > MySpace Support > Myspace Resolved Topics
ShizukaHio

First how do you put a background on a div? I've tried doing that and the code I'm using for the div is this:


CODE
<div class="content" style="position: absolute; left:000px; top:000px; width:000px; height:000px; overflow: auto;"><center>
CONTENT FOR DIV.
</div>
Mickey
Add background properties so it looks like this:

CODE
<div class="content" style="position: absolute; left:000px; top:000px; width:000px; height:000px; overflow: auto; background-color:000000; background-image: url(URL); background-position:center; background-repeat:repeat; background-attachment:fixed;"><center>
CONTENT FOR DIV.
</div>

Just play around with them to suit your liking.
ShizukaHio
Okay and how can you get different headers? You know for sizes and colors?
Mickey
Create classes with different styles, like this:

CODE
<style>
.headerl {font:normal 18pt Times New Roman; color:black; text-transform:lowercase; letter-spacing:-3px;}
.header2 {font:normal 18pt Century Gothic; color:white; text-transform:uppercase; letter-spacing:3px;}
</style>

Switch them up to your liking, then use them like this:

CODE
<span class="header1">HEADER TEXT</span>
Insert text here.

<span class="header2">HEADER TEXT</span>
Insert text here.

Replace the text as you see fit.
ShizukaHio
Okay thanks so much I've got three more questions.

1. How do you do different colors for different letters? And is that possible for any letter in the word or just the first or last?

2. Is there a different code your supposed to use for a comment box to have image's in it also?

3. And I can't remember if this was one of the rules, when I went to check I didn't find it either. Are the bottom links supposed to remain visible when you do a div?
Mickey
1) It's possible for any letter. Try this code:

CODE
<font color="######">A</font><font color="######">B</font><font color="######">C</font><font color="######">D</font><font color="######">E</font>

Replace the 6 pound symbols with hex codes according to what colour you want each character to be.

2) Adding a background to a comment box is the same as adding a background to a DIV. Just use <textarea> tags instead of <div> tags.

3) I'm not sure but it's best to leave it visible, especially the copyright.
ShizukaHio
Okay and actually I thought of one last thing for the size of the comment box, can you use the px sizes instead of the column kind of size? And how do you adjust the color of the submit button? The code I have doesn't have it in there.
Mickey
Yep, you definitely can use pixels. Post your comment box codes so I can find what you need to edit to change the submit button's colour.
ShizukaHio
This is the one I use:

CODE
<div style="text-align:center;"> <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input type="hidden" name="friendID" value="FRIENDID"><textarea name="f_comments" id="f_comments" cols="30" rows="3" style=" background-color:white!important; background-image: url(); background-position: top left; background-attachement: fixed; background-repeat: repeat; border:1px black solid; font-family:Arial!important; font-size:16px!important; color:black!important; ">Leave Me A Comment In My Comment Box!</textarea><br><input type="submit" value="Submit"><input type="reset" value="Clear"></form>
Mickey
Replace that code with this:

CODE
<div style="text-align:center;"> <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input type="hidden" name="friendID" value="FRIENDID"><textarea name="f_comments" id="f_comments" cols="30" rows="3" style=" background-color:white!important; background-image: url(); background-position: top left; background-attachement: fixed; background-repeat: repeat; border:1px black solid; font-family:Arial!important; font-size:16px!important; color:black!important; ">Leave Me A Comment In My Comment Box!</textarea><br><input type="submit" value="Submit" style=" background-color:white!important; background-image: url(); background-position: top left; background-attachement: fixed; background-repeat: repeat; border:1px black solid; font-family:Arial!important; font-size:16px!important; color:black!important; "><input type="reset" value="Clear"></form>

Then edit the underlined bit to customize its style.
ShizukaHio
Okay well arigato, I mean thank you. Thats all for now, thanks for the help. ^_^
manny-the-dino
Topic Closed & Moved
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.