Blog


I never mind sharing. I hope these help some of you who are struggling.

Remove the sections in red.

Best Wishes,

Edmun.

The Value after the # sign indicates a color. Safe Font types: Helvetica, Tahoma, Georgia, Impact, Trebuchet MS, Arial, Verdana, Calibri

(Use %, so that it doesn't obscure your mobile view. You can play with Repeat: Repeat. and Color Values)

/* background of page */
body{
background-color: #ffffff !important;
background-image:url(INSERTYOURIMAGEURLHERE) !Important;
background-repeat: no repeat !important;
background-size: 100% 100% !Important;
background-position: center center !important;
}

(Font Styles for your Bold, Italic, Strike-thru, and visited links.)


em {
font-family: Trebuchet MS;
font-size: 10px;
color:#585857;
}
strong {
font-family: Trebuchet MS;
font-size: 11px;
color: #585857;
}
a:link,a:active,a:visited {
font-family: Trebuchet MS;
color: #585857;
text-decoration: none; -webkit-transition-duration: 1.00s;
}

-webkit-font-smoothing: antialiased;

}

(This can be added to any subsection with text: to optimize for all browsers.)

text-rendering: optimizeLegibility;

(Navigation bar is at the top of the page. pro tip: to invis it add the code- display: none; - underneath "color")

/*Nav Bar*/
.mainTab{
Font-family: Trebuchet MS !important;
font-size: 11px;
color: #585857!important;

}

(This is the subtab pull down menu for your navigation bar)

.mainTab-item-SubTabHover{
background-color: transparent;
font-family: Trebuchet MS;
font-size: 11px;
color: #585857;
}

(This area deals with the header. To remove it entirely you can either add- display:none; - or change the values to 0%, 0px)

/* Header Picture */
.banner-header{
width: 100% !Important;
height: 450px !Important;
border-size: 0px !Important;
background-image:url(INSERTYOURIMAGEURLHERE) !Important;

background-repeat: no-repeat !important;
background-position: center !Important;
background-size: 100% 100% !important;
}

(This will make everything on the page monochromatic - black and white. Courtesy of Lorenzo Iodanza.)

.site-body a {color: #cccccc; font-size:17px;} img {-webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray;

}

(There is an almost undiscernable shadow-box around your header picture. This removes it. USE WITH CAUTION- It also removes your comments. Make sense of that...)

/*removes the gradient from your header*/


.media-frame {
position: absolute;
padding: 0px;
left: 0;
bottom: 0;
width: 0%;
padding-top: 0px;
z-index: 0;
}

(There is a faint, 1px line around your header box, and a rounding. this removes it.)


/*removes the invisible-visible box from around your header*/
.banner-header {
border-radius: 0px 0px 0 0;
}
.banner-frame {
border-radius: 0px;
border-color: white;
border-width: 0px;
background-color: transparent !important;
}

(This will make your center column transparent.)

/*center column*/
.sheet {
border-radius: 0px;
border-color:transparent ;
border-width: 0px;
background-color: transparent!important;
}

(This will change your center column, under the header 5% is left, 35%+ is right)


.span12.push4.tablet16.mobile16.column.column-wide{
width: 600px !important;
max-width: 100% !important;
left: 20% !important;
position: relative !Important;

}

(These are courtesy of the other page- they customize the "add" text boxes on your profile)


.section-member-customizableHtml:nth-child(1){
background-color: transparent!important;
text-shadow: 0px 0px 0px black; !important;
font-family: Trebuchet MS !important;
color: #585857; !important;
background-image:url() !Important;
border-size: 0px !Important;
box-shadow: 0 0 0px 0px white;
border-color: #575757 !Important;
background-repeat:no-repeat !important;
background-size: 100% 100% !Important;
background-position: center center !important;
}
.section-member-customizableHtml:nth-child(2){
background-color: transparent!important;
text-shadow: 0px 0px 0px black; !important;
font-family: Trebuchet MS !important;
color: #585857; !important;
background-image:url() !Important;
border-size: 0px !Important;
box-shadow: 0 0 0px 0px white;
border-color: #585857 !Important;
background-repeat: no !important;
background-size: 100% 100% !Important;
background-position: center center !important;
}

(add this portion to the code below under background-position before the } - to add a scroll bar to either or both sections.the max height can be adjusted)

overflow: auto !Important;
min-height: 200px !important;
max-height: 200px !Important;

(This is the section below the "edit/add" text boxes. This is how you change the font, color, and transparency.)


.aboutMember{
background-color: transparent!important;
text-shadow: 0px 0px 0px black; !important;
font-family: Trebuchet MS !important;
color: #585857; !important;
background-image:url(INSERTYOURIMAGEHERE) !Important;
background-repeat:yes !important;
background-size: 100% 100% !Important;
background-position: center center !important;
}

/* Hides Social Buttons */
.banner-socialActions{
display:none !Important;
}
/* hides recent activity */
.section-member-activity{
display: none !important;
}
/* hides your discussions */
.section-member-discussionEntries{
display:none !important;
}
/* hides blog section on profile */
.section-member-blogEntries{
display:none !important;
}
/* hides site name */
.header-siteName{
display:none !important;
}
/* hides photos on profile */
.grid-frame.sheet.section-member-photoEntries{
display:none !Important;
}

(This is the comment area-section of your profile. Scroll bar courtesy of Spence.)

/*Comments Section*/
.comments-list{
overflow: auto !Important;
max-height: 500px !Important;
Font-family: !important;
color: #ff0000!important;
text-shadow: 0px opx 0px #000; !important;
}

(This deals with the word COMMENTS above the actual section. Changing text type, and color and alignment)

.module-name {
font-family: Trebuchet MS;
font-size: 10px;
font-weight: normal;
color: #585857;
text-align: left;
}

(This takes care of The word comment under the Comment wall section. )


.section-member-commentWall{
font-family: Trebuchet MS;
font-size: 10px;
color:#585857;
}

(This is a kit that will color your scroll bar(s) on the page.)

::-webkit-scrollbar-track{

-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);

background-color: #000000;

border-radius: 10px;

}

::-webkit-scrollbar{

width: 10px;

background-color: ##a30905;

}

::-webkit-scrollbar-thumb{

border-radius: 10px;

background-color: #000000;

background-image: -webkit-gradient(linear, 40% 0%, 75% 84%, from(#AB2E2E),to(#2E3AAB), color

}

Some of these codes are courtesy Marly, Knight, Mouse, and Spence. I just left them in to keep my codes together and add to them.

 

Email me when people comment –

The writer of Eddie likes to save things to his blog.

You need to be a member of Writer's Realm - Roleplay to add comments!

Join Writer's Realm - Roleplay

Comments

  • || Just curious if you or anyone would know about changing the cursors on ones page? I had found a site that shows the code but once I apply it to my CSS section and update my profile,nothing happens. Can anybody help me understand where I'm going wrong,here? And possibly help me fix the issue?

    • This version of ning (the codes which make the page run) is still in beta, and thus is being debugged. Also, there will be things that aren't possible because no one is writing the codes for* the beta yet.

      However: Knight shared some advice with me that I will pass forward to you - sometimes putting your webkit at the top of the code page will make it functional. Some codes prefer to be first.

      Good Luck!

      E.

    • || Oh alright. Got it. Thanks,man! 

  • Here, I've been asked about this one a few times if you want to add it for anyone. It makes things like your images, gifs and icons automatically black and white for those ones you find that aren't black and white and you're too lazy to convert lol

    .site-body a {color: #cccccc; font-size:17px;} img {-webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }

    • Added! Thank you, Lorenzo, for your help!

This reply was deleted.