design and style your friendburst profile – right column

You can also use all this codes to affect only a single module. Just replace the second selector (“div.block”) with the module specific ID.
This will be compatible with global values for the left column, because the most specific adressed code will prevail.

module background and border

div#content div.block {
background-color: blue;
border: 1px solid red;
}

module headline

div#content div.block div.title {
background-color: yellow;
color: black;
}

module text color

div#content div.block div.content {
color: white;
}

module link color and hover effect

div#content div.block div.content a {
color: gold;
}
div#content div.block div.content a:hover {
color: black;
}

right column buttons
post update/submit comment/cancel
and report/edit/reply/delete comment

div#content div.block div.content input.button,
div#content div.comment_link li a {
background-color: red;
border: 1px solid green;
color: yellow;
padding-right: 3px;
}

right column buttons hover effect

div#content div.block div.content input.button:hover,
div#content div.comment_link li a:hover {
background-color: green;
border: 1px solid black;
color: blue;
}

15 Comments

  • Pingback: design and style your friendburst profile – index | Blogs » Welcome to FriendBurst! Your Friendship Site
  • Pingback: design and style your friendburst profile – top area | Blogs » Welcome to FriendBurst! Your Friendship Site
  • Pingback: design and style your friendburst profile – profile header | Blogs » Welcome to FriendBurst! Your Friendship Site
  • Pingback: design and style your friendburst profile – updates section | Blogs » Welcome to FriendBurst! Your Friendship Site
  • Pingback: design and style your friendburst profile – contact box | Blogs » Welcome to FriendBurst! Your Friendship Site
  • Pingback: design and style your friendburst profile – bottom area | Blogs » Welcome to FriendBurst! Your Friendship Site
  • Pingback: design and style your friendburst profile – profile image holder | Blogs » Welcome to FriendBurst! Your Friendship Site
  • Pingback: design and style your friendburst profile – left column | Blogs » Welcome to FriendBurst! Your Friendship Site
  • Pingback: design and style your friendburst profile – music section | Blogs » Welcome to FriendBurst! Your Friendship Site
  • Pingback: design and style your friendburst profile – basic info section | Blogs » Welcome to FriendBurst! Your Friendship Site
  • Pingback: design and style your friendburst profile – updates section updates area | Blogs » Welcome to FriendBurst! Your Friendship Site
  • Pingback: design and style your friendburst profile – updates section user comments | Blogs » Welcome to FriendBurst! Your Friendship Site
  • Pingback: design and style your friendburst profile – comments section – post comment | Blogs » Welcome to FriendBurst! Your Friendship Site
  • Pingback: friendburst profile layouts – index | Blogs » Welcome to FriendBurst! Your Friendship Site
  • Pingback: design and style your friendburst profile – navigation bar | Blogs » Welcome to FriendBurst! Your Friendship Site
Commenting on blog posts is coming back soon. You can read the comments here; to talk with a member now, leave a comment on their profile or send them a message.