Knowledge of HTML/CSS will allow you to pimp out your bolt profile any way you like!
Here is some information about the CSS layouts in Bolt to get you started.
# at the beginning of a section distinguishes this particular tag as an ID - so if you go into the View Source of the web page, you will see a section called id=" ". Please note that id's are sometimes used in JavaScript and that is a whole other topic.
. (period) at the beginning of a section distinguishes this particular tag as a class - so if you go into the View Source of the web page, you will see a section called class=" "
When there isn't anything in front of an element in CSS, that means this particular element is associated with a particular HTML tag.
Ex: p would represent the paragraph element in HTML: <p>
Sometimes a CSS tag will have something like: #xg_sitename a -- this means this format includes all A elements of the xg_sitename id.
When you are not sure about what a certain bolt section is related to, the best thing is to give it some very distinguishing color tag, save the page and view it in Bolt.
Make sure to have your CSS code inside the: <style type="text/css">
and make sure to close your style (at the very end of the code) with
</style>
body
{
/*the whole body of the page. */
}
button, input
{
/*every button or input section */
}
#xg
{
/*div section related to bolt.*/
}
#xg_body
{
/*the body of your profile*/
}
#xg_head
{
/*the head section of your profile*/
}
#xg_foot {
/*the footer section of your profile*/
}
#xg_head #xg_masthead #xg_sitename {
/*background part behind the BOLT sign*/
}
#xg_sitename a
{
/*BOLT HEADER: the name at the top*/
}
.xg_module_head h2 {
/*module header*/
}
#xg_head #xg_masthead {
/*HEADER IMAGE!!!!!*/
}
#xg_navigation {
/*top navigation background: section with links*/
}
#xg_navigation ul li a {
/*top links for every profile*/
}
Newbie Helpers
7 members
Description
Everyone is welcome!
HTML/CSS crash course
by iSeeDumbPeople
Oct 15, 2009
Here is some information about the CSS layouts in Bolt to get you started.
When you are not sure about what a certain bolt section is related to, the best thing is to give it some very distinguishing color tag, save the page and view it in Bolt.
Make sure to have your CSS code inside the: <style type="text/css"> and make sure to close your style (at the very end of the code) with
</style>
body
{
/*the whole body of the page. */
}
button, input
{
/*every button or input section */
}
#xg
{
/*div section related to bolt.*/
}
#xg_body
{
/*the body of your profile*/
}
#xg_head
{
/*the head section of your profile*/
}
#xg_foot {
/*the footer section of your profile*/
}
#xg_head #xg_masthead #xg_sitename {
/*background part behind the BOLT sign*/
}
#xg_sitename a
{
/*BOLT HEADER: the name at the top*/
}
.xg_module_head h2 {
/*module header*/
}
#xg_head #xg_masthead {
/*HEADER IMAGE!!!!!*/
}
#xg_navigation {
/*top navigation background: section with links*/
}
#xg_navigation ul li a {
/*top links for every profile*/
}
.xg_module_foot {
/*some module headers: Rss, etc*/
}
.xg_module_body, .xg_theme-modulebody-bc
{
/*will change the color of the module body and the theme color*/
}