Log In · Register

 
DIV layout picture links, links for pictures messing the whole thing up
KrisbKreme96
post Sep 4 2006, 12:17 AM
Post #1


.::Kristen::.
**

Group: Member
Posts: 14
Joined: Jul 2004
Member No: 29,967



alright, so im making this div and its like from scratch almost but i have this problem where i try to link one picture and like all of them link the same link AND the text next to one of the pictures (the one that im NOT trying to link) and i wanted to know if there was a way to link only one picture at a timee...

heres my code

About Me:
CODE
</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);
background-position:right center;
background-repeat:no-repeat;
background-attachent:fixed;


Good Luck!

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

<style type="text/css">
body {background-color:000000; background-image:none;}
td, .text, div, input {color:009900 !important;}
a {color:f8e858 !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, a.navbar { 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;}

.div0 {
background-color:000000; color:009900;
border:2px solid; border-color:f858c8;
width:800px; height:150px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-400px; margin-top:725px; text-align:center;
visibility:visible;}

.div1 {
background-color:000000; color:009900;
border:2px solid; border-color:f858c8;
width:550px; height:550px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-400px; margin-top:150px; text-align:justify;
visibility:visible;}

.div2 {
background-color:000000; color:009900;
border:2px solid; border-color:f858c8;
width:225px; height:550px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:175px; margin-top:150px; 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>


I'd Like To Meet
CODE
</td></tr></table></td></tr></table></td></tr></table></div>

<div class="bbzContainer">
<div class="div0">
<font size=5>My Heroes</font><br><br>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=19379390&MyToken=2bbe7157-a60a-4f45-855d-b3fd66ba9d06"><img src="http://img.photobucket.com/albums/v662/KrisbKreme96/Kaitlin.jpg" border="2"
</div>

<div class="div1"><BR><BR>
<p style="line-height:6px;text-align:center !important;"><span style="font-size:30px !important;color:f858c8
!important;font-family:Verdana !important;letter-spacing:-5px !important;">Hello, my name is</span><br><span style="color: 53d457 !important;font-family:Verdana !important;font-size:40px !important;letter-spacing:-9px !important;">Kristener</span></p><br><br>

<img src="http://img.photobucket.com/albums/v662/KrisbKreme96/Kristen.jpg" hspace="3" vspace="3" align="left" text-align="right" border="2">

<b> Name </b>: Kristen <br> <b> Age </b>: 20 <br> <b> Location </b>: Smithfield, Rhode Island <br> <b> Status </b>: Single<br> <b> AIM </b>: KrisbKreme96 <br> <b> A Lil Bit About Moi </b>: My name is Kristen (durr) and I<b> L-O-V-E </b> to singgg. I have a job & it sucks ass. I love my friends, without them I'd be nothing I'm short, a lil chubby but I'm SUPERr COOL :p. I'm currently single but not really looking... I've got someone in mind :x. I'm <i> O-B-S-E-S-S-E-D </i> with Harry potter and The X-Files. I love movies. Cuddling is my alltime <s> F-A-V-O-R-I-T-E </s> thing to do. I have naturally brown hair and brown eyes. I think my butt looks nice in jeans and my black and white work clothes are <u> B-O-R-I-N-G. </u> I like to use the word <i> gangster </i> an awful lot, but its not yet over used :p. and I like to go on shopping sprees with Diane hehe. WELP thats all about me for now, maybe I'll get bored and add more later...Probably not though...::shrug:: you'll get over it :) <br>
<center> &hearts Kristener &hearts </center>
<br>
<br>

<center><font-color:f8e858>
is it too much to ask for <s>somebody</s><br>
to <b>cuddle</b> with me and watch <i>Harry<br>
Potter</i> while i fall asleep in their arms??

<br>
<br>
my heart will always be with him...<br>
even though his is somewhere else,i<br>
believe in fate and i believe that<br>
if things were meant to be, he will<br>
come back to me...i love you baby..<br>
with all my heart and ill always be<br>
here for you...no matter what...you<br>
know where to find me;)
<br>
~*~Kristen~*~
<br><br>
<center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="8221009" type="hidden"><textarea name="f_comments" cols="40" rows="7" style="border-width: 1px; border-style: solid; border-color: f858c8; font-family: Tahoma; font-size: 10px; color: 009900; background-color: 000000;" style="overflow:auto;">Kristener, you are THE coolest, most gangsterest person I know! </textarea><br> <input value="comment" style="border-width: 1px; border-style: solid; border-color: f858c8; font-family: Tahoma; font-size: 10px; color: 53d457; background-color: 000000;" type="submit"> <input value="clear" style="border-width: 1px; border-style: solid; border-color: f858c8; font-family: Tahoma; font-size: 10px; color: 009900; background-color: 000000;" type="reset"></form></center>
</div>

<div class="div2">
<font size=5>Navigation</font><br><br>- - - - - - -<br>
<a href="http://home.myspace.com/index.cfm?fuseaction=user"class="menusearch">Home</a><br> - - - - - - -<br>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=8221009"class="menusearch">Add Me</a><br> - - - - - - -<br>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=8221009"class="menusearch">Message Me</a><br> - - - - - - - <br>
<a href="http://home13.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=8221009"class="menusearch">View Friends</a><br> - - - - - - - <br>
<a href="http://home13.myspace.com/index.cfm?fuseaction=user.viewcomments&friendID=8221009
"class="menusearch">View Comments</a><br> - - - - - - -<br>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=8221009"class="menusearch">View Blogs</a><br> - - - - - - -<br>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=8221009"class="menusearch">View Pictures</a><br> - - - - - - - <br>
<a href="http://comments.myspace.com/index.cfm?fuseaction=user&circuitaction=viewProfile_commentForm&friendID=8221009"class="menusearch">Add A Comment</a><br>- - - - - - -<br>
<br>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=8221009" target="_blank"><img src="http://img.photobucket.com/albums/v662/KrisbKreme96/Kristen13.jpg" border="0"> </a>
</div>

</div>

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


plus it looks TOTALLY different in internet explorer...i use firefox and it looks a lil better in firefox...eh..idk

MYSPACE <--if you want to look at it...

thanks!
 
 
Start new topic
Replies
KrisbKreme96
post Sep 4 2006, 10:15 PM
Post #2


.::Kristen::.
**

Group: Member
Posts: 14
Joined: Jul 2004
Member No: 29,967



haha thats itt thanks a lot!!! <33
 

Posts in this topic
KrisbKreme96   DIV layout picture links   Sep 4 2006, 12:17 AM
This Confession   To tell you the truth your not making the div from...   Sep 4 2006, 01:45 AM
KrisbKreme96   well, i took it out and it still looks the same ::...   Sep 4 2006, 11:58 AM
WHIMSICAL 0NE   In your first div you have: CODE<a href="h...   Sep 4 2006, 12:45 PM
KrisbKreme96   haha thats itt thanks a lot!!! <33   Sep 4 2006, 10:15 PM


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