Layout Help, add a margin? |
Layout Help, add a margin? |
![]()
Post
#1
|
|
Newbie ![]() Group: Member Posts: 5 Joined: Nov 2008 Member No: 699,142 ![]() |
Hey, i'm modifying a mysplace layout i found on this site. But i'm having an issue with a bit where i want the text inside the blurb area to have about a 20-40 px margin on the left and right, as the background image i will end up using (i'm using a draft image at the moment) will have its own kind of border (check out the layout to know what i mean). But when i add any padding/margin codes in, it just adds them to the whole thing, i want it to just apply to the text inside the blurb.
CODE <style>
{!- make room at bottom of div.profileWidth -!} div.profileWidth table {margin-bottom:197px !important;} div.profileWidth table {_margin-right:0.5px; _margin-left:0.5px;} div.profileWidth:first-child {padding-right:0.5px !important; padding-left:0.5px !important;} {! apply banner as bkgd image !} div.profileWidth{width: 900px !important; background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/Header.png)!important; background-position:center bottom !important; background-repeat:no-repeat !important;} {!- reverse -!} table.rail, .i, .i i.x {display:none;} body {background-color: 141414; background-image:url("http://fc07.deviantart.com/fs39/f/2008/314/6/2/626d621b5d4d4df09ddf6c03f04fa9a0.jpg"); background-position:top center; background-repeat:repeat-y; overflow-x: hidden;} a:link, a:active, a:visited {color: C3A64A; font:11px 'arial', arial, sans-serif; text-decoration: none;} a:hover {color: D4CCA5; font:11px 'arial', arial, sans-serif; text-decoration: none;} table, tr, td { background-color:transparent; border:none; border-width:0;} Matt {Hides: The Title For Apps} div a span.whitetext12 { display: none !important;} Matt {Customizes: The New Nav Bar} li a.open {background-color: transparent !important;} div.clearfix li a {color: 304860 !important; background-color: transparent;} div.clearfix li a:hover {color: 000030 !important; background-color: transparent !important;} .interestsAndDetails .whitetext12, .contactTable .whitetext12, .userProfileDetail .whitetext12, .userProfileSchool .whitetext12, .blurbs .orangetext15 {display:none;} span[class="orangetext15"] {display:none} .nametext {display: none;} .profileInfo a:link, a:active {color: C3A64A; text-decoration: none;} .profileInfo a:hover {color: D4CCA5; text-decoration: none;} .profileInfo td * {color: FFFFFF;} .profileInfo td {padding-bottom:6px} .profileInfo td td.text {background-image:none;} .profileInfo a img {width: 125px; position: relative; left: 7px;} .profileInfo a img {border: 0px solid; border-color: 7286C7;} .profileInfo a:hover img {border: 0px solid; border-color: 7286C7;} .profileInfo td.text {font:10px 'arial', arial, sans-serif;} .profileInfo b {color:953028 !important; font: bold 11px 'arial', arial, sans-serif;} .searchMonkey-mood {color:FFFFFF !important; font:11px 'arial', arial, sans-serif;} .searchMonkey-lastLogin {color:000000 !important; font:10px 'trebuchet ms', arial, sans-serif;} .profileInfo {position: relative; right: 8px; margin-top: 11px; background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/BottomLeft.png); background-position:bottom left; background-repeat:no-repeat;} .profileInfo td.text {background-image:url("http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/InfoTitle.png"); background-position: top left; height: 45px !important; background-color:transparent; background-repeat: no-repeat;} .profileInfo table {width:313px; float:left; background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/LeftMiddle.png); background-repeat:repeat-y; background-position:top left;} .contactTable {position: relative; right: 8px; z-index: 2;} .contactTable td table {margin-top: -1px;_margin-top: -5px;_margin-left: -1px;background-color: transparent;background-image: url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/ContactTable.png);background-position: center;background-repeat: no-repeat;} .contactTable a {height: 30px;width: 157px;display: block;background-color: transparent;} .contactTable a img, .contactTable img {border: 0px;display: none;visibility: hidden;} .contactTable span.whitetext12 {display:block;background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/ContactTitle.png); width: 313px; height: 46px; background-position:top center; background-repeat:no-repeat; text-indent:-9999px; margin-bottom: -1px;} .contactTable td td.text {background-image:none;} .contactTable table {border:0px solid; border-color:6699CC; border-top:0px; } .contactTable td {height:0px!important; width:0px!important;} embed, object {position: relative; right: 6px; z-index:9;} td td td embed, td td td object {position:static; margin-left:0px;} .userProfileURL {display: none;} .interestsAndDetails .lightbluetext8 {color: 000000; font: bold 11px 'arial', arial, sans-serif;} .interestsAndDetails table td {color: FFFFFF; font:11px 'arial', arial, sans-serif;} .interestsAndDetails a:link, .interestsAndDetails a:active, .interestsAndDetails a:visited {color: C3A64A; font:11px 'arial', arial, sans-serif;} .interestsAndDetails a:hover {color: D4CCA5; font:11px 'arial', arial, sans-serif; text-decoration: none;} .interestsAndDetails object, table.interestsAndDetails embed, table.interestsAndDetails img {width:185px; height:149px;} .interestsAndDetails .whitetext12 {background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/InterestsTitle.png)!important; width:313px; height:46px; background-position:top left; background-repeat:no-repeat; font-size:0px; color:A5B591; text-indent: -9999px; display:block;} .interestsAndDetails table {background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/LeftMiddle.png); height:auto; width:313px!important; background-position:bottom left; background-repeat:repeat-y; margin-bottom:5px; overflow-x:hidden!important;} .interestsAndDetails{position: relative; right: 8px; margin-top: -15px; background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/BottomLeft.png); height:8px; background-position:bottom left; background-repeat:no-repeat;} .lightbluetext8 {text-align: left; display: block;} .userProfileDetail tbody tr td {color: FFFFFF; font:11px 'arial', arial, sans-serif;} .userProfileDetail .lightbluetext8 {color: 000000; font: bold 11px 'arial', arial, sans-serif;} .userProfileDetail .whitetext12 {background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/DetailsTitle.png)!important; width:313px; height:46px; background-position:top left; background-repeat:no-repeat; color:ffffff; display:block; font-size:0px; color: A5B591; text-indent: -9999px;} .userProfileDetail table {background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/LeftMiddle.png); height:auto; width:313px!important; background-position:bottom left; background-repeat:repeat-y; margin-bottom:5px; margin-top:0px;} .userProfileDetail {position: relative; right: 8px; background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/BottomLeft.png); height:8px; background-position:bottom left; background-repeat:no-repeat;} .userProfileSchool table td {color:FFFFFF; font:11px 'arial', arial, sans-serif;} .userProfileSchool tbody tr td a {color: C3A64A; font:11px 'arial', arial, sans-serif; text-decoration: none;} .userProfileSchool tbody tr td a:hover {color: D4CCA5; font:11px 'arial', arial, sans-serif;} .userProfileSchool .whitetext12 {background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/SchoolTitle.png)!important; width:313px; height:46px; background-position:top left; background-repeat:no-repeat; font-size:0px; color:A5B591; display:block; text-indent: -9999px;} .userProfileSchool table {background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/LeftMiddle.png); height:auto; width:313px!important; background-position:bottom left; background-repeat:repeat-y; margin-bottom:5px;} .userProfileSchool {position: relative; right: 8px; background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/BottomLeft.png); height:8px; background-position:bottom left; background-repeat:no-repeat;} .userProfileNetworking .text {color:FFFFFF; font:11px 'arial', arial, sans-serif;} .userProfileNetworking tbody tr td a {color: C3A64A; font:11px 'arial', arial, sans-serif; text-decoration: none;} .userProfileNetworking tbody tr td a:hover {color: D4CCA5; font:11px 'arial', arial, sans-serif;} .userProfileNetworking .whitetext12 {background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/NetworkTitle.png)!important; width:313px; height:46px; background-position:top left; background-repeat:no-repeat; font-size:0px; color:A5B591; display:block; text-indent: -9999px;} .userProfileNetworking table {background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/LeftMiddle.png); height:auto; width:313px!important; background-position:bottom left; background-repeat:repeat-y; margin-bottom:5px;} .userProfileNetworking {position: relative; right: 8px; background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/BottomLeft.png); height:8px; background-position:bottom left; background-repeat:no-repeat;} .userProfileCompany .text {color:FFFFFF; font:11px 'arial', arial, sans-serif;} .userProfileCompany table td {color:FFFFFF; font:11px 'arial', arial, sans-serif; padding-left:10px; padding-right:10px!important;} .userProfileCompany .whitetext12 {background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/CompanyTitle.png)!important; width:313px; height:46px; background-position:top left; background-repeat:no-repeat; font-size:0px; color:A5B591; display:block; text-indent: -9999px;} .userProfileCompany table {background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/LeftMiddle.png); height:auto; width:313px!important; background-position:bottom left; background-repeat:repeat-y; margin-bottom:5px;} .userProfileCompany {position: relative; right: 10px; background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/BottomLeft.png); height:8px; background-position:bottom left; background-repeat:no-repeat;} .extendedNetwork {height: 81px;position: relative; right: 8px; _right: 4px; background-image: url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/ExtendedNetwork.png);background-repeat: no-repeat; margin-bottom: -14px; margin-top: 2px;} .searchMonkey-standardUserStatus {margin-top: 34px; display: block; color: FFFFFF !important; font: 11px'arial', arial, sans-serif !important; text-align: left; padding: 5px;} .latestBlogEntry {position: relative; right: 8px; _right: 4px; border-collapse:collapse !important; margin-top:30px; _margin-top: 35px !important; background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/BlogBottom.png); background-position:bottom left; _background-position:1px bottom; background-repeat:no-repeat;} .latestBlogEntry .btext {display:block; width: 450px; height:46px; position:relative; left:-2px; top:-3px; background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/BlogTitle.png); background-position:0 0; background-repeat:no-repeat; text-indent:-9999px;} .latestBlogEntry br {line-height:6px;} .latestBlogEntry td {height:1px!important;} .latestBlogEntry span.text {color: 000000 !important; font: bold 11px'arial', arial, sans-serif;} table[class="latestBlogEntry"] .btext {top:0px;left:0px;} .latestBlogEntry td {padding-bottom:5px; line-height:14px;} table.latestBlogEntry span.text {color: 000000; margin-left: 5px;} .latestBlogEntry br, .latestBlogEntry .text br{display:none!important;} table.latestBlogEntry span.text, table.latestBlogEntry td {color:000000;} table.latestBlogEntry span.text {display:block; float:left; width:450px;} table.blurbs span.text {margin-top: -10px; display: block;} table.blurbs td.text {font-size: 0px; text-indent: -9999px;} .blurbs span.text {color:FFFFFF; font:11px 'arial', arial, sans-serif;} .blurbs .orangetext15 {font:11px 'arial', arial, sans-serif; text-transform: capitalize;} table.blurbs td td span.orangetext15 {color: 000000; display: block; margin-top: -5px !important; font: bold 11px'arial', arial, sans-serif;} .blurbs td.text span.orangetext15 {background-image:url(http://img152.imageshack.us/img152/5539/jaredaboutmebigna2.png); width: 450px; height:72px!important; background-repeat:no-repeat; background-position:bottom left; display:block;} .blurbs table {background-image:url(http://img209.imageshack.us/img209/9526/jaredci5.png); height:auto; width: 450px; margin-bottom:5px; background-position:bottom left; background-repeat:repeat-y;} .blurbs {position: relative; right: 8px; _right: 4px; margin-top: 15px; background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/RightBottom.png); background-position:bottom left; background-repeat:no-repeat; margin-bottom:0px; display:block;} .friendSpace {position: relative; right: 8px; _right: 4px; margin-top:15px; margin-bottom:0px; background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/RightBottom.png); background-position:bottom left; background-repeat:no-repeat;} .friendSpace table span.orangetext15 {display:block; height:46px; margin-top:-13px; background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/FriendsTitle.png); background-position:0 0; background-repeat:no-repeat; text-indent:-9999px;} .friendSpace table {background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/RightMiddle.png); background-position:top left; background-repeat:repeat-y;} .friendSpace td.text {padding-bottom:8px} .friendSpace table table {background-image:none;} .friendSpace table table td {padding-bottom:10px; padding-top:10px;} .friendSpace a img {margin-top: -28px;} .friendSpace td td td a img {border: 2px solid; border-color: CDD7C0;} .friendSpace td td td a:hover img {border: 2px solid; border-color: CDD7C0;} .friendSpace a:link, .friendSpace a:active, .friendSpace a:visited {color: C3A64A; font:11px 'arial', arial, sans-serif; text-decoration: none; text-transform: uppercase;} .friendSpace a:hover {color: D4CCA5; font:11px 'arial', arial, sans-serif; text-decoration: none;} table.friendSpace td {padding:0px;} table.friendSpace td.text div {display:none;} table.friendSpace .btext {display: none !important;} table.friendSpace td.text td br {line-height:0px;} table.friendSpace span.btext {text-align:center;} table.friendSpace td.text div {text-align:center;} table.friendSpace td.text td td {line-height:0px;} table.friendSpace td.text td td a img {visibility:visible;} .friendspace table {background-color:transparent; border:0px;} table.friendSpace td.text td td a img {width:80px; height:70px;} table.friendSpace td.text td td a {visibility:hidden; font-size:0px;} .friendsComments .commentlinks a:link {color: C3A64A !important; font: 10px 'arial', arial, sans-serif !important;} .friendsComments .commentlinks a:hover {color: D4CCA5 !important; font: 10px 'arial', arial, sans-serif !important; text-decoration: underline;} .friendsComments td.text {padding-bottom: 10px} table.friendsComments td.text td b {display:none;} .katamari replace pic generator {http://abrax.us/Katamari/ReplacePicGen.php } table.friendsComments td.text td a {display:block; margin-top: 5px; margin-bottom: 6px; background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/AddComment.png); background-repeat:no-repeat; height:36px; background-position:center center; font-size:0px!important; _color: 2A394B!important;} table.friendsComments td.text td td a, table.friendsComments td.text td b a {display:inline; background-image:none; letter-spacing:0px; font-size:11px!important;} table.friendsComments td.text td td a {visibility:hidden;} table.friendsComments td.text td.columnsWidening a {visibility:visible !important; color: C3A64A !important;} table.friendsComments td.text td.columnsWidening a:hover {visibility:visible !important; color: D4CCA5 !important;} table.friendsComments td.text td td a img {visibility:visible;} table.friendsComments td.text td.columnsWidening embed, table.friendsComments td.text td.columnsWidening object {width:260px; height:213px;} table.friendsComments td.text td.columnsWidening img {width:260px;} .friendsComments {position: relative; right: 8px; _right: 4px; width: 450px; margin-top:15px; margin-bottom:-10px; background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/RightBottom.png); background-position:bottom left; background-repeat:no-repeat; margin-bottom: 15px;} .friendsComments table span.orangetext15 {width: 450px; display:block; height:46px; background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/CommentsTitle.png); background-position:top left; background-repeat:no-repeat; text-indent:-9999px;} .friendsComments table {margin-bottom: -3px; width: 429px; background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/RightMiddle.png); background-position:top left; background-repeat:repeat-y;} .friendsComments .commentlinks {text-transform: uppercase; font:11px 'arial',arial,sans-serif; color: 2A394B;} .friendsComments .blacktext10 {color: C4C389; _margin-top: 30px; display: block; text-align: right; text-transform: uppercase; font:11px 'arial',arial,sans-serif; _position: relative; _top: 15px;} .friendsComments td.columnsWidening {color: FFFFFF; font:11px 'arial', arial, sans-serif; width: 375px; padding-bottom: 6px !important;} td.columnsWidening {background-image:url(); height:auto; background-position:bottom left; background-repeat:repeat-y;} .bodyContent td div div {color:CDD7C0;} .bodyContent table div br {line-height:5px;} .bodyContent td div div a {font:11px 'arial', arial, sans-serif;} .bodyContent td div font {color:FFFFFF; margin-bottom: 15px; display: block; font:11px 'arial', arial, sans-serif;} img { border: 0; filter:alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95;} img:hover{ filter:alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95;} Matt {Removes: Outline From Image Links} a:active {outline: none;} :focus{-moz-outline-style: none;} {! color top menu !} div.profileWidth table td, i i i.x {background-color: 000000 !important;} {! color search area and behind ad different than top menu !} div.profileWidth div {background-color: 000000 !important} {! color link font in top menu !} div.profileWidth div ul li a {font-family:comic sans ms; font-size:11px; font-weight:bold; color: C3A64A !important} {! link hover color !} div.profileWidth div ul li a:hover {color: D4CCA5 !important; display:block} {! remove shadow in google search area !} div.profileWidth div.clearfix, .i i i {background-image:none !important;} .interestsAndDetails textarea, .blurbs textarea {color: FFFFFF; background-color: 2B3A4B; border-style: double; border-width: 3px; border-color: 000000; padding: 3px 0px 3px 3px; overflow: hidden; font:11px 'arial', arial, sans-serif;} .interestsAndDetails input, .blurbs input {color: FFFFFF; background-color: 2B3A4B; border-style: double; border-width: 3px; border-color: 000000; padding: 0px 4px 0px 4px; overflow: hidden; font:11px 'arial', arial, sans-serif;} !-Custom OnLine Now Icon !-Solution Source: MySpace Code -! !-Solution Optimized for 80x20 icon. You WILL need to adjust size, clip and margin values for other icon sizes-! {!-apply background image; replace with url of your image -!} img.ImgOnlineNow {background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/OnlineNow.gif); background-repeat: no-repeat;} img.ImgOnlineNow {height:0px !important; width:0px !important; padding-top:20px; padding-right:80px; background-position: center center;} table.friendSpace img.ImgOnlineNow {} table.friendsComments img.ImgOnlineNow {margin-top:0px !important; _margin-top: 0px !important; margin-left:0px;} {!-IE solution -!} {!-All Rights to this Solution Reserved. You may use it. You may NOT publish it.} * html img.ImgOnlineNow {padding-top:0px; padding-right:0px;} * html img.ImgOnlineNow {width:105px !important; height:52px !important;} * html img.ImgOnlineNow {background-position:top right;} {!-The margin values may need adjustment-!} * html img.ImgOnlineNow {position:absolute; margin-top: -3px !important; margin-left:-25px!important;} * html table.friendsComments img.ImgOnlineNow {margin-top: -5px !important; margin-left:-65px !important;} * html table.friendSpace img.ImgOnlineNow {margin-top: 5px !important; margin-left:-52px !important;} * html img.ImgOnlineNow {clip: rect(0px, 105px, 21px, 26px)} div.hr { height: 29px; background: url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/HR.png) no-repeat center;} {!- Browser Hacks -!} .friendSpace a img {_margin-top: -26px; _left: 10px; position: relative !important; z-index: 9 !important; _margin-left: 5px; display: block;} .profileInfo {_margin-top: 28px;} .latestBlogEntry, .contactTable, .blurbs, .friendSpace, .friendsComments {_margin-top:20px;} @media screen and (-webkit-min-device-pixel-ratio:0){ .friendSpace a img {margin-top: 0px;} table.friendsComments td.text td a {font-size:10px!important; color: 2A394B;} .contactTable td table {margin-left: -1px;} } @media all and (min-width: 0px){ table table td.text table td.text table table table {background-image:url(); width: 85px; height:135px; background-position:top left; background-repeat:no-repeat!important; display:block;} } </style> |
|
|
![]() |
![]()
Post
#2
|
|
![]() Treasure Pleasure ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 ![]() |
I'm sorry, can you link the layout you're using? Also, do you mind posting the link to your page?
|
|
|
![]()
Post
#3
|
|
Newbie ![]() Group: Member Posts: 5 Joined: Nov 2008 Member No: 699,142 ![]() |
I'm using this layout as the base. http://www.createblog.com/layouts/code.php?id=32462
And i cant really give a link to the page, because its for a friend and i'm using my own page for testing only. |
|
|
![]()
Post
#4
|
|
![]() Treasure Pleasure ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 ![]() |
Try using this code:
CODE <style> .blurbscontent {padding-left:20px; width:380px;} </style> <p class="blurbscontent"> CONTENT HERE </p> Replace "CONTENT HERE" with what you want to have padding on either sides. See if that works. |
|
|
![]()
Post
#5
|
|
![]() AKA RockIt Studios ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Member Posts: 2,286 Joined: Jun 2006 Member No: 421,809 ![]() |
did you get permission from the designer? you should also always ask the designer for help first.
![]() |
|
|
![]()
Post
#6
|
|
Newbie ![]() Group: Member Posts: 5 Joined: Nov 2008 Member No: 699,142 ![]() |
Thanks!
If there anyway of doing it without the class?, so that it is applied to all text in that section? Also, is there a way to have different background headers for the About me and Who i'd like to meet headers? Like splitting it into two separate box's... |
|
|
![]()
Post
#7
|
|
Newbie ![]() Group: Member Posts: 5 Joined: Nov 2008 Member No: 699,142 ![]() |
Bummer. I did it differently anyways :).
also. i'm now using http://profile.myspace.com/index.cfm?fusea...endID=434132959 as my test profile. Any idea how to make the 'footer' in the blurbs section bigger? at the moment its only showing about 4px... i need to be bigger to show the entire footer image. CODE <style>
{!- make room at bottom of div.profileWidth -!} div.profileWidth table {margin-bottom:197px !important;} div.profileWidth table {_margin-right:0.5px; _margin-left:0.5px;} div.profileWidth:first-child {padding-right:0.5px !important; padding-left:0.5px !important;} {! apply banner as bkgd image !} div.profileWidth{width: 900px !important; background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/Header.png)!important; background-position:center bottom !important; background-repeat:no-repeat !important;} {!- reverse -!} table.rail, .i, .i i.x {display:none;} body {background-color: 141414; background-image:url("http://fc07.deviantart.com/fs39/f/2008/314/6/2/626d621b5d4d4df09ddf6c03f04fa9a0.jpg"); background-position:top center; background-repeat:repeat-y; overflow-x: hidden;} a:link, a:active, a:visited {color: C3A64A; font:11px 'arial', arial, sans-serif; text-decoration: none;} a:hover {color: D4CCA5; font:11px 'arial', arial, sans-serif; text-decoration: none;} table, tr, td { background-color:transparent; border:none; border-width:0;} Matt {Hides: The Title For Apps} div a span.whitetext12 { display: none !important;} Matt {Customizes: The New Nav Bar} li a.open {background-color: transparent !important;} div.clearfix li a {color: 304860 !important; background-color: transparent;} div.clearfix li a:hover {color: 000030 !important; background-color: transparent !important;} .interestsAndDetails .whitetext12, .contactTable .whitetext12, .userProfileDetail .whitetext12, .userProfileSchool .whitetext12, .blurbs .orangetext15 {display:none;} span[class="orangetext15"] {display:none} .nametext {display: none;} .profileInfo a:link, a:active {color: C3A64A; text-decoration: none;} .profileInfo a:hover {color: D4CCA5; text-decoration: none;} .profileInfo td * {color: FFFFFF;} .profileInfo td {padding-bottom:6px} .profileInfo td td.text {background-image:none;} .profileInfo a img {width: 125px; position: relative; left: 7px;} .profileInfo a img {border: 0px solid; border-color: 7286C7;} .profileInfo a:hover img {border: 0px solid; border-color: 7286C7;} .profileInfo td.text {font:10px 'arial', arial, sans-serif;} .profileInfo b {color:953028 !important; font: bold 11px 'arial', arial, sans-serif;} .searchMonkey-mood {color:FFFFFF !important; font:11px 'arial', arial, sans-serif;} .searchMonkey-lastLogin {color:000000 !important; font:10px 'trebuchet ms', arial, sans-serif;} .profileInfo {position: relative; right: 8px; margin-top: 11px; background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/BottomLeft.png); background-position:bottom left; background-repeat:no-repeat;} .profileInfo td.text {background-image:url("http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/InfoTitle.png"); background-position: top left; height: 45px !important; background-color:transparent; background-repeat: no-repeat;} .profileInfo table {width:313px; float:left; background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/LeftMiddle.png); background-repeat:repeat-y; background-position:top left;} .contactTable {position: relative; right: 8px; z-index: 2;} .contactTable td table {margin-top: -1px;_margin-top: -5px;_margin-left: -1px;background-color: transparent;background-image: url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/ContactTable.png);background-position: center;background-repeat: no-repeat;} .contactTable a {height: 30px;width: 157px;display: block;background-color: transparent;} .contactTable a img, .contactTable img {border: 0px;display: none;visibility: hidden;} .contactTable span.whitetext12 {display:block;background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/ContactTitle.png); width: 313px; height: 46px; background-position:top center; background-repeat:no-repeat; text-indent:-9999px; margin-bottom: -1px;} .contactTable td td.text {background-image:none;} .contactTable table {border:0px solid; border-color:6699CC; border-top:0px; } .contactTable td {height:0px!important; width:0px!important;} embed, object {position: relative; right: 6px; z-index:9;} td td td embed, td td td object {position:static; margin-left:0px;} .userProfileURL {display: none;} .interestsAndDetails .lightbluetext8 {color: 000000; font: bold 11px 'arial', arial, sans-serif;} .interestsAndDetails table td {color: FFFFFF; font:11px 'arial', arial, sans-serif;} .interestsAndDetails a:link, .interestsAndDetails a:active, .interestsAndDetails a:visited {color: C3A64A; font:11px 'arial', arial, sans-serif;} .interestsAndDetails a:hover {color: D4CCA5; font:11px 'arial', arial, sans-serif; text-decoration: none;} .interestsAndDetails object, table.interestsAndDetails embed, table.interestsAndDetails img {width:185px; height:149px;} .interestsAndDetails .whitetext12 {background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/InterestsTitle.png)!important; width:313px; height:46px; background-position:top left; background-repeat:no-repeat; font-size:0px; color:A5B591; text-indent: -9999px; display:block;} .interestsAndDetails table {background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/LeftMiddle.png); height:auto; width:313px!important; background-position:bottom left; background-repeat:repeat-y; margin-bottom:5px; overflow-x:hidden!important;} .interestsAndDetails{position: relative; right: 8px; margin-top: -15px; background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/BottomLeft.png); height:8px; background-position:bottom left; background-repeat:no-repeat;} .lightbluetext8 {text-align: left; display: block;} .userProfileDetail tbody tr td {color: FFFFFF; font:11px 'arial', arial, sans-serif;} .userProfileDetail .lightbluetext8 {color: 000000; font: bold 11px 'arial', arial, sans-serif;} .userProfileDetail .whitetext12 {background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/DetailsTitle.png)!important; width:313px; height:46px; background-position:top left; background-repeat:no-repeat; color:ffffff; display:block; font-size:0px; color: A5B591; text-indent: -9999px;} .userProfileDetail table {background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/LeftMiddle.png); height:auto; width:313px!important; background-position:bottom left; background-repeat:repeat-y; margin-bottom:5px; margin-top:0px;} .userProfileDetail {position: relative; right: 8px; background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/BottomLeft.png); height:8px; background-position:bottom left; background-repeat:no-repeat;} .userProfileSchool table td {color:FFFFFF; font:11px 'arial', arial, sans-serif;} .userProfileSchool tbody tr td a {color: C3A64A; font:11px 'arial', arial, sans-serif; text-decoration: none;} .userProfileSchool tbody tr td a:hover {color: D4CCA5; font:11px 'arial', arial, sans-serif;} .userProfileSchool .whitetext12 {background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/SchoolTitle.png)!important; width:313px; height:46px; background-position:top left; background-repeat:no-repeat; font-size:0px; color:A5B591; display:block; text-indent: -9999px;} .userProfileSchool table {background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/LeftMiddle.png); height:auto; width:313px!important; background-position:bottom left; background-repeat:repeat-y; margin-bottom:5px;} .userProfileSchool {position: relative; right: 8px; background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/BottomLeft.png); height:8px; background-position:bottom left; background-repeat:no-repeat;} .userProfileNetworking .text {color:FFFFFF; font:11px 'arial', arial, sans-serif;} .userProfileNetworking tbody tr td a {color: C3A64A; font:11px 'arial', arial, sans-serif; text-decoration: none;} .userProfileNetworking tbody tr td a:hover {color: D4CCA5; font:11px 'arial', arial, sans-serif;} .userProfileNetworking .whitetext12 {background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/NetworkTitle.png)!important; width:313px; height:46px; background-position:top left; background-repeat:no-repeat; font-size:0px; color:A5B591; display:block; text-indent: -9999px;} .userProfileNetworking table {background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/LeftMiddle.png); height:auto; width:313px!important; background-position:bottom left; background-repeat:repeat-y; margin-bottom:5px;} .userProfileNetworking {position: relative; right: 8px; background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/BottomLeft.png); height:8px; background-position:bottom left; background-repeat:no-repeat;} .userProfileCompany .text {color:FFFFFF; font:11px 'arial', arial, sans-serif;} .userProfileCompany table td {color:FFFFFF; font:11px 'arial', arial, sans-serif; padding-left:10px; padding-right:10px!important;} .userProfileCompany .whitetext12 {background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/CompanyTitle.png)!important; width:313px; height:46px; background-position:top left; background-repeat:no-repeat; font-size:0px; color:A5B591; display:block; text-indent: -9999px;} .userProfileCompany table {background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/LeftMiddle.png); height:auto; width:313px!important; background-position:bottom left; background-repeat:repeat-y; margin-bottom:5px;} .userProfileCompany {position: relative; right: 10px; background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/BottomLeft.png); height:8px; background-position:bottom left; background-repeat:no-repeat;} .extendedNetwork {height: 81px;position: relative; right: 8px; _right: 4px; background-image: url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/ExtendedNetwork.png);background-repeat: no-repeat; margin-bottom: -14px; margin-top: 2px;} .searchMonkey-standardUserStatus {margin-top: 34px; display: block; color: FFFFFF !important; font: 11px'arial', arial, sans-serif !important; text-align: left; padding: 5px;} .latestBlogEntry {position: relative; right: 8px; _right: 4px; border-collapse:collapse !important; margin-top:30px; _margin-top: 35px !important; background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/BlogBottom.png); background-position:bottom left; _background-position:1px bottom; background-repeat:no-repeat;} .latestBlogEntry .btext {display:block; width: 450px; height:46px; position:relative; left:-2px; top:-3px; background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/BlogTitle.png); background-position:0 0; background-repeat:no-repeat; text-indent:-9999px;} .latestBlogEntry br {line-height:6px;} .latestBlogEntry td {height:1px!important;} .latestBlogEntry span.text {color: 000000 !important; font: bold 11px'arial', arial, sans-serif;} table[class="latestBlogEntry"] .btext {top:0px;left:0px;} .latestBlogEntry td {padding-bottom:5px; line-height:14px;} table.latestBlogEntry span.text {color: 000000; margin-left: 5px;} .latestBlogEntry br, .latestBlogEntry .text br{display:none!important;} table.latestBlogEntry span.text, table.latestBlogEntry td {color:000000;} table.latestBlogEntry span.text {display:block; float:left; width:450px;} table.blurbs span.text {margin-top: -10px; display: block;} table.blurbs td.text {font-size: 0px; text-indent: -9999px;} .blurbs span.text {color:FFFFFF; font:11px 'arial', arial, sans-serif;} .blurbs .orangetext15 {font:11px 'arial', arial, sans-serif; text-transform: capitalize;} table.blurbs td td span.orangetext15 {color: 000000; display: block; margin-top: -5px !important; font: bold 11px, arial, sans-serif; display:none;} .blurbs td.text span.orangetext15 {background-image:url(http://img209.imageshack.us/img209/691/jaredheaderep1.png); width: 450px; height:92px!important; background-repeat:no-repeat; background-position:bottom left; display:block;} .blurbs table {background-image:url(http://img399.imageshack.us/img399/622/jaredmiddlexs6.png); height:auto; width: 450px; margin-bottom:5px; background-position:bottom left; background-repeat:repeat-y;} .blurbs {position: relative; right: 8px; _right: 4px; width: 450px; margin-top:15px; margin-bottom:-10px; background-image:url(http://img117.imageshack.us/img117/1585/jaredfooterpx0.png); background-position:bottom left; background-repeat:no-repeat; margin-bottom: 15px;} .aboutme {padding-left:50px; width:380px;} .friendSpace {position: relative; right: 8px; _right: 4px; margin-top:15px; margin-bottom:0px; background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/RightBottom.png); background-position:bottom left; background-repeat:no-repeat;} .friendSpace table span.orangetext15 {display:block; height:46px; margin-top:-13px; background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/FriendsTitle.png); background-position:0 0; background-repeat:no-repeat; text-indent:-9999px;} .friendSpace table {background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/RightMiddle.png); background-position:top left; background-repeat:repeat-y;} .friendSpace td.text {padding-bottom:8px} .friendSpace table table {background-image:none;} .friendSpace table table td {padding-bottom:10px; padding-top:10px;} .friendSpace a img {margin-top: -28px;} .friendSpace td td td a img {border: 2px solid; border-color: CDD7C0;} .friendSpace td td td a:hover img {border: 2px solid; border-color: CDD7C0;} .friendSpace a:link, .friendSpace a:active, .friendSpace a:visited {color: C3A64A; font:11px 'arial', arial, sans-serif; text-decoration: none; text-transform: uppercase;} .friendSpace a:hover {color: D4CCA5; font:11px 'arial', arial, sans-serif; text-decoration: none;} table.friendSpace td {padding:0px;} table.friendSpace td.text div {display:none;} table.friendSpace .btext {display: none !important;} table.friendSpace td.text td br {line-height:0px;} table.friendSpace span.btext {text-align:center;} table.friendSpace td.text div {text-align:center;} table.friendSpace td.text td td {line-height:0px;} table.friendSpace td.text td td a img {visibility:visible;} .friendspace table {background-color:transparent; border:0px;} table.friendSpace td.text td td a img {width:80px; height:70px;} table.friendSpace td.text td td a {visibility:hidden; font-size:0px;} .friendsComments .commentlinks a:link {color: C3A64A !important; font: 10px 'arial', arial, sans-serif !important;} .friendsComments .commentlinks a:hover {color: D4CCA5 !important; font: 10px 'arial', arial, sans-serif !important; text-decoration: underline;} .friendsComments td.text {padding-bottom: 10px} table.friendsComments td.text td b {display:none;} .katamari replace pic generator {http://abrax.us/Katamari/ReplacePicGen.php } table.friendsComments td.text td a {display:block; margin-top: 5px; margin-bottom: 6px; background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/AddComment.png); background-repeat:no-repeat; height:36px; background-position:center center; font-size:0px!important; _color: 2A394B!important;} table.friendsComments td.text td td a, table.friendsComments td.text td b a {display:inline; background-image:none; letter-spacing:0px; font-size:11px!important;} table.friendsComments td.text td td a {visibility:hidden;} table.friendsComments td.text td.columnsWidening a {visibility:visible !important; color: C3A64A !important;} table.friendsComments td.text td.columnsWidening a:hover {visibility:visible !important; color: D4CCA5 !important;} table.friendsComments td.text td td a img {visibility:visible;} table.friendsComments td.text td.columnsWidening embed, table.friendsComments td.text td.columnsWidening object {width:260px; height:213px;} table.friendsComments td.text td.columnsWidening img {width:260px;} .friendsComments {position: relative; right: 8px; _right: 4px; width: 450px; margin-top:15px; margin-bottom:-10px; background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/RightBottom.png); background-position:bottom left; background-repeat:no-repeat; margin-bottom: 15px;} .friendsComments table span.orangetext15 {width: 450px; display:block; height:46px; background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/CommentsTitle.png); background-position:top left; background-repeat:no-repeat; text-indent:-9999px;} .friendsComments table {margin-bottom: -3px; width: 429px; background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/RightMiddle.png); background-position:top left; background-repeat:repeat-y;} .friendsComments .commentlinks {text-transform: uppercase; font:11px 'arial',arial,sans-serif; color: 2A394B;} .friendsComments .blacktext10 {color: C4C389; _margin-top: 30px; display: block; text-align: right; text-transform: uppercase; font:11px 'arial',arial,sans-serif; _position: relative; _top: 15px;} .friendsComments td.columnsWidening {color: FFFFFF; font:11px 'arial', arial, sans-serif; width: 375px; padding-bottom: 6px !important;} td.columnsWidening {background-image:url(); height:auto; background-position:bottom left; background-repeat:repeat-y;} .bodyContent td div div {color:CDD7C0;} .bodyContent table div br {line-height:5px;} .bodyContent td div div a {font:11px 'arial', arial, sans-serif;} .bodyContent td div font {color:FFFFFF; margin-bottom: 15px; display: block; font:11px 'arial', arial, sans-serif;} img { border: 0; filter:alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95;} img:hover{ filter:alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95;} Matt {Removes: Outline From Image Links} a:active {outline: none;} :focus{-moz-outline-style: none;} {! color top menu !} div.profileWidth table td, i i i.x {background-color: 000000 !important;} {! color search area and behind ad different than top menu !} div.profileWidth div {background-color: 000000 !important} {! color link font in top menu !} div.profileWidth div ul li a {font-family:comic sans ms; font-size:11px; font-weight:bold; color: C3A64A !important} {! link hover color !} div.profileWidth div ul li a:hover {color: D4CCA5 !important; display:block} {! remove shadow in google search area !} div.profileWidth div.clearfix, .i i i {background-image:none !important;} .interestsAndDetails textarea, .blurbs textarea {color: FFFFFF; background-color: 2B3A4B; border-style: double; border-width: 3px; border-color: 000000; padding: 3px 0px 3px 3px; overflow: hidden; font:11px 'arial', arial, sans-serif;} .interestsAndDetails input, .blurbs input {color: FFFFFF; background-color: 2B3A4B; border-style: double; border-width: 3px; border-color: 000000; padding: 0px 4px 0px 4px; overflow: hidden; font:11px 'arial', arial, sans-serif;} !-Custom OnLine Now Icon !-Solution Source: MySpace Code -! !-Solution Optimized for 80x20 icon. You WILL need to adjust size, clip and margin values for other icon sizes-! {!-apply background image; replace with url of your image -!} img.ImgOnlineNow {background-image:url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/OnlineNow.gif); background-repeat: no-repeat;} img.ImgOnlineNow {height:0px !important; width:0px !important; padding-top:20px; padding-right:80px; background-position: center center;} table.friendSpace img.ImgOnlineNow {} table.friendsComments img.ImgOnlineNow {margin-top:0px !important; _margin-top: 0px !important; margin-left:0px;} {!-IE solution -!} {!-All Rights to this Solution Reserved. You may use it. You may NOT publish it.} * html img.ImgOnlineNow {padding-top:0px; padding-right:0px;} * html img.ImgOnlineNow {width:105px !important; height:52px !important;} * html img.ImgOnlineNow {background-position:top right;} {!-The margin values may need adjustment-!} * html img.ImgOnlineNow {position:absolute; margin-top: -3px !important; margin-left:-25px!important;} * html table.friendsComments img.ImgOnlineNow {margin-top: -5px !important; margin-left:-65px !important;} * html table.friendSpace img.ImgOnlineNow {margin-top: 5px !important; margin-left:-52px !important;} * html img.ImgOnlineNow {clip: rect(0px, 105px, 21px, 26px)} div.hr { height: 29px; background: url(http://i72.photobucket.com/albums/i167/itsmattadams/MySpace/Layouts/Scarification/HR.png) no-repeat center;} {!- Browser Hacks -!} .friendSpace a img {_margin-top: -26px; _left: 10px; position: relative !important; z-index: 9 !important; _margin-left: 5px; display: block;} .profileInfo {_margin-top: 28px;} .latestBlogEntry, .contactTable, .blurbs, .friendSpace, .friendsComments {_margin-top:20px;} @media screen and (-webkit-min-device-pixel-ratio:0){ .friendSpace a img {margin-top: 0px;} table.friendsComments td.text td a {font-size:10px!important; color: 2A394B;} .contactTable td table {margin-left: -1px;} } @media all and (min-width: 0px){ table table td.text table td.text table table table {background-image:url(); width: 85px; height:135px; background-position:top left; background-repeat:no-repeat!important; display:block;} } </style> <p class="aboutme"> CONTENT HERE </p> </td></tr></table><table style="display:none"><tr><td>
Reason for edit: Please use [codebox] tags instead of [code] tags when posting longer codes. - Mike
|
|
|
![]()
Post
#8
|
|
![]() Treasure Pleasure ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 ![]() |
Look for this in your codes:
CODE .blurbs {position: relative; right: 8px; _right: 4px; width: 450px; margin-top:15px; margin-bottom:-10px; background-image:url(http://img117.imageshack.us/img117/1585/jaredfooterpx0.png); background-position:bottom left; background-repeat:no-repeat; margin-bottom: 15px;} Replace it with this: CODE .blurbs {position: relative; right: 8px; _right: 4px; width: 450px; margin-top:15px; margin-bottom:-10px; background-image:url(http://img117.imageshack.us/img117/1585/jaredfooterpx0.png); background-position:bottom left; background-repeat:no-repeat; margin-bottom: 15px; padding-bottom:20px;}
|
|
|
![]()
Post
#9
|
|
Newbie ![]() Group: Member Posts: 5 Joined: Nov 2008 Member No: 699,142 ![]() |
CODE .blurbs {position: relative; right: 8px; _right: 4px; width: 450px; margin-top:15px; margin-bottom:-10px; background-image:url(http://img117.imageshack.us/img117/1585/jaredfooterpx0.png); background-position:bottom left; background-repeat:no-repeat; margin-bottom: 15px; padding-bottom:20px;} oh wow! thanks! that's the ONE thing i didn't try. i always forget about padding. hehe. |
|
|
![]()
Post
#10
|
|
![]() Treasure Pleasure ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 ![]() |
Okay, topic closed & moved.
|
|
|
![]() ![]() |