css: achtergrond mee scrollen

xvilo · 28 aug 2010

hoi,
ik heb in mijn wp instalatie een plugin maar nu wil ik dat de achtergrond van de plugin mee scrold
zo als hier

dit is de css van mijn thema:

Code:

/*   
Theme Name: Alison
Theme URI:http://www.toptut.com
Description:This theme supports widget, threaded-comments, theme-options,and translation is ready. Also including page-navigation and multi level dropdown menu.
Author: Lorelei
Author URI:http://www.toptut.com
Version:1.0
Tags: black, two-columns, fixed-width, theme-options, threaded-comments, translation-ready
*/


.thumbnail{float:left;width:106px;height:106px;margin:0 8px 0 0;padding:3px 3px 0;}

.thumbnail img{width:100px;height:100px;}



/*  ------ basic ------------------- */
body {
background: #171717 url(img/1.jpg) no-repeat;
font-family:arial;
font-size:12px;
color:#becccb;
text-align:center;
margin:0;
padding:0;
text-shadow:0 1px 0 #121b23;
}

a,a:visited {
color:#e0e1e5;
text-decoration:none;
outline:none;
text-shadow:0 1px 0 #07101e;
}

a:hover {
color:#697994;
text-decoration:none;
}

p {
line-height:170%;
margin:0 0 1em;
padding:0;
}

ul {
list-style-type:none;
line-height:0;
margin:0 0 1em;
padding:0;
}

ul li {
line-height:normal;
margin:0;
padding:0;
}

ol {
margin:0 0 1em 19px;
padding:0;
}

* html ol {
margin:0 0 1em 23px;
padding:0;
}

ol li {
padding:0 0 5px;
}

table {
border-collapse:collapse;
border:0;
width:100%;
}

blockquote {
border:1px solid #333;
background:#222;
margin:0 0 1em;
padding:15px 20px 0;
}

pre {
border:1px solid #333;
background:#222;
overflow:auto;
margin:0 0 1em;
padding:10px 20px;
}

.wp-caption-text {
text-align:center;
}

.alignleft {
float:left;
}

/*  ------ layout ------------------------ */
#wrapper {
background:url(img/wrap.png) repeat-x top;
}

#contents {
width:959px;
text-align:left;
margin:0 auto;
}

#header {
background:no-repeat bottom;
height:160px;
}

#middle-contents {
background:repeat-y;
padding-bottom:50px;
}

#left-col {
float:right;
display:inline;
width:610px;
margin:0 0 0 5px;
}

#right-col {
float:left;
display:inline;
width:330px;
margin:40px 5px 0 0;
}

#footer {
background:no-repeat top;
height:50px;
margin-bottom:10px;
font-size:11px;
color:#E0E1E5;
}

/*  ------ header ---------------------- 
 Change the number of margin if you are using original logo image */
#logo_image {
float:left;
display:inline;
margin:49px 0 0 0;
}

/* blog title */
#logo {
float:left;
display:inline;
margin:64px 0 0 40px;
}

#logo a,#logo a:visited {
color:#a9ba45;
font-size:32px;
}

#logo h1 {
font-weight:400;
line-height:100%;
color:#666;
font-size:11px;
margin:0;
padding:6px 0;
}

#rss-feed {
font-size:11px;
float:right;
display:inline;
color:#777;
background:url(img/rss.gif) no 0 left top;
height:25px;
width:80px;
margin:62px 10px 0 0;
padding:18px 0 0 60px;
}

#rss-feed:hover {
background:url(img/rss.gif) no-repeat left bottom;
color:#83bac4;
text-decoration:none;
}

#search-area {
float:right;
display:inline;
width:183px;
height:29px;
background:no-repeat;
margin:70px 47px 0 0;
}

#search-input {
float:left;
border:0;
height:17px;
display:inline;
width:125px;
font-size:12px;
color:#7e7e7e;
background:transparent;
margin:8px 0 0 24px;
}

/*  ------ left-col ------------- */
.post {
-moz-border-radius:5px;

margin:30px 0 5px 10px;
padding:12px;
-moz-box-shadow:0 0 10px #000;
}

.post h2 {
line-height:100%;
margin:0 0 4px;
padding:0;
}

.post h2 a,.post h2 a:visited,#single h2 {
color:#5b7bb5;
font-size:26px;
line-height:120%;
font-family: Georgia;
font-style:italic;
font-weight:400;
}

.post-info {

background:#40537b;
border:1px solid #6386bd;
margin:3px;
float:left;
padding:6px;
width:320px;
}

.post-info li {
display:inline;
font-size:11px;
color:#797f80;
margin:0 10px 0 0;
}

.write-comment {
background:no-repeat left center;
padding:0 0 0 11px;
}

.post-info a:hover {
color:#83bac4;
}

.post-content {
clear:both;
line-height:160%;
padding:15px 5px 20px;
}

.post-content p {
line-height:160%;
margin:0 0 1em;
}

.post-content a.more-link,.post-content a.more-link:visited {
display:block;
clear:both;
height:23px;
background: no-repeat left top;
text-decoration:none;
margin:15px 0 5px;
padding:6px 0 0 35px;
}

.post-content a.more-link:hover {
background:no-repeat left bottom;
text-decoration:none;
}

.post img,.post a img {
border:1px solid #5b7bb1;
background:#4a6497;
margin:0;
padding:5px;
}

.post a:hover img {
border:1px solid #4a6497;
background:#374969;
}

.post img.alignright,div.alignright {
display:inline;
margin:4px 0 10px 10px;
}

.post img.alignleft,div.alignleft {
display:inline;
margin:4px 10px 10px 0;
}

.post img.wp-smiley {
border:0;
background:none;
margin:0;
padding:0;
}

.post table {
margin:0 0 1em;
}

.post td,.post th {
border:1px solid #333;
padding:15px;
}

.post th {
background-color:#000;
font-weight:400;
}

.post-content ul li {
line-height:160%;
background:no-repeat left 9px;
margin:0;
padding:0 0 0 12px;
}

.post-content input {
margin:5px 0;
}

.post-meta {
background: no-repeat right top;
width:585px;
padding:13px 0 0;
}

.post-meta ul {
background:no-repeat right bottom;
line-height:0;
padding:0 0px 10px 30px;
}

.post-meta li {
display:inline;
font-size:11px;
line-height:140%;
}

.post-category {
float:left;
width:345px;
background:no-repeat 2px 2px;
padding:0 0 1px 20px;
}

.post-tag {
float:left;
width:345px;
background:no-repeat 2px 2px;
padding:0 0 1px 29px;
}

.post-comment {
float:right;
width:80px;
background:no-repeat left top;
padding:10px;
background:url(img/post.png);
border:1px solid #2c3909;
}

#back-top {
font-size:11px;
background:no-repeat left 16px;
float:right;
color:#777;
padding:10px 5px 0 15px;
}

/*  ------ right-col ------------- */
#information-title {
background: no-repeat left top;
width:232px;
margin:0 0 0 30px;
padding:25px 20px 5px;
}

.information-contents {
line-height:160%;
font-size:11px;
color:#868a8d;
background:no- repeat left bottom;
width:232px;
margin:0 0 50px 30px;
padding:12px 20px 20px;
}

.side-title {
font-size:24px;
font-family:Georgia;
font-style:italic;
color:#6085bc;
font-weight:400;
line-height:100%;
margin:0 0 20px;
}

.side-box {
color:#aaa;
font-size:12px;
font-weight:900;
width:270px;
margin:0 0 50px 32px;
}

#right-col li {
line-height:140%;
margin:0 0 1em;
}

#right-col li li {
background:no-repeat 1px 7px;
margin:3px 0;
padding:0 0 0 10px;
}

.side-box-short {
width:130px;
font-size:11px;
color:#aaa;
margin:0 0 50px;
}

/* calendar */
#wp-calendar {
width:100%;
color:#777;
margin:0 auto;
}

#wp-calendar th,#wp-calendar td {
border:1px solid #333;
width:14%;
line-height:220%;
text-align:center;
padding:0;
}

#wp-calendar th {
line-height:100%;
font-weight:400;
background:#000;
padding:4px 0 2px;
}

#wp-calendar td a,#wp-calendar td a:visited {
display:block;
text-decoration:underline;
}

#wp-calendar caption {
padding:8px 0;
}

#wp-calendar tfoot td {
border:none;
padding:5px 0;
}

#wp-calendar #prev a,#wp-calendar #prev a:visited,#wp-calendar #next a,#wp-calendar #next a:visited {
text-decoration:none;
background:none;
}

#wp-calendar td#today {
background:#111;
text-decoration:underline;
color:#81c8d5;
}

#copyrights {
color:#777;
border-left:3px solid #444;
clear:both;
padding:1px 0 0 8px;
}

#copyrights li {
line-height:160%;
margin:0;
padding:0;
}

#copyrights a:hover {
color:#849ca0;
}

#return_top a {
position:fixed;
right:0;
bottom:15px;
display:block;
height:138px;
width:38px;
background: no-repeat left top;
}

#return_top a:hover {
background:no-repeat right top;
text-decoration:none;
}

/*  ------ archive ------------- */
.archive,.search-page {
border-left:3px solid #555;
padding-left:10px;
margin:25px 0 25px 30px;
}

.archive h2,.search-page h2 {
font-size:14px;
color:#fff;
display:block;
line-height:120%;
font-weight:400;
margin:0 0 3px;
padding:0;
}

.archive p,.search-page p {
font-size:12px;
}

.read-more {
padding:0;
}

/* ------ page navi -------------- */
.page-navi,.next-previous-navi {
margin:50px 0 25px 30px;
}

#comment-pager {
margin:20px 0 0;
}

.page-navi li {
line-height:0;
display:block;
float:left;
}

.page-navi a,.page-navi a:visited,.page-navi a:hover,.page-navi span.pages,.page-navi span.extend,.page-navi span.current,.page-navi span.dots {
font-size:11px;
line-height:100%;
display:block;
float:left;
border-right:1px solid #555;
border-left:1px solid #555;
margin:0 -1px 25px 0;
padding:2px 14px;
}

.page-navi span.current {
color:#81c8d5;
background:no-repeat center bottom;
padding-bottom:10px;
border:none;
}

.page-navi a.prev,.page-navi a:hover.prev,.page-navi a:visited.prev {
border-left:none;
}

.page-navi a.next,.page-navi a:hover.next,.page-navi a:visited.next {
border-right:none;
}

#previous-page a,#previous-page a:visited {
float:left;
display:inline;
height:22px;
background: no-repeat left top;
margin:5px 0 10px 5px;
padding:7px 0 0 40px;
}

#previous-page a:hover {
background: no-repeat left bottom;
text-decoration:none;
}

#next-page a,#next-page a:visited {
float:right;
display:inline;
height:22px;

margin:5px 0 10px;
padding:7px 40px 0 0;
}

#next-page a:hover {

text-decoration:none;
}

/*  ------ header for category/archive/search/...etc  ------------- */
.common-navi-wrapper {

width:585px;
margin:70px 0 0;
padding:13px 0 0;
}

.common-navi-wrapper p {

line-height:140%;
margin:0;
padding:0 10px 10px 32px;
}

#archve-title {
margin:0 0 0 13px;
}

/*  ------ page widthout side ------------------------ */
#no-side {

padding:60px 0;
}

#no-side .post {
margin:0 40px 20px;
}

#footer-noside {

height:114px;
margin-bottom:50px;
}

/*  ------ header-menu ------------------------ */
#pngfix-right {

display:block;
width:10px;
height:60px;
float:right;
}

#pngfix-left {

display:block;
width:10px;
height:60px;
float:right;
}

ul.menu {
float:left;

font-size:11px;
height:61px;
margin:0;
}

ul.menu,ul.menu ul {
line-height:1;
margin:0;
padding:0;
}

ul.menu li {
position:relative;
float:left;

height:55px;
z-index:100;
padding:0 18px;
}

ul.menu ul li {
height:auto;
border-left:none;
left:auto;
padding:0;
}

ul.menu a,ul.menu a:visited {
color:#fff;
display:block;
line-height:49px;
position:relative;
top:5px;
padding:0 15px;
}

ul.menu ul {
position:absolute;
top:52px;
left:0;
display:none;
opacity:0;
width:200px;
}

ul.menu ul a,ul.menu ul a:visited {
background:#536984;
line-height:140%;

width:128px;
margin:-1px 0 0;
padding:9px 30px 8px;
}

ul.menu ul a:hover {
background:#374a60;
border-bottom:1px solid #222;
}

ul.menu ul ul {
top:34px;
margin:-34px 0 0 189px;
}

ul.menu .current_page_item a,ul.menu .current_page_item a:visited {
color:#b0b5cb;
font-weight:700;

}

ul.menu .current_page_item ul a,ul.menu .current_page_item ul a:visited,ul.menu .current_page_item ul a:hover {
border-bottom:1px solid #657f0c;
}

/* ---------- clearfix hack ---------- */
.clearfix:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.clearfix {
display:block;
}

/* exlude MacIE5 \*/
* html .clearfix {
height:1%;
}

a img,ul.menu #header-menu-home {
border:none;
}

form,table,input,textarea,dl,dt,dd,#logo_image h1 {
margin:0;
padding:0;
}

blockquote a,blockquote a:visited,.post-content a,.post-content a:visited,#wp-calendar #prev a:hover,#wp-calendar #next a:hover,#copyrights #wp a {
text-decoration:underline;
}

object,.post img.centered,div.centered {
display:block;
margin:0 auto;
}

.alignright,#search-button {
float:right;
}

.aligncenter,.centered {
display:block;
margin-left:auto;
margin-right:auto;
}

.clear,#side-bottom,#side-bottom-ex {
clear:both;
}

#logo a:hover,.post h2 a:hover,#back-top:hover {
text-decoration:none;
color:#83bac4;
}

.post-info a,.post-info a:visited,#copyrights a,#copyrights a:visited {
color:#777;
}

#side-left,#side-left-ex {
float:left;
width:128px;
padding:0 0 0 32px;
}

#side-right,#side-right-ex {
float:right;
width:120px;
padding:0 30px 0 10px;
}

ul.menu a:hover,ul.menu .current_page_item a:hover {
color:#83bac4;

text-decoration:none;
}

pepernoot · 29 aug 2010

heel simpel..

Gewoon (background fixed) ik laat het zien!

Code:

/*  ------ basic ------------------- */
body {
background: #171717 url(img/1.jpg) no-repeat;
[COLOR="red"]background:fixed;[/COLOR]
font-family:arial;
font-size:12px;
....

Ik hoop dat je hier wat aan hebt...

succes

xvilo · 29 aug 2010

nee het werkt niet,
je kunt het hierbekijken http://www.semschilder.nl
ik heb het toegevoegd maar de achtergrond gaat weg(helemaal geen plaatje meer

pepernoot · 29 aug 2010

no repat

haal no repeat eens weg heeft geen waarde nu!

xvilo · 29 aug 2010

nee nog steeds niet
kijk maar:
http://www.semschilder.nl/site/wordpress
dit is de code die ik nu heb

Code:

/*  ------ basic ------------------- */
body {
background: #171717 url(img/1.jpg) 
background:fixed;
Font-family:arial;
font-size:12px;
color:#becccb;
text-align:center;
margin:0;
padding:0;
text-shadow:0 1px 0 #121b23;
}

pepernoot · 29 aug 2010

even gedult

even gedult ben aan het kijken wat het probleem is...

pepernoot · 29 aug 2010

probeer eens...

Code:

background-attachment:fixed;

die werkt bij mij in ieder geval wel!

xvilo · 29 aug 2010

hee bedankt nu doet hij het

pepernoot · 29 aug 2010

graag gedaan...

Je site ziet er mooi uit!

xvilo · 29 aug 2010

pepernoot zei:
graag gedaan...

Je site ziet er mooi uit!

bendankt

css: achtergrond mee scrollen

xvilo

Gebruiker

pepernoot

Gebruiker

xvilo

Gebruiker

pepernoot

Gebruiker

xvilo

Gebruiker

pepernoot

Gebruiker

pepernoot

Gebruiker

xvilo

Gebruiker

pepernoot

Gebruiker

xvilo

Gebruiker

Nieuwste berichten

Wij waarderen jouw privacy