Want to know how to make a scroll box? Want to know how to edit your banners and backgrounds?

Everyone can post thier codes and questions about code here.

Views: 4144

Reply to This

Replies to This Discussion

You can use http://blog.skemaholicsanonymous.com/NingGen/ningGen.php to make some pretty nice profile layouts without needing too much code knowledge

To float your profile to the right you need to enter:

.xg_1col, .xg_2col, .xg_3col, .xg_4col{
float: right;

In the advanced code section  (may not work with all default themes)

Putting HTML <center></center> tags around content in your bio will center it to the middle of the textbox

A simple scrollbox is made by putting 

<div id="scrollbox"></div>

Around the content you want to be in the scrollbox in your bio and then:

#scrollbox {
border: none;
background-color: transparent;

In the advanced layout section (the height can be edited as you wish to make the box different sizes)

If I take Seren's code and properly format it

This piece of codes stops the default site name and tagline from appearing on your profile:

#xg_sitename, #xg_sitedesc /*This covers up the sitename text*/{display: none; }

This piece of code styles the "header" portion of your profile, you can edit the height of it by changing the height part of the code to whatever number your wish, however changing the width may uncenter your banner.

#xg_masthead /*Top Image*/{ margin: 0px; display: block; height: 520px; width: 975px !important; background: url(http://i62.tinypic.com/35318bo.jpg) top center no-repeat scroll transparent; border-left: none; border-right: none; border-top: none; padding: 0px !important; }

This part of the code applies your background, it makes the background automatically resize to the size of your computer, the "fixed" means it will scroll with the page

body /*Background*/{ background:#000000 url(http://www.youth-restored.com/wp-content/uploads/2013/03/black-back...) center left no-repeat fixed ; color:#FFFFFF; font-family: Lucida sans unicode, sans-serif; background-size: 100%;

Update to what Gaia said, the size is actually 975px width by whatever height you set the header to

Aligning gifs, you just need to put the images back to back like <img src="linktoimg" /><img src="linktosecondimage" /><img src="linktothirdimage" /> ect (will depend on the size of the gifs and the space you're trying to put them in)

Code to change your scrollbar

The color can be changed by changing the #e1a5a3 to a different hex color http://www.colorpicker.com/

::-webkit-scrollbar-thumb:vertical {
background-color: #e1a5a3;
height: 10px;
border: 2px solid #FFFFFF;
::-webkit-scrollbar-thumb:horizontal {
background-color: #e1a5a3;
height: 7px!important;
border: 2px solid #FFFFFF;
::-webkit-scrollbar {
background-color: transparent;
height: 2px;
width: 8px;

Your Url code needs quotation marks around it url('link')

... I feel rather unintelligent trying to understand any of this. I will fully admit that I understand none of this except that I can see the hexadecimal codes.

No there isn't, the only alternative would be JavaScript which is not able to be used on member profiles on ning.

I have a thing you could all add to make profiles much prettier (if you think it needs to be prettier, some are extremely pretty xD). I have had this little piece of tech for a while now, and I am willing to give it away :P

<div align="center"><div style="font-family: Palatino; font-size: 10pt; text-align: justify; color: #e91c6b; padding: 10px; width: 450px;">

I know I am being captain obvious right now, but for anyone that doesn't know, the width decides how long the actual thing is gonna be, since its centered AND justified at the same time. Have fun! x)

Reply to Discussion


Chat Guidelines

  • Don't Spam
  • Don't Advertise
  • Don't interrupt RP
  • Use // or || for OOC Posts
  • Be Kind. Always

© 2019   Created by ✓ Ophelia Dreyvalian ~Admin~.   Powered by

Badges  |  Report an Issue  |  Terms of Service