Log In · Register

 
Layout Help, add a margin?
MoltenTesseract
post Nov 21 2008, 08:30 AM
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>
 
 
Start new topic
Replies
MoltenTesseract
post Dec 1 2008, 01:06 AM
Post #2


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...
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: