myspace 1.0 layout

[pantherseyes]

Okay, now that i got that done, i need to ask for a tutorial on a layout like this, sure, there are tutorials out there on divides, but when you don't know how to do one, they don't make all that much sense.  the link provided in this, is how i want to get a page done, with the working links at the top, which i know how to do that, but, it's the pics in the top divide, that when i did them, messed up, same size, whole deal, so, there is alot i don't know on doing a sight this way.........May I PLEASE get a tutorial on this???

[B.SkiLLs]

Okay, now that i got that done, i need to ask for a tutorial on a layout like this, sure, there are tutorials out there on divides, but when you don't know how to do one, they don't make all that much sense.  the link provided in this, is how i want to get a page done, with the working links at the top, which i know how to do that, but, it's the pics in the top divide, that when i did them, messed up, same size, whole deal, so, there is alot i don't know on doing a sight this way.........May I PLEASE get a tutorial on this???

Ok sure no prob but.... As you said above. There is no pics or links in this above as you said to see / look at. So need to add those so we know what your talking about 'exactly'

[pantherseyes]

Wow, i thought the whole thing would have moved here, but it did not

okay, at the top of this page, the contact information is all there in the top divide, the links all work.  My efforts to match sizes they have messed up on me.

also need to know how to do the background the way they did, where the middle of the page just moves.

the link is:
http://www.myspace.com/lancekingvox

[B.SkiLLs]

All it is is a default page. The background is just a custom BG and set to center. The top all they did was move the main page body down and put the links in divs. One div per link and set there position to line up that way.

I think we have a simple div tut here and a top banner div tut so.. Go by them and you should be fine. If not ill do one up for you real fast when i have time. If i do the next day or two. I know i dont over the weekend as i will be at the races and per party events all weekend.

Let me know and ill look right now for ours here and post links to them if i get to them or find them here in a sec.

