Log In · Register

 
Guys Plez Help!!!
want_u_2_want_me
post Feb 20 2006, 09:52 PM
Post #1


Senior Member
***

Group: Member
Posts: 58
Joined: Feb 2006
Member No: 368,992



k yea i kno ppl keep sayin not 2 ask 4 sum 1 2 make u a div overlay nd yea i kno i shud juss look around scripts nd figur it out myself but i really need sum 1 2 explain it 2 me step by step like seriously i juss learned what a div overlay so i need sum major help plezzzzzzzzz
 
 
Start new topic
Replies (1 - 7)
freeflow
post Feb 20 2006, 10:02 PM
Post #2


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270



Theres not that many steps to explain its easier if you have previous knowledge.

1. Make your image.
2. Upload your image.
3. Hide your profile.
4. In the who'd I like to meet content section put <img src="urltoimage">
5. Use basic divs codes to algin text in.

Thats a simple div overlay. All codes you can find in scripts accept the last one which is
CODE
<div class="content" style="position: absolute; left:000px;  top:000px; width:000px; height:000px; overflow: auto;"><center>
lalalalala this is your content!
</div>


Reading through this helps if you go through and read everything. I mean like actually take the time and re read thigns you don't get and don't give up for a while. That usually works
http://www.createblog.com/forums/index.php?showtopic=97397

I kind of skimmed so if thers anything you want me to explain on better just say so.
 
want_u_2_want_me
post Feb 23 2006, 04:40 PM
Post #3


Senior Member
***

Group: Member
Posts: 58
Joined: Feb 2006
Member No: 368,992



myspace

k here's the div overlay i made with a generator can u tell me how 2 hide the borders around the boxes nd how 2 i write stuff in them nd also i want the boxes closer together so theres not spaces between everything

Here is everything in my profile my question is where do i put images at nd write my about me at nd where do i put links like add me nd message me stuff like that cuz i put the code in nd it jus didnt work
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

</td></tr></table></td></tr></table></td></tr></table></div> <style> BASIC INSTRUCTIONS: You can delete this section from the code if you don't need it, but it won't affect the looks of your profile in any way. For every div class (.div1, .div2, etc) you will notice a lot of common properties. To move the layer, use: ** margin-top to move it up and down ** margin-left to move it left and right margin-left begins from the center of your page. If you set it to 0px, the top left corner of the div will be located in the center of the profile. If you want the layer in the center of your profile take the width of the div, divide it by 2, and multiply it by -1. (In other words, divide it by 2 and make it a negative number.) For example, your div is 400px wide. Give it a margin-left of -200px and the div layer will sit in the middle of the screen. Now, if you want to move it somewhere else, you will have to experiment with the position. margin-top should be no less than 150px since anything above that may overlap the MySpace advertisment. The rest is self explanatory, width for width, height for height, colors and so on. Good Luck! mrk bbz Overlay Model Generator (beta) http://bbzspace.com </style> <style type="text/css"> body {background-color:white;} td, .text, div, input {color:white !important;} span, b {color:white !important;} a {color:silver !important;} img {border:0px;} table, tr, td, tbody {background-color:transparent; border:0px;} div table td font {visibility:hidden;} div table table table td font {visibility:visible;} object {display:block; position:absolute; top:0px; left:0px; visibility:visible;} table div div, table tr td div font a {visibility:hidden;} .div1 a, .div2 a, .div3 a, .div4 a {visibility:visible !important;} .text, table table table table a, table table table table div, .frm1 {visibility:hidden;} table table table table div a, .frm1 input {visibility:visible;} .text, td.text td.text table, .contactTable, .lightbluetext8 {display:none;} table table, table table td {padding:0px; height:0px;} .div0 { background-color:black; color:white; border:2px solid; border-color:silver; width:800px; height:85px; overflow:auto; position:absolute; z-index:2; left:50%; top:0%; margin-left:-400px; margin-top:150px; visibility:visible;} .div1 { background-color:black; color:white; border:2px solid; border-color:silver; width:250px; height:500px; overflow:auto; position:absolute; z-index:2; left:50%; top:0%; margin-left:-400px; margin-top:330px; visibility:visible;} .div2 { background-color:black; color:white; border:2px solid; border-color:silver; width:530px; height:240px; overflow:auto; position:absolute; z-index:2; left:50%; top:0%; margin-left:-130px; margin-top:330px; visibility:visible;} .div3 { background-color:black; color:white; border:2px solid; border-color:silver; width:630px; height:410px; overflow:auto; position:absolute; z-index:2; left:50%; top:0%; margin-left:-130px; margin-top:590px; visibility:visible;} .bbzDiv {content:"Fosho";} </style> <div class="frm1"><table><tr><td><table><tr><td><table><tr><td> http://mail.myspace.com/index.cfm?fuseacti...iendID=57180719




</td></tr></table></td></tr></table></td></tr></table></div> <div class="div0"> <font size=5>top div</font> </div> <div class="div1"> <font size=5>left div</font> <br><br> <img src="http://groups.myspace.com/images/no_pic.gif"> <br><br> <a href="http://bbzspace.com">bbzSpace</a> </div> <div class="div2"> <font size=5>right 1 div</font> </div> <div class="div3"> <font size=5>right 2 div</font> </div> <style type="text/css"> .frm2 {visibility:hidden;} .frm2 input {visibility:visible;} .bbzURL {content:"http://overlay.bbzspace.com";} </style> <div class="frm2"><table><tr><td><table><tr><td><table><tr><td>
 
freeflow
post Feb 23 2006, 07:23 PM
Post #4


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270



Take your profile out of private.
 
want_u_2_want_me
post Feb 23 2006, 09:08 PM
Post #5


Senior Member
***

Group: Member
Posts: 58
Joined: Feb 2006
Member No: 368,992



okay srry bout that. changed it.
 
freeflow
post Feb 23 2006, 09:12 PM
Post #6


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270



To get rid of borders find this:
border:2px solid
Change it to 0px

To write content write it between "> and </div>
ex:
<div class="div2"> <font size=5>right 1 div</font> </div>
wiret your content inbetween "> and </div>
 
want_u_2_want_me
post Feb 23 2006, 09:29 PM
Post #7


Senior Member
***

Group: Member
Posts: 58
Joined: Feb 2006
Member No: 368,992



thanks so much i feel stupid cuz that was so easy but how do u put all the boxes together lik how it has the spaces. is there a code 2 to make it all touch
 
want_u_2_want_me
post Feb 23 2006, 09:41 PM
Post #8


Senior Member
***

Group: Member
Posts: 58
Joined: Feb 2006
Member No: 368,992



yea nvr mind figured it out myself. kthanxsbi.
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: