Log In · Register

 

Resource Center Links

This Month's Contests | Hosts Looking for Hostees | Hostees looking for Hosts | BigBookofResources

Submission Guidelines

MY FIRST DIV LAYOUT!!!
Melie
post 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>
 
 
Start new topic
Replies
*WHIMSICAL 0NE*
post 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;}
 
Melie
post Nov 11 2006, 09:53 AM
Post #3


Melieized
******

Group: Official Designer
Posts: 1,372
Joined: Nov 2006
Member No: 478,715



QUOTE(WHIMSICAL 0NE @ Nov 11 2006, 1:04 AM) *
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! biggrin.gif

THANKS AGAIN!!

QUOTE(anime.essence @ Nov 11 2006, 3:15 AM) *
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!!
 

Posts in this topic


Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: