Help with layout Options

[bballer89]

is there anyway some one could PM the instructions to make a myspace layout

[iDecay]

.... Did you even bother looking at the top?

CSS - 4 main page, one blog
Making a DEFAULT layout, step by step
Simple div Overlay
Another div tutorial

[bballer89]

well really i need help making a layout like the "everyday is a fashion show one accept i want the theme to be baseball

and how come all the div (i think thats what they are) i look at the friends and stuff are hidden i want mines to show

[iDecay]

A div hides everything so that you can put something else on top. It just changes the look of the myspace, you know? If you want yours to show, then don't make a div.

[*mona lisa*]

You can actually have your friends and comments and things to be visible in a DIV layout but people who hide them do it because it's their preference. Not all divs have to have things hidden. Though some hide their friends list and make a custom one.

And there isn't any sort of SET instructions on how to make a layout. You can make many different types of layouts but just ask specific questions if you have trouble.

[freeflow]

You made this topic already. http://www.createblog.com/forums/index.php?showtopic=158246
Everythings already been provided for you. Instead of making numerous topics and saying how your "not going to post anymore" why not take the time and try.

[bballer89]

actually i have tried all last night all today and im still trying

[freeflow]

Then if you get stuck talk about the part your stuck on and people can help.

[bballer89]

i tried to make a div and the picture was in the middle of the screen with no words and a black backround with 3 the white rectangles and no words and i followed the thing step by step

[freeflow]

What were to trying to get?
Link?

[bballer89]

i was making a div and it failed horribly

[freeflow]

You need to explain your problem better . Like explain what you were trying to do (I know you were trying ot make a div , but I'm not psychic so I don't know how its supposed to look like). You should link the myspace with teh messed up div so we can see. And you should post your codes.

[bballer89]

here the code this is step 2 of the div layout but i think its wrong




<style type=text/css>

