It is currently Mon Sep 01, 2014 7:47 pm

All times are UTC - 5 hours [ DST ]


Discussion forums have moved to the new Lunapic Community on Facebook



Forum locked This topic is locked, you cannot edit posts or make further replies.  [ 12 posts ] 
Author Message
 Post subject: making div layouts
PostPosted: Sun Jan 27, 2008 5:13 pm 
Active Member

Joined: Sun Jan 27, 2008 5:11 pm
Cash on hand:
0.00 LunaPic Points

Posts: 5
Invitations sent: 0
Successful invitations: 0
i was wondering if anyone can help me learn hoe to make div overlays for myspace??? or tell me where i can learn???


Top
 Profile  
 
 Post subject: Re: making div layouts
PostPosted: Sun Jan 27, 2008 7:40 pm 
Pro
User avatar

Joined: Mon Oct 30, 2006 9:49 pm
Cash on hand:
622.10 LunaPic Points

Posts: 491
Location: south carolina
Invitations sent: 0
Successful invitations: 0
you want something like this
http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=183197383&MyToken=ff71af50-8173-47eb-b2ea-f4d478dfa9bb

_________________
Image


Top
 Profile  
 
 Post subject: Re: making div layouts
PostPosted: Sun Jan 27, 2008 8:59 pm 
Active Member

Joined: Sun Jan 27, 2008 5:11 pm
Cash on hand:
0.00 LunaPic Points

Posts: 5
Invitations sent: 0
Successful invitations: 0
yes that was very cute....i would love to learn how to make div's like that one.


Top
 Profile  
 
 Post subject: Re: making div layouts
PostPosted: Sun Jan 27, 2008 9:07 pm 
Pro
User avatar

Joined: Mon Oct 30, 2006 9:49 pm
Cash on hand:
622.10 LunaPic Points

Posts: 491
Location: south carolina
Invitations sent: 0
Successful invitations: 0
its very hard to learn

i use to have one
you can't fit alot of stuff on them

but befor you start
a few things you need to know

1.html
Code:
</style>

url codes
font codes
stuff like that

2.how many boxes you want ?
friends showing or not?
comment showing or not?
heres
the codes
http://www.hot-lyts.com/divs/generalsection1.txt

_________________
Image


Top
 Profile  
 
 Post subject: Re: making div layouts
PostPosted: Sun Jan 27, 2008 9:09 pm 
Pro
User avatar

Joined: Mon Oct 30, 2006 9:49 pm
Cash on hand:
622.10 LunaPic Points

Posts: 491
Location: south carolina
Invitations sent: 0
Successful invitations: 0
or better yet

try this 1st

http://www.hot-lyts.com/divlayoutgenerator/

_________________
Image


Top
 Profile  
 
 Post subject: Re: making div layouts
PostPosted: Sun Jan 27, 2008 10:31 pm 
Active Member

Joined: Sun Jan 27, 2008 5:11 pm
Cash on hand:
0.00 LunaPic Points

Posts: 5
Invitations sent: 0
Successful invitations: 0
i was trying to learn how to make them really well so i won't jave to use a generator from some website because their link always shows up on your overlay....how did you learn how to make them???


Top
 Profile  
 
 Post subject: Re: making div layouts
PostPosted: Wed Jan 30, 2008 5:45 pm 
Pro
User avatar

Joined: Mon Oct 30, 2006 9:49 pm
Cash on hand:
622.10 LunaPic Points

Posts: 491
Location: south carolina
Invitations sent: 0
Successful invitations: 0
Its trail and error

i can give ya a code but i don't know how many boxs
you want
but
here a basic your pic and 2 box code
with BASIC INSTRUCTIONS
Code:
------Put this in your ' about me' ------



</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.

Style and Format:
The divs will automatically align everything to the center, in order to make the text and pictures aligned to right or left, look for "text-align:center;" and replace center with left, right, or justify.

If you want your comments to flow automatically rather than have them stuffed in a scroll box, look for the comments selector, named .comt {} inside .comt, you will fine overflow:auto; change auto to overflow:none;

To move the personal song player, look for the embed {}

To add a background image to each div (box), add this to your div selector:

background-image:url(URL to background);
background-position:center center;
background-repeat:repeat;
background-attachent:scroll;


Good Luck!

bbz Overlay Model Generator v0.5
bbzSpace dot com
</style>

<style type="text/css">
body {background-color:000000; background-image:url(""); background-repeat:no-repeat; background-position: left center; background-attachment:fixed;}
td, .text, div, input {color:FFFFFF !important;}
a {color:000066 !important;} img {border:0px;}
table, tr, td {background:transparent; border:0px;}
img, .contactTable { display:none; }
.bbzContainer img, .comt img { display:inline; }
table div, td td td, table div div { visibility:hidden; }
font, a, .bbzsc a { visibility:hidden; }
marquee { visibility:visible !important; }