oohh and PS` It did but was on the first page of this topic. Sorry i didnt notice.

[pantherseyes]

i could use those links you r talking about on the tuts here and i'll see if i can do that as this site did.   

[B.SkiLLs]

i could use those links you r talking about on the tuts here and i'll see if i can do that as this site did.   

whoops forgot to look. I will in a few. Sorry. Got a couple things going on right now so as soon as im done ill look [since i know your on cell and not computer at the moment] and not smartphone so harder for you to look around. If you ARE on a computer then just look through the topics.. or use the search.

[B.SkiLLs]

Here is the top banner one.. Placing a Banner on top of profile

then all you do is place them images either in separate divs aligned right or in tables at the bottom of the top banner div. Which is inside the same one div if you want it to be.

 

If you still need more help feel free to ask.. Or a simple div tut as well. As we have a topic for one but i erased the text to re-write it and havent got to it yet a while baclk.

[pantherseyes]

a simple tut would never hurt though.  i sent that top divide tut to my email, i never know how much time i'm going to have left to start some days after i do what i'm asked to do and do what i would like to do for myself.  so, if i have any further questions, which i expect me too, put it here or go with the top divide subject??  i would say top divide tut in text you sent me too.

sorry, still tired here and can't make sense in words whats in my head.

[B.SkiLLs]

Ok.. and no post your questions here. Not in the tuts. Only in the support topics.

[pantherseyes]

will do, i think i might get to this today.

[pantherseyes]

Here is the top banner one.. Placing a Banner on top of profile

then all you do is place them images either in separate divs aligned right or in tables at the bottom of the top banner div. Which is inside the same one div if you want it to be.

 

If you still need more help feel free to ask.. Or a simple div tut as well. As we have a topic for one but i erased the text to re-write it and havent got to it yet a while baclk.

1~for the load time on myspace, does it matter what loads faster, tables or another divide??

2~for another divide code, does this change---->z-index:3; to let's say z-index:4;???

3~suppose you have video or pics to put up at top, all on one divide, what would change in this?
text-align:center; position: absolute; left:50%; top:0px; margin-left:-400px;

Thanks.

[B.SkiLLs]

Here is the top banner one.. Placing a Banner on top of profile

then all you do is place them images either in separate divs aligned right or in tables at the bottom of the top banner div. Which is inside the same one div if you want it to be.

 

If you still need more help feel free to ask.. Or a simple div tut as well. As we have a topic for one but i erased the text to re-write it and havent got to it yet a while baclk.

1~for the load time on myspace, does it matter what loads faster, tables or another divide??


2~for another divide code, does this change---->z-index:3; to let's say z-index:4;???


3~suppose you have video or pics to put up at top, all on one divide, what would change in this?
text-align:center; position: absolute; left:50%; top:0px; margin-left:-400px;

Thanks.

1~

divs are always better. Just new school way of doing things then tables. But either for this case as the tables would be in a div. Just a way to line things up how u want them and those pieces positioned right.

2~

yes

3~

No.. the contents have nothing to do with it. Unless bigger or smaller then would have to of course move the whole div, left or right or up or down to adjust because of the size of something inside of it etc...

[pantherseyes]

A-then change text align and absolute position-being i have the height adjusted.?

B-on absolute position, putting a minus sign does what?

[pantherseyes]

Just to note, i have changed the text align for two videos on top, been through the codes and they end up on top of each other,

here's what i have in about me:

Code:

<style>body {margin-top:520px;}

.TopBanner {width:800px; height:400; text-align:left; position: absolute; left:35%; top:0px; margin-left:-400px;
z-index:3; visibility:visible;}
</style>

<style>body {margin-top:520px;}
.TopBanner {width:800px; height:400; text-align:center; position: absolute; left:50%; top:0px; margin-left:-400px;
z-index:4; visibility:visible;}
</style>

and in to  meet:

Code:

<div class="TopBanner">

Eocenedawning video<br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="381" width="480">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://www.dailymotion.com/swf/k3yUuQ7y0DMTIi14QpM&related=1" />
  <param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.dailymotion.com/swf/k3yUuQ7y0DMTIi14QpM&related=1" height="381" width="480" wmode="transparent" />
</object>
<br /><br />

<b><big>Please copy code in box to have video on your page. Thanks!</b></big> <br /> <br />
<textarea cols="50" rows="3"> <b>Eocenedawning Video by Ilium</b> <br><br><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="381" width="480">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://www.dailymotion.com/swf/k3yUuQ7y0DMTIi14QpM&related=1" />
  <param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.dailymotion.com/swf/k3yUuQ7y0DMTIi14QpM&related=1" height="381" width="480" wmode="transparent" />
</object> </textarea>
</div>


<div class="TopBanner">
Motchaste video<br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="381" width="480">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://www.dailymotion.com/swf/k35uhzqk1aJCip14QpU&related=1" />
  <param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.dailymotion.com/swf/k35uhzqk1aJCip14QpU&related=1" height="381" width="480" wmode="transparent" />
</object>
<br /><br />

<b><big>Please copy code in box to have video on your page. Thanks!</b></big> <br /> <br />
<textarea cols="50" rows="3"> <center><b>Motchaste Video by Ilium</b> <br><br><embed src="http://www.dailymotion.com/swf/k35uhzqk1aJCip14QpU&related=1" type="application/x-shockwave-flash" width="480"
height="381" allowFullScreen="true" allowScriptAccess="always">
</embed></center> </textarea>
</div>

Hope i did that right??

okay, what's wrong with what i did??

[B.SkiLLs]

A-then change text align and absolute position-being i have the height adjusted.?

B-on absolute position, putting a minus sign does what?

Text align just changes the info alignment inside the div.
Putting a minus makes the whole div go to the position on the other side of the center line of your screen. [everybodies screen]

like here is an example. This is very old so don't go by this but you can get the basics of what things do and what they mean. Until i redo mine here. http://www.myspaceprodesigns.com/tutorial/div/

sorry had a video tut but cant find it at the moment. Use this until i find it or make another...