body {
background-color: black;
background-image: url("");
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color: white;
scrollbar-track-color: black;
scrollbar-shadow-color: black;
scrollbar-face-color: white;
scrollbar-highlight-color: black;
scrollbar-darkshadow-color: white;
scrollbar-3dlight-color: black;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 1px solid; border-color: white; background-color: white; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea
{font:normal 9px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 9px arial; color:white; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{style for the number of comments you have. The actual ..}
.redtext{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase; }

{style for the number of friends you have.}
.redbtext{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase; }

{”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style}
.orangetext15{font-family: arial; color: white; font-weight: bold; font-size: 20px; letter-spacing: -2px;}

{”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style}
.lightbluetext8{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase; }

{”Contacting”, “Interests”, “Details”, and “Schools” title styling}
.whitetext12{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}

{”In your extended network” style}
.blacktext12{font-family: arial; color: white; font-weight: bold; font-size: 20px; letter-spacing: -2px; }

{Stylizing of your name above your picture }
.nametext{font-family: arial; color: white; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;}

{date stamp on comments}
.blacktext10{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}

{This is how all anchor points will be displayed; anchor points appear before all links.}
a{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase; }
a:link{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}

{”View all friends” and “invite more” link style}
a.redlink{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:link{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase; }
a.redlink:hover{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar} a.navbar{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:link{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:active{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase; }

</style>

[freeflow]

That parts right. But I need the codes meaning everything . Like the picture etc if your wondering why it won't work.

Do the steps in your myspace again. Then after your done, post it (the link and codes).
Then whatever problems you have I'll try to help you fix. it.

[bballer89]

ahhhhhhhhh forget it........it looks ridiculous

[freeflow]

Its supposed to. How else are we supposed to help you?

[*Infinite.*]

You shouldn't think so down about it, you have to start somewhere right?

[*WHIMSICAL 0NE*]

Well, you keep saying that. But if you'd just share your code with us we will be able to help you through it.

[*Infinite.*]

Also can I have a myspace link to see? So then I know where to start at helping you more?

[bballer89]

its gone im going to restart 8th times the charm

[*Infinite.*]

well just look at the brighter side of thimgs,

first off, what type of layout do you want to make, do you have any examples that would help?

[bballer89]

i want it to look like the "aren't you a ray of sunshine layout" but a completely different theme

[bballer89]

how can i put a link to my page up here

[freeflow]

Copy the link and paste it here. (edit your posts next time please)

[bballer89]

http://profile.myspace.com/index.cfm?fusea...b1-509f49e41b08

heres the link to my page


and the codes all this crap is in the about me section

<style type="text/css">
table table,table table table table,table table{background-color:transparent;width:;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,.redbtext,.redtext,.blacktext12,
lightbluetext8,strong,.nametext,div b font font, div font font u,table table table table, table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}
td.text table table {display:inline; visibility:visible;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
.comments{visibility:visible;width:500px; height: 400px;position:absolute;top:120px;left:0px;
overflow:auto;background-color:transparent;
border:black 1px solid;z-index:2px;}
</style>



<style type=text/css>

body {
background-color: black;
background-image: url("");
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color: white;
scrollbar-track-color: black;
scrollbar-shadow-color: black;
scrollbar-face-color: white;
scrollbar-highlight-color: black;
scrollbar-darkshadow-color: white;
scrollbar-3dlight-color: black;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 1px solid; border-color: white; background-color: white; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea
{font:normal 9px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 9px arial; color:white; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{style for the number of comments you have. The actual ..}
.redtext{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase; }

{style for the number of friends you have.}
.redbtext{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase; }

{”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style}
.orangetext15{font-family: arial; color: white; font-weight: bold; font-size: 20px; letter-spacing: -2px;}

{”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style}
.lightbluetext8{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase; }

{”Contacting”, “Interests”, “Details”, and “Schools” title styling}
.whitetext12{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}

{”In your extended network” style}
.blacktext12{font-family: arial; color: white; font-weight: bold; font-size: 20px; letter-spacing: -2px; }

{Stylizing of your name above your picture }
.nametext{font-family: arial; color: white; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;}

{date stamp on comments}
.blacktext10{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}

{This is how all anchor points will be displayed; anchor points appear before all links.}
a{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase; }
a:link{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}

{”View all friends” and “invite more” link style}
a.redlink{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:link{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase; }
a.redlink:hover{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar} a.navbar{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:link{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:active{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color: white; font-weight:none;border:0px; text-transform: uppercase; }

</style>


<div class="bg" style="position: absolute; left:0px; top:0px; width:1080px; height:720px; overflow: hidden;">
<img src="http://img299.imageshack.us/img299/4601/baseballsunsetdc5.jpg">
</div>

<div class="content" style="position: absolute; left:000px; top:000px; width:000px; height:000px; overflow: auto;"><center>
lalalalala this is your content!
</div>

<style>td td object {position:absolute; left:0px; top:0px; display:block; width:0px; height:0px;}</style>


and this crap is in the intrest section

<div class="comments"><table><tr><td><table><tr><td>

but now i go to sleep a failure and i'll check this thing tommorow cause i been on since like 10:00 at least and its 1:30

[freeflow]

Ok how do you want it to look? Like explain what you want. do you want the image somewhere? Then the friends and comments next to it what?

You should make those tables transparent so they hide. To do so change this:
table table table {border: 1px solid; border-color: white; background-color: white; }


to
table table table {border: 1px solid; border-color: 000000; background-color: white; }

[bballer89]

i wanted to put a quote in the picture or just under and i wanted everything aligned down the center and i wanted it to have everything a normal myspace has just like the "aren't you a ray of sunshine" myspace div on this site

[freeflow]

- To put a quote in the picture you need to make it in a program such as photoshop or paint shop pro. Then upload the picture.

- To put a quote under the picture you can do it two ways you can do this:

CODE

<div class="bg" style="position: absolute; left:0px; top:0px; width:1080px; height:720px; overflow: hidden;">
<img src="http://img299.imageshack.us/img299/4601/baseballsunsetdc5.jpg"> <br>
quote goes here
</div>

Or you can make the quote in its own div.

- To make the image centered you need to edit the red:

<div class="bg" style="position: absolute; left:0px; top:0px; width:1080px; height:720px; overflow: hidden;">
<img src="http://img299.imageshack.us/img299/4601/baseballsunsetdc5.jpg">
</div>

To do so you change the 0 for left to a higher number and the 0 for top to a higher number. You can put any random number like 100 , 550, 667, etc. Just play around with numbers till you get the image where you want it. For top your number should be atleast over 150 . Then for left go over 150 so that you can make it more to the center. Just play around with numbers till the image is in the center where you want it.


- To add content under the picture you just need to edit the red in this code:

<div class="content" style="position: absolute; left:000px; top:000px; width:000px; height:000px; overflow: auto;"><center>
lalalalala this is your content!
</div>

I noticed you got the codes from the tutorial but I don't know if you actually read it. Because basically all you have are the codes but they aren't edited hte way it says too. Anyways what you do is you take the red parts, and change the 000 to actual numbers. The width and height are self explanitory. Make up a width and height but don't make it too big . For left make the number biger to go more to the right, and smaller to go more the left. For top the number should be over 150 make it bigger to go down. Make sure you don't take out the word px. That needs to stay there. Just edit the 000

After you get that box down you can copy that code and just change the positions to add another box. For each div you should change the name of the div. The name of the div is the red part:

<div class="content" style="position: absolute; left:000px; top:000px; width:000px; height:000px;overflow: auto;"><center>
lalalalala this is your content!
</div>

For each one just give it a diff name. For example say this one would be talking about you, and you want to call it me. All you do is change the word "content" to "me" . Give each one a different name so that it works out better.

- To position your comment/friends box edit this part of your code:

CODE

.comments{visibility:visible;width:500px; height: 400px;position:absolute;top:120px;left:0px;
overflow:auto;background-color:transparent;
border:black 1px solid;z-index:2px;}

All you have to do is change the top and left numbers. Make the left number bigger to move more to the right and make the top number bigger to move farther down. And vise versa.

[bballer89]

so i have to change it every time there is a "0px"

[bballer89]

before i put the quote i wanna put everything else like my display name and picture in there

[freeflow]

Don't double post just edit. Yes I said change 0px to a #px. I gave you hints for the numbers. To get your display picture there you need to make a new div. And upload your own picture adn go :

CODE

<img src="urltopicture">

To link view more pics you need to get your view more pics link, which you can do by logging in and right clicking on view more pics and copying the adress and pasting it in this code:

CODE

<a href="viewmorepicsurlgoeshere">View more pics</a>

You just put those in the div.

[bballer89]

nevermind i tried all morning but i couldn't get it and i found a myspace generator that was close enough to what i wanted

[freeflow]

I'm assuming you meant the bbz generator. Go ahead but some peple end up having problems with it and comming to us for help and sometimes we can't help. I suggest learning on your own . It takes some people a long time, but its up to you. The first time its not easy. AFter the first you pretty much get it down.

[bballer89]

no its fine everythings good accept for the fact that the script i used to put comments and friends in a seperate box won't let me change the color of the scroll bar

[freeflow]

You use this ::

CODE

<style type="text/css">
body{
background:000000;
scrollbar-arrow-color:000000;
scrollbar-track-color:000000;
scrollbar-shadow-color:B1D0F0;
scrollbar-face-color:B1D0F0;
scrollbar-highlight-color:B1D0F0;
scrollbar-darkshadow-color:B1D0F0;
scrollbar-3dlight-color:B1D0F0;}
</style>

Change 00000 to the color you want.
Change B1D0F0 to the color you want.
And scrollbar colors only work in IE.

[bballer89]

yeah that works but then that code make my backround disappear so its back to square one

[freeflow]

Which background? Background of the comment table?

[bballer89]

no the one for the whole layout the url is there but when i put the scroll bar thing in the backround disappears

[freeflow]

Take out the url in the other code. Then change the scrollbar code to this and add the url where it says too.

CODE

<style type="text/css">
body{
background-color:000000;
background-image: url( URLGOESHERE);
bakcground-position: left;
background-repeat: repeat;
scrollbar-arrow-color:000000;
scrollbar-track-color:000000;
scrollbar-shadow-color:B1D0F0;
scrollbar-face-color:B1D0F0;
scrollbar-highlight-color:B1D0F0;
scrollbar-darkshadow-color:B1D0F0;
scrollbar-3dlight-color:B1D0F0;}
</style>

[bballer89]

ahh one more thing how do i put every thing else in a scroll bar and center it..................can u even do that?

[freeflow]

What do you mean like your content and stuff? Post your current code and I'll tell you how.

[bballer89]

the whole code

[freeflow]

Yes post the whole code. But if your profile is a default table profile (meaning having 2 tables and not a div) its not possible.

[bballer89]

here everything i have..........


<div style="position:absolute;left:0px;top:0px;"><a href="http://www.myspacesupport.com/"><img src="http://www.myspacesupport.com/images/button.gif" border="0" alt="MySpace Layouts" /></div><style type="text/css">
body {
background-color: rgb(0, 0, 0);
background-image: url();
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
}
table, tr, td {
background-color: transparent;
border: 0px;
}

table table {
border: 0px;
}
table table table table{
border:0px;
}
table table table {
border-width: 2px;
border-color: rgb(0, 0, 61);
border-style: dashed;
background-color: transparent;
}
table table table td {
background-color: transparent;
filter:alpha(95);
-moz-opacity:0.95;
opacity:0.95;
-khtml-opacity:0.95;
}
table table table table td {
filter:none;
}
body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 {
font-family: Courier New;
font-size: 12px;
color: rgb(255, 118, 0);
font-weight: bold;
font-style: normal;
text-decoration: none;
}
.nametext {
padding: 5px;
display:block;
font-family: Courier New;
font-size: 21px;
color: rgb(255, 118, 0);
font-weight: bold;
font-style: normal;
text-decoration: none;
}
.whitetext12, .orangetext15 {
font-family: Courier New;
font-size: 12px;
color: rgb(255, 118, 0);
font-weight: bold;
font-style: normal;
text-decoration: none;
}
a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
color: rgb(0, 0, 100);
font-weight: bold;
font-style: italic;
text-decoration: none;
}
a.navbar:hover, a.man:hover, a:hover {
color: rgb(255, 118, 0);
font-weight: bold;
font-style: normal;
text-decoration: underline;
}
</style><br />Create your own custom <a href="http://www.myspacesupport.com/">MySpace Layouts</a><br /><br />



<style type="text/css">
.comments {
background-color:COLOROFYOURTABLES;}
</style>







<style type="text/css">
body{
background-color:black;
background-image: url(http://img329.imageshack.us/img329/8501/baseballsunsetif8.jpg );
bakcground-position: centered;
background-repeat: fixed;
scrollbar-arrow-color:orange;
scrollbar-track-color:black;
scrollbar-shadow-color:black;
scrollbar-face-color:black;
scrollbar-highlight-color:orange;
scrollbar-darkshadow-color:black;
scrollbar-3dlight-color:black;}
</style>




<style>td td object {position:absolute; left:0px; top:0px; display:block; width:0px; height:0px;}</style>



<style type="text/css">

body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}

</style>


<style type="text/css">.contactTable {display:none!important; border:0px !important;}</style>

[freeflow]

Its not possible you have a normal table layout. If you want everything in a scrollbar its not possible. You can put text in scrollbars but not everything.

[bballer89]

oh ok

would there be any way to change it so it can scroll or would i have to restart

[freeflow]

No theres no way. You mean having everything in a scrollbox so it scrolls? No there is no way with having a normal table layout. Divs its possible but thats alot of work sorta.

[bballer89]

ok i know i've been a hastle but one more question..........for now ...............................if i do a div can still have like every thing in there like my school and my details and all that good stuff?

oh and is the any way to make the back round picture like huge


<style type="text/css">
body{
background-color:black;
background-image: url(http://img329.imageshack.us/img329/8501/baseballsunsetif8.jpg );
bakcground-position: centered;
background-repeat: fixed;
scrollbar-arrow-color:orange;
scrollbar-track-color:black;
scrollbar-shadow-color:black;
scrollbar-face-color:black;
scrollbar-highlight-color:orange;
scrollbar-darkshadow-color:black;
scrollbar-3dlight-color:black;}
</style>


on this code or another way

[freeflow]

No you can't with a div. You have to add all that inormation in manually. And you can't make the background picture either with a code. You can make it bigger in a program but it will turned stretched out and kind of ugly. Or you can make it repeat.