.bbzComment { This is where you control the position of the player. }
table table embed {display:block; width:202px; height:35px; position:absolute; top:0px; left:0px; visibility:visible;}
table table table embed,  .bbzContainer div embed {position:static !important; width:auto; height:auto; }
.text, table table table table a,
table table table table div,table table table table div a {visibility:visible;}
.bbzComment { You selected to hide comments. }
.bbzsc { display:none; }
.text, td.text td.text table, .contactTable, .lightbluetext8 {display:none;}
table table, table table td {padding:0px; height:0px;}

.divbackground {
background-color:transparent; color:FFFFFF;
border:0px solid; border-color:transparent;
width:1000px; height:600px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-500px; margin-top:150px; text-align:center;
visibility:visible;}

.div1 {
background-color:transparent; color:FFFFFF;
border:0px solid; border-color:transparent;
width:226px; height:310px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-350px; margin-top:200px; text-align:center;
visibility:visible;}

.div2 {
background-color:transparent; color:FFFFFF;
border:0px solid; border-color:transparent;
width:220px; height:215px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-125px; margin-top:150px; text-align:center;
visibility:visible;}

.nav_list {
   margin: 0;
   padding: 0;
   width: 170px;
   list-style: none;
   overflow: hidden;
}

.nav_list li {
   width: 170px;
   overflow: hidden;
   text-transform: uppercase;
   font-size:9px;
   font-weight:bold;
}

.nav_list a {
   color:ffffff !important;
   font-size:11px;
}

