MY FIRST DIV LAYOUT!!! |
This Month's Contests | Hosts Looking for Hostees | Hostees looking for Hosts | BigBookofResources
Submission Guidelines
MY FIRST DIV LAYOUT!!! |
Nov 11 2006, 12:50 AM
Post
#1
|
|
![]() Melieized ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 1,372 Joined: Nov 2006 Member No: 478,715 |
My DIV Layout
Ok everyone! please let me know what you think of it. i'm very new to this so be gentle. i'm having problems submitting it. it keeps telling me that my images should be in jpg, gif, or png. all of my images are one of those links so i don't understand why it's not working. here are the codes CODE {ABOUT ME SECTION} <style type="text/css"> .Main { position:absolute; left:50%; top:125px; width:1000px; z-index:1; margin-left:-500px; padding:0px; border:0px; background-color:transparent;} <style type="text/css">.comments {visibility:hidden;display:none;}</style><br /> <style>Body{background-color:7c7c7c; scrollbar-arrow-color:000000; scrollbar-track-color: c8c6c8; scrollbar-shadow-color: 797879; scrollbar-face-color:a4a4a4; scrollbar-highlight-color:878687; scrollbar-darkshadow-color:5d5b5d; scrollbar-3dlight-color:a9a8a9;} a:link, a.man{font-family:Kristen ITC; font-size:16px; color:c302fa; font-weight:none;border:0px; text-transform: lowercase; letter-spacing: 0px;} a:active{font-family:Kristen ITC; font-size:16px; color:8ed1f7; font-weight:none;border:0px; text-transform: lowercase;} a:visited{font-family:Kristen ITC; font-size:16px; color:c302fa; font-weight:none;border:0px; text-transform: lowercase;} a:hover{font-family:Kristen ITC; font-size:16px; color:01a2fd; font-weight:none;border:0px; text-transform: lowercase;} </style> <style type=text/css> .comments {width:#px; overflow: none;} .comments table {background-color: transparent;margin-top: -3px;} .comments td {font-color: FFFFFF; font-size: 11px; font-family: tahoma;} table table td.text table td.text tbody table tbody td table td {display: none;} td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;} td.text td.text table {background-color:transparent;} td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;} td.text td.text table table td {padding:3;} td.text td.text table table br {display:inline;} td.text td.text table td {font-size:0pt;}td.text td.text {height:0;}td.text td.text table b, td.text td.text table table td {font-size:8pt;} </style> CODE {I'D LIKE TO MEET!}
<div class="Main"> <table style="width:1000px; height:600px; cellpadding:0px; cellspacing:0px; border:0px solid silver; background-color:7c7c7c;}"> <tr> <td valign="top"> <a href><img src="http://img224.imageshack.us/img224/8488/untitled1sq0.jpg" border="0" /></a> <div id="my info" style="position:absolute; width:200px; height:230px; z-index:0; left:220px; top:120px; background-color: transparent; font-family:Kristen ITC; font-size:24px; color:000000; font-weight:none;border:0px; text-transform: lowercase;"><b><center>♥melissa♥</b><br/></center> <center> <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=127917178"> <img src="http://img139.imageshack.us/img139/6897/maxly7.jpg" width=130 height=130 border=3><br/><large>View my: Pics </large></A></center> </div> <div id="about me" style="position:absolute; width:290px; height:230px; z-index:0; left:480px; top:120px; background-color: transparent; font-family:Kristen ITC; font-size:24px; color:000000; font-weight:none;border:0px; text-transform: lowercase;"><b><center>♥about me♥</b><br/></center> ***{ENTER TEXT}*** </div> <div id="links" style="position:absolute; width:494px; height:100px; z-index:0; left:260px; top:350px; background-color: transparent;"><center><a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=366dbfc4-466f-4c9b-a1ba-a9561ea9b965">Home</a> ♥ <a href="http://www.myspace.com/index.cfm?fuseaction=user.homeComments&friendID=127917178">Comments</a>♥ <a href="http://blog.myspace.com/127917178">Blog</a>♥ <a href="http://mail8.myspace.com/index.cfm?fuseaction=mail.message&friendID=127917178">Send Message</a> ♥ <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=127917178">Add To Friends</a> ♥ <a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=127917178">View Friends</a> ♥ </div> <div id="comments" style="position:absolute; width:587px; height:112px; z-index:0; left:220px; top:410px; background-color: transparent;background-color: transparent; font-family:Kristen ITC; font-size:24px; color:000000; font-weight:none;border:0px; text-transform: lowercase;"> <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="127917178" type="hidden"><textarea name="f_comments" style="width: 450px; height: 70;" cols="10" rows="7" style="border-width: 2px; border-style: solid; border-color: 8ed1f7; font-family: Kristen ITC; text-transform:lowercase; letter-spacing:1pt;font-size: 12px; color: 000000; background-color: 8ed1f7;" style="overflow:auto;">hello my queen :)</textarea> <br> <input value="ENTER" style="border-width: 1px; border-style: solid; border-color: c302fa; width:65px; font-family: Kristen ITC; text-transform:lowercase; letter-spacing:1pt; font-size: 12px; color: 000000; background-color: 8ed1f7;" type="submit"> <input value="ERASE" style="border-width: 1px; border-style: solid; border-color: c302fa; width:65px; font-family: Kristen ITC; text-transform:lowercase; letter-spacing:1pt;font-size: 12px; color: 000000; background-color: 8ed1f7;" type="reset"></form> </div> <div id="friends" style="position:absolute; width:85px; height:800px; z-index:0; left:840px; top:130px; background-color: transparent;background-color: transparent; font-family:Kristen ITC; font-size:16px; color:000000; font-weight:none;border:0px; text-transform: lowercase;"><b>♥FRIENDS♥</b></br> <marquee direction="down"> <a href="http://www.myspace.com/47081579"><img src="http://i61.photobucket.com/albums/h76/mart032280/icons/Hammy-CanYouHelpMeFindMyNuts.png" width="80"></a> <a href="http://www.myspace.com/60287295"><img src="http://i61.photobucket.com/albums/h76/mart032280/icons/ohgreatandpowerfulsteve.jpg" width="80"></a> <a href="http://www.myspace.com/47976285"><img src="http://i61.photobucket.com/albums/h76/mart032280/icons/oth56.jpg" width="80"></a> <a href="http://www.myspace.com/4302113"><img src="http://i61.photobucket.com/albums/h76/mart032280/icons/Boo.gif" width="80"></a> </marquee> </div> <br /> <style> .a { hide friends and comments } .friendsAndComments {display:none;} .a { unhide edit link and submit button } table table table table table div {display:block !important;} </style> </td></tr></table> </td></tr></table> <div class="friendsAndComments"> <table><tr><td> <table><tr><td> |
|
|
|
![]() |
| *WHIMSICAL 0NE* |
Nov 11 2006, 01:04 AM
Post
#2
|
|
Guest |
Um, it's alright for a first. I think the graphic is really lacking though. And there's a blue border around the pics (I'm using AOL) You should be able to get rid of them with this:
CODE img { filter:none;border:0px;}
a:link img { filter:none;border:0px;} a:hover img { filter:none;border:0px;} |
|
|
|
Nov 11 2006, 09:53 AM
Post
#3
|
|
![]() Melieized ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 1,372 Joined: Nov 2006 Member No: 478,715 |
Um, it's alright for a first. I think the graphic is really lacking though. And there's a blue border around the pics (I'm using AOL) You should be able to get rid of them with this: CODE img { filter:none;border:0px;} a:link img { filter:none;border:0px;} a:hover img { filter:none;border:0px;} thanks for the code. i hope it works i'm not sure. when i look at it though i don't see it but i put it there anyway just in case. as for the graphics, i'm still learning how to use photoshop. i just hope one day i can be just like you! THANKS AGAIN!! I personally just hate tacky fonts like Kristen ITC and Comic Sans. This wasn't pleasing to me at all. There is also a link attached to your overlay image with makes it impossible to click anywhere but on it. Other than those few details lacking acceptance, it is an okay job for your first DIV design. I really appreciate your honesty. i like these fonts for some reason but i can understand that not everyone does. as for the link, i've looked through the codes and i don't see any links attached to the overlay. Do you OR ANYONE[u] have any graphic tips that i could use to enhance this overlay? i would really appreciate it. THANKS AGAIN!! |
|
|
|
melie MY FIRST DIV LAYOUT!!! Nov 11 2006, 12:50 AM
anime.essence I personally just hate tacky fonts like Kristen IT... Nov 11 2006, 03:15 AM
anime.essence I still thought the design was okay, I didn't ... Nov 11 2006, 11:31 AM
melie thanks for the code. i pasted it on to the profile... Nov 11 2006, 01:37 PM
showstopper! are you using PS or PSP?
you might want to add som... Nov 11 2006, 03:43 PM
melie QUOTE(showstopper! @ Nov 11 2006, 3:4... Nov 11 2006, 06:55 PM
showstopper! well if you want everyones opinion on it,
then pos... Nov 11 2006, 07:05 PM
WHIMSICAL 0NE Yeah, now there's no more blue borders
If t... Nov 11 2006, 07:19 PM![]() ![]() |