Endre bakgrunnsfarge i CSS

QBab · 26. november 2007

Da var webnoobien Qbab ute og gikk igjen. Skal sette i sammen en side for et wow guild, så jeg satt opp joomla og lastet ned en ferdig template.

Har sittet og kikket meg blå i CSS filen men finner ikke ut hvor taggen som kontrollerer bakgrunnen har gjort av seg. Kan noen finne den/dem?

Edit: Altså jeg vil skifte bakgrunnen til noe mørkere.

edit2: Link til siden Darklings

CSS

body {

margin:0; padding:0;

font:normal 80%/1.5em 'Trebuchet MS', Tahoma, sans-serif;

color:#555;

background-color:#2E1D23 url(../images/body_bg.gif) repeat-x;

text-align:center }

.slideshow { /*IE method of centering a relative div*/

text-align:center;

background:#fff;

margin:0 auto;

width:770px;

height:200px;

padding:15px 10px 10px

}

.slideshow>div {

/*Proper way to center a relative div*/

margin:0 auto

}

/* top elements */

* {

padding:0;

margin:0

}

/* links */

a {

background:inherit;

color:#999999;

text-decoration:none

}

a:hover {

background:inherit;

color:#FFF;

text-decoration:underline

}

/* headers */

h1,h2,h3 {

font:bold 1em 'Trebuchet MS', Tahoma, Sans-serif

}

h1 {

font-size:1.4em;

color:#248696

}

h2 {

font-size:1.2em;

text-transform:uppercase

}

h3 {

font-size:1.2em

}

p,h1,h2,h3 {

margin:0

}

ul,ol {

margin:2px 4px;

padding:0 5px

}

.small {

font:.8em Verdana,Helvetica,sans-serif;

color:#666666

}

.createdate,.modifydate {

font:.8em Verdana,Helvetica,sans-serif;

color:#666666

}

/***********************

LAYOUT

************************/

#header-content,#content,#footer-content {

width:760px

}

/* header */

#header {

height:100px;

text-align:left;

background-image:url(../images/header.gif);

background-position:center;

background-repeat:x

}

#header-content {

margin:0 auto;

padding:0;

position:relative

}

/*

#header-content #logo {

position:absolute;

margin:0;

padding:0;

background-image:url(../images/logo.png);

width:300px;

height:100px;

background-position:center;

background-repeat:no-repeat;

##change the values of left and top to adjust the position of the logo

top:-5px;

left:-10px

}

*/

/* header menu */

#header-content #topmenu {

position:absolute;

right:-15px;

top:3px;

list-style:none;

margin:0;

padding:0;

height:25px

}

/* content */

#content-wrap {

clear:both;

float:left;

width:100%

}

#content {

text-align:left;

padding:0;

margin:0 auto

}

/* sidebar */

#sidebar {

float:right;

width:30%;

margin:0 0 10px;

padding:0

}

.right_1,.right_2,.right_3,.right_4, .right_5 {

background:#F5F5F5;

border:1px solid #EFEDED;

margin-bottom:10px;

padding-left:10px;

padding-right:5px;

text-align:left;

padding-top:5px;

padding-bottom:5px

}

/* main */

#main {

float:left;

width:68%;

margin:0 0 10px;

padding:0

}

.mainbody {

margin:0;

padding:10px;

background:#fff url(../images/verlauf.jpg) repeat-x;

border:1px solid #EFEDED

}

/* footer */

#footer {

clear:both;

margin:0;

padding:0;

margin-top:10px;

font:normal .95em/1.6em 'Trebuchet MS', Tahoma, Arial, sans-serif;

text-align:left;

height:100px;

width:100%;

background:#FFF url(../images/footer_bg.gif) repeat-x

}

#footer-content {

margin:0 auto;

padding-left:15px;

text-align:center

}

#footer-content a {

text-decoration:none;

color:#ccc

}

#footer-content a:hover {

text-decoration:underline;

color:#333

}

#footer-content ul {

list-style:none;

margin:0;

padding:0

}

/* JOOMLA STUFF*/

/* NAVIGATION/TOP MENÜ EINSTELLUNGEN */

#topmenu .moduletable th {

display:inline

}

#topmenu #mainlevel-nav {

list-style:none;

padding:0;

margin:0;

float:left;

white-space:nowrap

}

#topmenu #mainlevel-nav li {

width:auto!important;

width:5%;

float:left;

margin:0;

height:20px;

line-height:20px;

white-space:nowrap;

margin-right:3px;

background-image:url(../images/topmenu_bg.gif);

background-repeat:repeat-x;

}

#topmenu #mainlevel-nav li a {

font-weight:normal;

color:#7f8082;

height:20px;

display:block;

padding-left:5px;

padding-right:5px;

text-decoration:none;

white-space:nowrap;

font-size:0.9em

}

#topmenu #mainlevel-nav li a:hover {

font-weight:normal;

color:#fffff;

height:20px;

display:block;

padding-left:5px;

padding-right:5px;

text-decoration:none;

white-space:nowrap;

text-decoration:none;

background-color:#333333

}

/*Menu Rechte Seite*/

a.mainlevel {

margin:0;

padding:0;

list-style-type:none;

width:90%

}

a.mainlevel:link,a.mainlevel:visited {

display:block;

padding:3px 0 3px 3px;

width:200px;

border-bottom:1px dotted #cccccc;

text-decoration:none;

color:#666666

}