.nav_list a:hover{
text-decoration:none !important;

}
.li_nav_body a  {
   display: block;
   width: 170px;
   height: 20px;
   background-image: url(http://i75.photobucket.com/albums/i284/JELP/Myspace%20Profile/navi1.png);
   background-repeat: no-repeat;
   padding-left: 25px;
   line-height:20px;
}

.li_nav_footer a  {
   display: block;
   width: 170px;
   height: 21px;
   background-image: url(http://i75.photobucket.com/albums/i284/JELP/Myspace%20Profile/navi1.png) ;
   background-repeat:no-repeat;
   background-position:  0 0px;
   padding-left: 25px;
   line-height:21px;
}

.li_nav_body a:hover {
   background-position:  0 -20px;
   color:016001;
}

.li_nav_footer a:hover {
   background-position:  0 -20px;
   color:016001;
}

.li_active a:active  {
   background-image: url(http://www.layoutlemon.com/images/layouts/div/cityinpaint/nav_body.png) ;
   background-repeat:no-repeat;
   background-position:  0 -40px;
   color:fff;
}

.r{}

.container {
   width:100%;
   background: url(http://www.layoutlemon.com/images/layouts/div/cityinpaint/sidebar_body.png) 30px 0px repeat-y !important;
   background: url(http://www.layoutlemon.com/images/layouts/div/cityinpaint/sidebar_body.png) 60px 0px repeat-y;
   min-height:100%;
   height:100%;
   
}


.menu_header {
   width:150px;
   height:226px;
   text-align:center;
   float:left;
   margin:0 0 0 30px;

   margin-top:15px;
}

.menu_left {
   width: 170px;
   min-height: 100%;
   margin:0 0 0 30px;
   float: left;
    background: url(http://www.layoutlemon.com/images/layouts/div/cityinpaint/sidebar_body.png) repeat-y;
}

.login_box {
   width: 170px;
   float:left;
   margin:0 0 0 10px;
}

.head {
    width: 900px !important;
   width: 226px;
   height: 310px;
   float:left;
   text-align: right;
}

.content {
   width: 200px;
   text-align: justify;
   float: left;
   margin:0 0 0 20px;
   background: url(http://www.layoutlemon.com/images/layouts/div/cityinpaint/sidebar_body.png) 10px 0px repeat-y !important;
   background: url(http://www.layoutlemon.com/images/layouts/div/cityinpaint/sidebar_body.png) 20px 0px repeat-y;
}

.content_box {
   width: 150px;
   margin:0px 0px 0px 30px;
   float: left;
   padding:0px;
}

.content_box_large {
   width: 280px;
   margin:0px 0px 0px 20px;
   float: left;
}

.content_box_photo {
   width: 200px;
   margin:0px 0px 0px -10px;
   float: left;
   padding-left:30px;
}

.content_footer {
   background: url(http://www.layoutlemon.com/images/layouts/div/cityinpaint/sidebar_body.png) 30px 0px repeat-y !important;
   background: url(http://www.layoutlemon.com/images/layouts/div/cityinpaint/sidebar_body.png) 60px 0px repeat-y;
   width:100%;
   clear:both;
   margin-bottom:-200px;
   height:50px;
}


.div3 {
background-color:transparent; color:FFFFFF;
border:0px solid; border-color:transparent;
width:226px; height:310px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:123px; margin-top:200px; text-align:center;
visibility:visible;}
marquee { z-index:8; }
table div, span, td td td, table div div { visibility:hidden !important; }
.bbzContainer div, .bbzContainer div font, .bbzContainer div a, .bbzContainer div div, .bbzContainer font a, .bbzContainer span, .bbzContainer div table a, .bbzContainer div table img, .bbzContainer div table font, .bbzContainer div table, .bbzContainer div table td, .comt, .comt td, .comt span, .comt a, .comt div {visibility:visible !important;}

.bbzDiv {content:"Overlay Generator beta";}
</style>
<div style="display:none;"><table><tr><td><table><tr><td><table><tr><td>




-----Put this in your 'I'd like to meet' ------

</td></tr></table></td></tr></table></td></tr></table></div>

<div class="bbzContainer">

<div class="divbackground">
<img src="http://i75.photobucket.com/albums/i284/JELP/Myspace%20Profile/dontremove.png" />

<div class="div1">
<img src="Picture URL here" /><br>
<i>"Your caption"</i><br><br><b>Name</b> ~ <i>Your Name</i><br>
<b>Age</b> ~ <i>Your age</i><br>
<b>School</b> ~ <i>What type of school</i><br>
<b>Sex</b> ~ <i>Your gender</i><br>
<b>Hometown</b> ~ <i>Your hometown</i><br>
<b>Music</b> ~ <i>The music type you like</i><br>
</div>

<div class="div2">
<div class="content">
<div class="login_box">
<ul class="nav_list">
<li class="li_nav_body"><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=xxxxxxx&MyToken=261bb1b0-bf12-4af6-a1f0-c3bf604f82b6">Navigation</a></li>
<li class="li_nav_body"><a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=68fc8a25-d7b8-4b2f-ba17-063e3ed97dd2">Home</a></li>
<li class="li_nav_body"><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=xxxxxxx">Add me</a></li>
<li class="li_nav_body"><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=xxxxxxx ">Photos</a></li>
<li class="li_nav_body"><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=xxxxxxx">Message</a></li>
<li class="li_nav_body"><a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=xxxxxxx ">Friends</a></li>
<li class="li_nav_body"><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.forward&friendID=xxxxxxx &f=forwardprofile">Forward</a></li>
<li class="li_nav_body"><a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=xxxxxxx&MyToken=a30bd00c-210b-49c9-ac8f-36eb70548573">Comment</a></li>
<ul class="nav_list">
<li class="li_nav_body"><a href="http://messaging.myspace.com/index.cfm?fuseaction=block.blockUser&userID=xxxxxxx">Block</a></li>
</div>
</div>
</div>

<div class="div3">
About yourself


</div>

</div>

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

_________________
Image


Top
 Profile  
 
 Post subject: Re: making div layouts
PostPosted: Wed Jan 30, 2008 11:45 pm 
Pro
User avatar

Joined: Wed Jul 25, 2007 7:38 pm
Cash on hand:
1,000.00 LunaPic Points

Posts: 729
Location: Texas
Invitations sent: 0
Successful invitations: 0
MUSICFOOL wrote:

thanks for posting that link! http://profile.myspace.com/index.cfm?fu ... =226654635 i tired it out..it didnt turn out so bad lol

_________________
Image


Top
 Profile  
 
 Post subject: Re: making div layouts
PostPosted: Thu Jan 31, 2008 3:02 pm 
Pro
User avatar

Joined: Mon Oct 30, 2006 9:49 pm
Cash on hand:
622.10 LunaPic Points

Posts: 491
Location: south carolina
Invitations sent: 0
Successful invitations: 0
heres
another

http://www.bbzspace.com/overlay/

_________________
Image


Top
 Profile  
 
 Post subject: Re: making div layouts
PostPosted: Thu Jan 31, 2008 4:07 pm 
Pro
User avatar

Joined: Mon Oct 30, 2006 9:49 pm
Cash on hand:
622.10 LunaPic Points

Posts: 491
Location: south carolina
Invitations sent: 0
Successful invitations: 0
heres mine

my test page
still gotta few things to work out
http://www.myspace.com/thelostandneverfound

_________________
Image


Top
 Profile  
 
 Post subject: Re: making div layouts
PostPosted: Thu Jan 31, 2008 5:31 pm 
Pro
User avatar

Joined: Wed Jul 25, 2007 7:38 pm
Cash on hand:
1,000.00 LunaPic Points

Posts: 729
Location: Texas
Invitations sent: 0
Successful invitations: 0
MUSICFOOL wrote:
heres mine

my test page
still gotta few things to work out
http://www.myspace.com/thelostandneverfound

O wow! yours is really awsum!

_________________
Image


Top
 Profile  
 
 Post subject: Re: making div layouts
PostPosted: Fri Feb 01, 2008 7:47 pm 
Pro
User avatar

Joined: Mon Oct 30, 2006 9:49 pm
Cash on hand:
622.10 LunaPic Points

Posts: 491
Location: south carolina
Invitations sent: 0
Successful invitations: 0
thanks
i still gotta work out about the user neg bar

_________________
Image


Top
 Profile  
 
Display posts from previous:  Sort by  
Forum locked This topic is locked, you cannot edit posts or make further replies.  [ 12 posts ] 

All times are UTC - 5 hours [ DST ]


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB® Forum Software © phpBB Group