?

Log in

No account? Create an account

Previous Entry | Next Entry

1. i changed the background colour and all but the bottom part of the header changed. It has stayed the orignal 'western blue' colour (so has the background behind the designer credit). I want to change it to black. - solved

2. i moved the user icons to the right but want them more inline with the post heading if possible - solved


This is my first attempt at CSS and everything i have changed so far i have done following instructions in this community. I think i am probably missing something pretty basic and appologise if the info is here and i have overlooked it.

I have a paid account and i am using Firefox on OS X.
Hopefully i have provided all the info you need. any help would be much appreciated.
thanks in advance

my page zaloom

body {
background-image: url(bg-body-pattern.gif) ;
background-color: #000000;
color:#000000;
}

#container {
background-image: url(bg-body-shadow.gif);
}

#page {
background: url(bg-content.gif);

}

a { color: #ffffff; }

#control-strip {
background-color: #2d3940;
}

.control-strip-logo a {
background-image: url(logo.gif);
}
/* page structure ----------------------------------------------------------- */
#page-inner { color: #fff; }

/* header ----------------------------------------------------------- */

#header {
background-image: url(bg-header-middle.gif);
}
#header{
height:450px;
background-image:url(http://i27.photobucket.com/albums/c192/zaloom1/zaloom%20lj/Reque-zaloom-4_by_schattenmond.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#header-inner{
position:relative;
top: 300px;
}

#header-content {
background-image: url(bg-header.gif);
}

#header-name,
#header-name a {
color: #fff;
}

#header-description {
color: #fff;
border-top-color: #a1a9af;
}

#header-photo-inner { background-image: url(bg-header-photo-inner.gif); }

#header-photo-inner img { border-color: #a7aeb3;}

/* Separator Bar */

.asset-footer {
margin-bottom : 30px;
border-bottom : 3px groove #ffffff;
padding: 1px 0 20px;
}


/* Connections Header */

.connections-view #header {
background-image: none;
}

.connections-view #header-inner {
background-image: none;
}

.connections-view #connections-photos {
background-image: url(bg-aggregate.gif);
}

/* Content Styles -------------------------------------------- */

.nav a {
color: #fff;
}

.nav a:hover,
.nav .current a {
color: #dee2f6;
}

.page-header1,
.asset-name,
.asset-name a,
.page-header2,
.enclosure-asset-name,
.page-header3 {
color: #fff;
}
.asset-name-editing .asset-name {
color: #000;
}

.asset-tags-list .asset-tags-add-tags:hover,
.asset-description-hover,
.asset-name-hover,
.asset-privacy-hover {
background-color: #738b95;
}

.asset-tags-list a:hover {
background-color: #dee2f6;
color: #566876;
}

/* widget styling */
.widget a {
color: #dee2f6;
}
.widget-header {
background-image: url(bg-widget-header.gif);
border-bottom-color: #98a1a7;
}

.widget-header,
.widget-header a {
color: #fff;
}

.connections-widget .widget-list .item {
color: #fff;
}

.connections-widget .widget-list .item a,
.archive-widget .widget-list .item {
color: #dee2f6;
}


/* asset styling */

.asset-stream-list .post-asset {
background-image: url(bg-asset.gif) !important;
}

.asset-stream-grid .asset-inner,
.enclosure .enclosure-inner { background-color: #62717d; }

.asset-stream-grid .asset-image img,
.asset-stream .asset-image img,
.enclosure .enclosure-inner { border-color: #738b95; }

.asset-tags-list .asset-tags-add-tags:link,
.asset-meta,
.asset-meta-list,
.asset-meta-list a { color: #fff; }

.asset-meta dd,
.asset-meta dd a { color: #dee2f6; }

.asset-body blockquote { border-left-color: #d9d9d9; }

/* Pager ------------------------------------------------------------------ */
.pager a { color: #fff; }

.pager a:hover,
.pager .current a { color: #dee2f6; }

.pager-list .item,
.asset-meta-list .item { border-color: #fff; }

.asset-meta-list .item,
.asset-meta-list .item a { color: #fff; }

.comment-even { background-image: url(bg-comment-even.gif); }

.comment-even,
.comment-error { background-color: #647480; }

.user-pic a img,
.user-pic img {
border-color: #fff;
}

.comment-even,
.comment-error {
border-color: #7e8a93;
color: #fff;
}

.asset-detail .asset-containers {
border-color: #7e8a93;
}

/* test */
.widget-header .edit a {
border-left-color: #d9d9d9;
color: #fff;
}


/* Icon Background Images ---------------------------------------------------*/

.asset-meta-privacy span {
background-image: url(icon-privacy.gif);
}
.asset-meta-edit a {
background-image: url(icon-edit.gif);
}
.asset-meta-delete a {
background-image: url(icon-delete.gif);
}

.asset-meta-favorite a.favorite-function {
background-image: url(icon-favorite.gif);
}

.asset-meta-favorite a.is-a-favorite {
background-image: url(icon-favorite-on.gif);
}

.watched-asset-activity-item,
.asset-meta-comments a,
.enclosure-comments a {
background-image: url(icon-comment.gif);
}

.asset-tags-list .asset-tags-add-tags {
background-image: url(icon-add.gif);
}

.contact-me-list .contact-email,
.widget-list .email {
background-image: url(icon-email.gif);
}

.collection-stream-widget .widget-list .item a,
.asset-containers .collection-asset {
background-image: url(icon-collection.gif);
}

/* Icon Placement */
.asset-inner .user-icon {
float: right;
padding: 0px;
}

Comments

( 4 comments — Leave a comment )
av8rmike
May. 18th, 2008 05:24 pm (UTC)
.....
Sorry, I'm not psychic. What's the problem?
zaloom
May. 18th, 2008 05:31 pm (UTC)
sorry, having a bit off a ditzy day and deleted a two lines from my post.

1. i changed the background colour and all but the bottom part of the header changed. It has stayed the orignal 'western blue' colour (so has the background behind the designer credit). I want to change it to black.
2. i moved the user icons to the right but want them more inline with the post heading if possible
av8rmike
May. 19th, 2008 12:52 pm (UTC)
1. You still have the code specifying the header images from the Weston Blue theme stylesheet.
Change the designer section here:
.asset-tags-list .asset-tags-add-tags:hover,
.asset-description-hover,
.asset-name-hover,
.asset-privacy-hover {
    background-color: #738b95;
}
2. You want the second tutorial from here.
zaloom
May. 19th, 2008 06:08 pm (UTC)
perfect! thank you very much.
( 4 comments — Leave a comment )

Latest Month

March 2016
S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  

S2 Help Communities

Tags

Powered by LiveJournal.com
Designed by chasethestars