Graphic Design Forum and Web Design Forum  

Go Back   Graphic Design Forum and Web Design Forum »Web Design Forum »General Web Design Forum

Notices

General Web Design Forum Discuss General Web Design Issues


Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 27-07-2007, 11:32 AM
Junior Member
 
Join Date: Jul 2007
Posts: 2
Default myspace layouts in Dreamweaver?

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.
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #2 (permalink)  
Old 27-07-2007, 11:40 AM
Mack's Avatar
I own the flash design thread.
 
Join Date: May 2007
Location: RI, USA
Gender: Male
Posts: 1,253
Default

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
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #3 (permalink)  
Old 27-07-2007, 01:32 PM
dannynosleeves's Avatar
currently on the run
 
Join Date: Jun 2007
Location: NC
Gender: Male
Posts: 445
Default

Have a look at this...might help you out...

how to turn your myspace into a blog
__________________
Outlaw Design Blog - Better Than Sex
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #4 (permalink)  
Old 27-07-2007, 04:16 PM
tommylogic's Avatar
f*ck yeah it validates!!!
 
Join Date: Apr 2007
Location: Virtually Everywhere
Gender: Male
Posts: 5,707
Default

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>
 
 
and here's your overlay (skipped to part 4 of the Tutorial):

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>
and here's a good example to get you started:

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>
but just so you know.. it's a total waste of time and energy and will only teach you poor markup techniques... but that said, hope this helps
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.

Last edited by tommylogic; 27-07-2007 at 04:22 PM.
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #5 (permalink)  
Old 30-07-2007, 09:41 AM
Hoyer's Avatar
Experienced Member
 
Join Date: Jun 2007
Posts: 201
Default

Try Virb instead
__________________
“People seldom do what they believe in. They do what is convenient, then repent."
Bob Dylan
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #6 (permalink)  
Old 30-07-2007, 11:04 PM
Cwilk's Avatar
Design Guru
 
Join Date: Feb 2007
Location: Cali
Gender: Female
Posts: 1,445
Default

Yes....listen to Tommy about the CSS coding. Seems just about every week that MySpace changes it's programming so it messes your CSS up. Kind of a bummer when you don't have time to go in and figure out how to fix it to work again—kinda like my MySpace page.
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is On
Trackbacks are On
Pingbacks are On
Refbacks are On

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.



Estetica Design Forum's Privacy Policy
Powered by vBulletin® Version 3.7.3
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0