PATTY.
06-30-2008, 12:16 PM
I would love it if you'd help me by posting sites in which they offer tutorials for making/coding the following myspace things:
1) Skinny Layouts
2) Pattern Layouts
3) Short Defaults
Anything else is a plus! Thanks!
Christine
06-30-2008, 12:44 PM
I don't know a tutorial but I have a skinny layout code you can use:
<style type="text/css">
table table table td {vertical-align:top; filter: none;}
.blacktext12 {
background-color:transparent;
background-repeat:no-repeat;
font-size:1px;
text-align:center;
width:300px;
display:block; filter:none; cellpadding:0; padding:0px;}
span.blacktext12 img {display:none;}
body {
scrollbar-face-color:F89A70;
scrollbar-shadow-color:F58757;
scrollbar-highlight-color:FFDDD1;
scrollbar-3dlight-color:F89A70;
scrollbar-darkshadow-color:E97441;
scrollbar-track-color:96E4EB;
scrollbar-arrow-color:F89A70;
background-image: url(url here);
background-attachment:fixed; background-position:bottom left; background-repeat:no-repeat; background-color:96E4EB;
}
table table table {
border-color: EFBA49;
border-style: solid;
border-width: 1px;
background-color:F6EAA6;
background-image:url(url here);
width:100%;
padding:0;
}
table, td {padding: 0px; width:435px; }
table table {padding: 0px;}
table table table table {padding: 0px;}
table table table table table {padding: 0px;}
table table table table table table {padding: 0px;}
table table table table {border: 0px; padding: 0px;}
table table table table table {border: 0px; padding: 0px;}
table table table table table table {border: 0px; padding: 2px; width:.01px;}
tr {background-color:transparent;}
table {background-color:transparent;border:0px none;}
table table{border:0px;}
table table table table{border:0px;}
td {background-color:transparent;border:0px none;}
td td td td { border-top: 0px solid; width: .01%;}
td.text td.text a img { background-color:transparent; border:0px; }
img {border:0px;}
a:hover img {border:0px;}
table, tr, td, li, p, div, a, p
{ font-family:arial; font-size:8pt; color:F78D5F; }
font { font-family:arial; font-size:8pt; color:F78D5F; }
.text { font-family:arial; font-size:8pt; color:F78D5F; }
strong { font-family:arial; font-size:8pt; color:3FD4E1; font-weight:bold;}
.btext { font-family:arial; font-size:8pt; color:3FD4E1; font-weight:bold; }
.redtext, .redbtext { font-family:arial; font-size:8pt; color:3FD4E1; font-weight:bold;}
.nametext
{ font-family:georgia; font-size:18pt;font-weight:bold; color:F78D5F; letter-spacing:-1px; text-transform: uppercase; text-align:center;
padding:2px; display:block; }
.blacktext10
{ font-family:georgia; font-size:8pt; color:FFFFFF;
text-transform: uppercase; font-weight:bold; background-color:FE9AAF; border-style: solid; border-color: FC6887; border-width:1px;
display:block; padding:2px;}
.lightbluetext8
{ font-family:georgia; font-size:8pt; color:FFFFFF;
text-transform: uppercase; font-weight:bold; background-color:FE9AAF; border-style: solid; border-color: FC6887; border-width:1px;
display:block; padding:2px;}
.whitetext12
{ font-family:arial; font-size:14pt; font-weight:normal; color:FFFFFF;
text-transform: lowercase; text-align:left;
background-color:96E4EB; border-width:1px; border-style:solid; border-color:3FD4E1; display:block; padding:1px; line-height:15px; }
.orangetext15
{ font-family:arial; font-size:14pt; font-weight:normal; color:FFFFFF;
text-transform: lowercase; text-align:left;
background-color:96E4EB; border-width:1px; border-style:solid; border-color:3FD4E1; display:block; padding:1px; line-height:15px; }
.blacktext12
{ font-family:arial; font-size:14pt; font-weight:normal; color:FFFFFF;
text-transform: lowercase; text-align:left;
background-color:96E4EB; border-width:1px; border-style:solid; border-color:3FD4E1; display:block; padding:1px; line-height:15px; }
a:active, a:visited, a:link
{ text-decoration:none; font-family:arial; font-size:8pt; color:FFFFFF; }
a:hover
{ text-decoration:none; font-family:arial; font-size:8pt; color:FFFFFF; }
a.navbar:active, a.navbar:visited, a.navbar:link
{ font-family:arial; font-size:8pt; color:23B6C3;}
a.navbar:hover
{ font-family:arial; font-size:8pt; color:23B6C3;}
a.redlink:active, a.redlink:visited, a.redlink:link
{ font-family:arial; font-size:8pt; color:605F5E; }
a.redlink:hover
{ font-family:arial; font-size:8pt; color:605F5E; }
.contactTable {
width:300px; height:160px; padding:0px;
background-image:url(url here);
background-repeat:no-repeat; }
.contactTable table, table.contactTable td { padding:0px;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px;}
.contactTable a {display:block; height:28px; width:118px;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none;}
.contactTable .whitetext12 {display:none;}
</style>
Replace the colors and urls with your own. It's basically the same as a regular layout, only with smaller tables.
vBulletin® v3.7.3, Copyright ©2000-2008, Jelsoft Enterprises Ltd.