| |||||||
| HTML, XHTML, Javascript, CSS HTML HyperText Markup Language.
XHTML Extensible Hypertext Markup Language. JAVASCRIPT object-based scripting programming language. CSS Cascading Style Sheets. |
![]() |
| | LinkBack (1) | Thread Tools | Rate Thread | Display Modes |
| |
#1 (permalink)
|
| Founder/Admin ![]() | In the last few months in my spare time i have been playing around a little bit with mySpace templates and i must admit trying to create a clean style is hard. If you think just because you can design Websites from scratch using only CSS this task will be easy then think again, unlike most stylesheets where you can use DIV and ID tags the CSS in mySpace is more CSS hacks for table layouts. For example: Code: table table table {
border:1px solid orange;
background-color: orange;
}
table table table td {
border:1px solid black;
background-color: black;
}
Because i am not sure how this will look myself im not sure how this Tutorial will end up, maybe helpful maybe not lol. First of all im going to test the below code: Code: table {
border:1px solid red;
background-color: red;
}
table td {
border:1px solid blue;
background-color: blue;
}
![]() Where Blue is table td and red is table. Most of my reason for creating this tutorial was to have a resource for myself which i could look back on and see in screenshot form how the page layout works with CSS. What im going to do now is just add a screenshot and code for every table. And at the end i will add all the CSS together and see how it looks then. You can also see a preview here on my test mySpace account. MySpace.com - Bluepearl - 27 - Male - AU - www.myspace.com/bluepearltest Visit my blog here for the complete tutorial |
| | |
| | #5 (permalink) |
| Founder/Admin ![]() | Re: mySpace Layout Tutorial This is the code i used: Code: background-repeat: repeat; background-attachment:fixed; background-position: top center; background-image: url(http://bluepearl-design.com/myspace/backgrounds/fuschia-background.jpg); |
| | |
![]() |
| Bookmarks |
LinkBacks (?)
LinkBack to this Thread: http://www.bluepearl-design.com/forums/html-xhtml-javascript-css/3068-myspace-layout-tutorial.html | ||||
| Posted By | For | Type | Date | Hits |
| Digg - mySpace Layout Tutorial | This thread | Refback | 08-26-2007 06:54 PM | 1 |
| Currently Active Users Viewing This Thread: 1 (0 members and 1 guests) | |
| Thread Tools | |
| Display Modes | Rate This Thread |
| |
Similar Threads | ||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| What Layout do you like best? | wasahobo | Web Sites | 6 | 11-16-2007 01:02 AM |
| New Black and Grey mySpace Templates | Bluepearl Feeds | RSS Feeds | 3 | 07-03-2007 11:41 AM |
| mySpace Layout Tutorial | Bluepearl Feeds | RSS Feeds | 0 | 06-25-2007 08:27 AM |
| Tutorial Problems | Orion | Need Help? | 9 | 11-15-2004 12:46 AM |