Link & background colour? |
Link & background colour? |
Aug 24 2008, 02:16 AM
Post
#1
|
|
![]() Senior Member ![]() ![]() ![]() ![]() Group: Official Designer Posts: 214 Joined: Mar 2008 Member No: 626,536 |
Ok i am trying to get my background colour to appear the same as the colour of my image #eac90c i tried a code that worked but stuffed up the image div & nothing i did could fix the position.
My next problem is i am unable to get the nav links to change colour & the link hover?I have put my code & a screenshot here.I am very new at this & this is my first attempt at myspace,i am sorry if these questions have been asked several million times... i did do a search in the forum but couldn't find anything that explained it for me. Here is an updated screenshot ![]() YAY!!! I THINK I HAVE DONE IT!!!! But i would appreciate if someone could check out my code & see if all is ok as i would like to submit it ;) CODE <style>
table table div form { display:inline !important; } .contacttable, .whitetext12, .nametext, .lightbluetext8, .orangetext15, .blacktext12, .btext, .redtext, .redbtext { display:none; height:0px; !important; visibility:hidden } td td td td { border:0px; width:0px; text-align:left; } table, td, tr { padding:0px; width:; background-color:transparent } table table table { padding:1px; height:.01%; width:100%; } table table, table table table table, table, tr, td { height:0px; !important; border:0px; !important } a.text, table div font a, table div div, .navbar font, tr td font { visibility:hidden; display:none; height:0px; !important; } td.text table table { display:inline; visibility:visible; } table td table tr td.text table { visibility:hidden; } table td table tr td.text table table, table td table tr td.text table table td.text { visibility:visible; } table div div { visibility:hidden; !important; } table table table table, table table table table td.text, td.text td.text table { display:none; } body div div form { display:none !important; } td td embed, td td embed, td td object { position:absolute; top:0px; right:0px; width:45px; } div div div select { position:absolute !important; margin-left:-1000px !important; left:0px !important; display:none !important; } div div table div { display:none; } div form, .mslogo, div ul { display:none!important; } div div, div td { background-color:transparent; background-image:none!important; } div.profileWidth { margin-top: -30px !important; } div.profileWidth div { filter:alpha(opacity=0); opacity:0.0001 } div.profileWidth div.clearfix, i i i, div.profileWidth div div { filter:none; opacity:0.9999 } div.profileWidth div.clearfix { position:relative; top:30px } div div select, div div form { display:none !important; } </style> <style> body { background-color: EAC90C;} .div { position: absolute; left: 50%; margin-left:-700px; top: 90px; z-index: 0; } .box1 { position: absolute; left: 50%; margin-left:50px; top: 250px; z-index:1; width: 285px; height: 470px; overflow: auto; font: normal Arial 10px; color:FFFFFF; font-weight:normal; line-height:normal; } .heading { position: absolute; left: 50%; margin-left:150px; top: 230px; font: normal 14px Anson; color:FFFFFF; font-weight:bold; text-transform: none; line-height:12px; } .nav { position: absolute; left: 50%; margin-left:-365px; top: 700px; z-index:5; width: 450px; height: 150px; overflow: auto; } a:active,a:visited,a:link,a{ color:FFFFFF; font-size:13px; font-weight:bold; font-family:anson; text-decoration:none; text-transform:none; } a:hover{ color:FFFFFF; font-size:14px; font-weight:bold; letter-spacing:1px; font-family:anson; text-decoration:none; text-transform:none;} </style> <div class="div"> <img src="http://img355.imageshack.us/img355/7439/bgcz3.jpg" /> </div> <div class="heading"> <center> About Me </center> </div> <div class="box1"> This is my first ever myspace layout!! Yeah i know pretty boring & simple :/ This box will scroll as you plave your own content in it,as you can see. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent tristique condimentum lacus. Sed id lacus non nisi volutpat malesuada. Duis ut elit dictum arcu ultricies vulputate. Cras sed lorem. Morbi sed nunc a magna lobortis pulvinar. Suspendisse iaculis nulla. Duis vehicula dapibus tellus. Maecenas ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent nec leo vehicula libero molestie commodo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames acturpis egestas. Vivamus hendrerit lorem at eros. Ut sed sapien. Curabitur felis elit, tincidunt at, mollis in, porta et, dui. Sed gravida vestibulum lacus. Nulla eget est. Sed sit amet massa fringilla velit tempor feugiat. Donec sagittis porttitor purus. Praesent nulla. Nam vel mi ut pede ullamcorper vulputate. Maecenas et lorem sed erat venenatis consequat. Nulla a quam eu sem dictum elementum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent tristique condimentum lacus. Sed id lacus non nisi volutpat malesuada. Duis ut elit dictum arcu ultricies vulputate. Cras sed lorem. Morbi sed nunc a magna lobortis pulvinar. Suspendisse iaculis nulla. Duis vehicula dapibus tellus. Maecenas ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent nec leo vehicula libero molestie commodo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus hendrerit lorem at eros. Ut sed sapien. Curabitur felis elit, tincidunt at, mollis in, porta et, dui. Integer sagittis pretium neque. Quisque malesuada mattis dui. Sed fermentum. Phasellus tincidunt justo sed felis. Mauris tincidunt feugiat augue. Maecenas cursus. Nunc posuere, mauris vitae viverra aliquet, metus purus vulputate est, in tempor dolor quam non justo. Donec turpis. Suspendisse at neque ut erat sodales viverra. Sed gravida vestibulum lacus. Nulla eget est. Sed sit amet massa fringilla velit tempor feugiat. Donec sagittis porttitor purus. Praesent nulla. Nam vel mi ut pede ullamcorper vulputate. Maecenas et lorem sed erat venenatis consequat. Nulla a quam eu sem dictum elementum.. </div> <div class="nav"> <center> <a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyJk15VG9rZW49MWJmZGQ1Y2QtOWMxZC00NmZhLTgzYzQtN2YzMGUwZmUzZmZh">Home |</a> <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5h GRmcmllbmRfdmVyaWZ5JmZyaWVuZElEPVhYWFhYWA==">Add |</a> <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz 2FnZSZmcmllbmRJRD1YWFhYWFgmTXlUb2tlbj02MDA3M2FmNS1lOTI5LTRjN2EtYjM1Ny0zZjFiNmRhM JiZmI=">Message |</a> <a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdDb21tZW50cyZmcmllbmRJRD1YWFhYWFg=">Comment |</a> <a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu mlld1BpY3R1cmUmZnJpZW5kSUQ9WFhYWFhY">Pics |</a> <a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9WFhYWFhY">Blog |</a> <a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja1VzZXImdXNlcklEPVhYWFhYWA==">Block |</a> </center> </div> |
|
|
|
anzbex Link & background colour? Aug 24 2008, 02:16 AM
berrypop90 You need to put your code in a scrolling codebox... Aug 24 2008, 07:28 AM
anzbex QUOTE(berrypop90 @ Aug 24 2008, 10:28 PM)... Aug 24 2008, 08:56 AM
berrypop90 Well, the misalignment is really only when it scro... Aug 24 2008, 10:21 AM
anzbex QUOTE(berrypop90 @ Aug 25 2008, 01:21 AM)... Aug 24 2008, 05:31 PM
schizo Everything looks right for me as well.
I'd go... Aug 24 2008, 05:38 PM
anzbex QUOTE(schizo @ Aug 25 2008, 08:38 AM) Eve... Aug 24 2008, 06:59 PM
schizo Aw, well that's good to know. I'm always a... Aug 24 2008, 07:07 PM
anzbex QUOTE(schizo @ Aug 25 2008, 10:07 AM) Aw,... Aug 25 2008, 12:41 AM![]() ![]() |