764 - 0
yes

design and style your friendburst profile – right column

2010-12-10 at 08:52 am BlogBlog  RSSRSS  Subscribe

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;
}

Last 5 posts by pfeiffer_stylez


View Counter: 797 views


15 Responses to “design and style your friendburst profile – right column”

  1. [...] • Right Column [...]

    Likes: Thumb up 0

  2. [...] • Right Column [...]

    Likes: Thumb up 0

  3. [...] • Right Column [...]

    Likes: Thumb up 0

  4. [...] • Right Column • • Updates Section •• • Input Area •• • Updates Area •• • User Comments [...]

    Likes: Thumb up 0

  5. [...] • Right Column • • Updates Section •• • Input Area •• • Updates Area •• • User Comments [...]

    Likes: Thumb up 0

  6. [...] • Right Column • • Updates Section •• • Input Area •• • Updates Area •• • User Comments [...]

    Likes: Thumb up 0

  7. [...] • Right Column • • Updates Section ••• • Input Area ••• • Updates Area ••• • User Comments • • Comments Section ••• • Post Comment [...]

    Likes: Thumb up 0

  8. [...] • Right Column • • Updates Section ••• • Input Area ••• • Updates Area ••• • User Comments • • Comments Section ••• • Post Comment [...]

    Likes: Thumb up 0

  9. [...] • Right Column • • Updates Section ••• • Input Area ••• • Updates Area ••• • User Comments • • Comments Section ••• • Post Comment [...]

    Likes: Thumb up 0

  10. [...] • Right Column • • Updates Section ••• • Input Area ••• • Updates Area ••• • User Comments • • Comments Section ••• • Post Comment [...]

    Likes: Thumb up 0

  11. [...] • Right Column • • Updates Section ••• • Input Area ••• • Updates Area ••• • User Comments • • Comments Section ••• • Post Comment [...]

    Likes: Thumb up 0

  12. [...] • Right Column • • Updates Section ••• • Input Area ••• • Updates Area ••• • User Comments • • Comments Section ••• • Post Comment [...]

    Likes: Thumb up 0

  13. [...] • Right Column • • Updates Section ••• • Input Area ••• • Updates Area ••• • User Comments • • Comments Section ••• • Post Comment [...]

    Likes: Thumb up 0

  14. [...] • Right Column • • Updates Section ••• • Input Area ••• • Updates Area ••• • User Comments • • Comments Section ••• • Post Comment [...]

    Likes: Thumb up 0

  15. [...] • Right Column • • Updates Section ••• • Input Area ••• • Updates Area ••• • User Comments • • Comments Section ••• • Post Comment [...]

    Likes: Thumb up 0

Leave a Reply

You must be logged in to post a comment.