![]() |
|
|||||||
| Notices |
| General Web Design Forum Discuss General Web Design Issues |
![]() |
|
|
LinkBack | Thread Tools | Display Modes |
|
|||
|
I'm new to dreamweaver, but I was wondering if you could design a myspace layout in dreamweaver? I know myspace is done in css but me and code
so I was hoping that I could design a myspace page using dreamweaver cause I don't like using those layouts you download. I don't feel like it's my design when I do that.
|
|
||||
|
Well, Your only option is to use CSS as you dont have control over the source code. go to your myspace page, view source, copy all and paste into dreamweaver. then play with the CSS there. Which is pretty much what i did.
__________________
"If at first you don't succeed, try again. Then quit. No use being a damn fool about it." Mike McKenzie - Online Portfolio |
|
||||
|
__________________
Outlaw Design Blog - Better Than Sex |
|
||||
|
here's the quick and skinny...
CSS: HTML Code:
/* CSS Document */ /*Insert the following CSS into your ‘About Me’ section:*/ /*Tutorial PART 1 section*/ <style type="text/css"> .main { position: absolute; left: 50%; top: 125px; width: 800px; z-index: 1; margin-left: -400px; } /*Tutorial PART 2 section*/ .navigation{ border-bottom:1px solid; border:1px solid; } .navigation li{ display:inline; list-style-type:none; padding:0 20px 0 0; } .navigation a:link, .navigation a:visited{ font-family:arial; font-size:11px; padding:3px; } .navigation a:hover{ text-decoration:none; padding:3px; } .content{ width:525px; float:left; padding:5px 5px 5px 7px; margin:5px 0 0 5px; border:1px solid; } .sidebar{ width:210px; float:right; padding:5px 5px 5px 7px; margin:5px 5px 0 0; border:1px solid; } /*Tutorial PART 3 section*/ input{ color:d6d3d3; background-color:555555; border:1px solid; border-color:d6d3d3; margin-left:6px; margin-top:4px; } input:hover{ color:555555; background-color:999999; border:1px solid; border-color:555555; } input:focus{ color:555555; border:1px solid; bord-color:555555; } /*Tutorial PART 4 section*/ .floatcontainer{ clear: both; width: 520px; height: 300px; padding: 5px; background-color: 999999; } .leftdiv{ float: left; width: 225px; height: 280px; margin: 2px; padding: 3px; background-color: 865433; } .rightdiv{ overflow: scroll; float: right; width: 275px; height: 250px; margin: 2px; padding: 3px; background-color: 888888; } </style> HTML Code:
<div class="main"> <table style="width: 800px; height: 800px; cellpadding: 0px; cellspacing: 0px; background-color: FFFFFF;"> <tr><td valign="top"> INSERT CONTENT AND ADDITIONAL DIVS </td></tr></table></div> HTML Code:
<div class="main"> <table style="width:800px; height:800px; cellpadding:0px; cellspacing:0px; background-color:FFFFFF;"> <tr><td valign="top"> <ul class="navigation"> <li><a href="http://">Link1</a></li> <li><a href="http://">Link2</a></li> <li><a href="http://">Link3</a></li> <li><a href="http://">Link4</a></li> <li><a href="http://">Link5</a></li> </ul> <div class="content"> MAIN CONTENT AREA </div> <div class="sidebar"> <div class="commentbox"> <center>Add Comment / View All</a> <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"> <input type="hidden" name="friendID" value="InsertFRIENDID" /> <textarea name="f_comments" cols="25" rows="5"></textarea> <input type="submit" value="Post" /> </form> </center> </div> YOUR SIDEBAR CONTENT </div> <div class="floatcontainer"> <div class="leftdiv"> <p>We're going to float this container to the left</p> </div> <div class="rightdiv"> <p>We're going to float this container to the right</p> </div> </div> </td></tr></table></div> ![]() This is actually a 4 part tutorial, but just create your XHTML 1.0 Page and insert that into the body and link to the css I gave you. When you do your markup in Dreamweaver to set it up as you like.. copy everthing inide the body tags to MySpace. Key note.. remember MySpace is real particular about its CSS... ie: it doesn't like the color: #FFFFFF it only wants color: FFFFFF. real pain, but you'll figure it out.
__________________
Tommy Logic ™ Web Design :: Valid XHTML & CSS :: SEO :: CMS :: eCommerce Web Design Tutorials :: Computer Tutorials Last edited by tommylogic; 27-07-2007 at 04:22 PM. |
![]() |
|
|
| Thread Tools | |
| Display Modes | |
|
|
Similar Threads
|
||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| Creatin' CSS Layouts In Dreamweaver | Graphic Design Links | Graphic Design Links | 0 | 17-04-2008 07:21 AM |
| Free CSS layouts | Graphic Design Links | Graphic Design Links | 0 | 23-01-2008 05:40 PM |
| CSS Layouts Tutorial | flick | Graphic Design Tutorials | 8 | 09-09-2007 09:33 AM |
| Anyone need some CCS Layouts..? | mattfaucher | CSS Forum | 0 | 31-01-2007 04:15 PM |
| CSS Layouts | Toon | CSS Forum | 0 | 06-01-2007 04:16 PM |
| All times are GMT. The time now is 03:59 PM. |