a.mainlevel:hover {

color:#666;

background-color:#e8e8e8;

text-decoration:none

}

#active_menu {

background-color:#fff;

color:#FFF!important

}

/* Untermenus*/

a.sublevel {

display:block;

float:left;

padding:2px 0 2px 2px;

width:180px;

border-bottom:1px solid #ccc;

text-decoration:none;

color:#666666;

font-size:.9em

}

a.sublevel:link,a.sublevel:visited {

text-decoration:none;

color:#666666

}

a.sublevel:hover {

color:#666666;

background-color:#e8e8e8

}

a.sublevel#active_menu {

color:#666666

}

/* Formatierung der aktiven Unter-Menü-Links */

a.sublevel#active_menu:hover {

}

.contentheading,.componentheading {

font:bold 1.2em 'Trebuchet MS', Tahoma, Sans-serif;

border-bottom:1px solid #f2f2f2;

color:#999

}

.moduletable th {

font:bold 1.2em 'Trebuchet MS', Tahoma, Sans-serif;

color:#999;

height:20px;

line-height:20px

}

#sidebar .moduletable td{

padding-top:4px;}

.contentpaneopen {

margin-top:2px

}

/* Sektionen*/

.sectiontableheader {

color:#ccc;

font:bold 1.2em 'Trebuchet MS', Tahoma, Sans-serif;

padding:5px;

}

.sectiontableheader a:link,.sectiontableheader a:visited {

color:#666;

}

.sectiontableentry1, .sectiontableentry2{

text-align:left;

}

.input{

padding:2px;}

HTML

<?php

/*--------------------------------------------------------------

# Design by Joomlaplates.com - August 2007

# License: Copyrighted Commercial Software

# Website: http://www.Joomlaplates.com

# Support: [email protected]

---------------------------------------------------------------*/

//defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );

//$iso = split( '=', _ISO ); echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<?php mosShowHead(); ?>

<?php if ( $my->id ) { initEditor(); } ?>

<!--[if IE 6]>

img, div, td { behavior: url(<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->

getTemplate(); ?>/css/iepngfix.htc); }

</style>

<![endif]-->

<?php if ( $my->id ) { initEditor(); } ?>

</head>

<body>

<?php if (mosCountModules('top')>0) mosLoadModules('top',0); ?>

</div>

</div></div>

//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)

new fadeshow(fadeimages, 770, 200, 0, 9000, 0)

</script></div>

<div class="right_1"><?php if (mosCountModules('right')>0) mosLoadModules('right',0); ?></div>

<div class="right_2"><?php if (mosCountModules('user1')>0) mosLoadModules('user1',0); ?></div>

<div class="right_3"><?php if (mosCountModules('user2')>0) mosLoadModules('user2',0); ?></div>

<div class="right_4"><?php if (mosCountModules('user3')>0) mosLoadModules('user3',0); ?></div>

<div class="right_5"><?php if (mosCountModules('user4')>0) mosLoadModules('user4',0); ?></div>

</div>

</div>

</div></div>

</div>

</body>

</html>

Endret 27. november 2007 av QBab

ahlt · 26. november 2007

Hei

Om jeg forsto spørsmålet ditt rett så er det dette du er på utkikk etter:

body {
margin:0; padding:0;

font:normal 80%/1.5em 'Trebuchet MS', Tahoma, sans-serif;

color:#555;

background-color:#2E1D23 url(../images/body_bg.gif) repeat-x;

text-align:center }

Om du ønsker en hvit bakrunn skriver du background-color: #ffffff; Den "url(../images/body_bg.gif) repeat-x;" betyr at et bilde også skal vises på bakrunnen, og repeteres horisontalt.

http://htmldog.com/reference/cssproperties/background-color/

http://www.w3schools.com/html/html_colors.asp

Endret 26. november 2007 av ahlt

QBab · 27. november 2007

Jeg har prøvd det, men det funker ikke. Bare halve bakgrunnen blir hvit selv om jeg kommenterer ut bildet

Stian Jacobsen · 27. november 2007

Du kan ikke bruke background-color sammen med url()

Da må du bruke

background: url(bane/til/bilde) #FARGE repeat-x;

Du har

background-color

background-image

og..

background som er begge ilag

QBab · 27. november 2007

Ah, takk

Edit: Det funket ikke i det hele tatt

Endret 27. november 2007 av QBab

øl_i_tastaturet · 27. november 2007

Post html-koden og css-koden din så blir det lettere å finne feilen.

QBab · 27. november 2007

Den er grei.. 5 sec

Stian Jacobsen · 27. november 2007

body {

margin:0; padding:0;

font:normal 80%/1.5em 'Trebuchet MS', Tahoma, sans-serif;

color:#555;

background: url(../images/body_bg.gif) repeat-x #2E1D23;

}

QBab · 27. november 2007

body {
margin:0; padding:0;

font:normal 80%/1.5em 'Trebuchet MS', Tahoma, sans-serif;

color:#555;

background: url(../images/body_bg.gif) repeat-x #2E1D23;

}

Jeyh det virket

Logg inn

Endre bakgrunnsfarge i CSS

Anbefalte innlegg

QBab

Lenke til kommentar

Videoannonse

ahlt

Lenke til kommentar

QBab

Lenke til kommentar

Stian Jacobsen

Lenke til kommentar

QBab

Lenke til kommentar

øl_i_tastaturet

Lenke til kommentar

QBab

Lenke til kommentar

Stian Jacobsen

Lenke til kommentar

QBab

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer