Guys Plez Help!!! |
Guys Plez Help!!! |
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
|
|
|
|
![]() |
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. |
|
|
|
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> |
|
|
|
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.
|
|
|
|
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.
|
|
|
|
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> |
|
|
|
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
|
|
|
|
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.
|
|
|
|
![]() ![]() |