Change Design Change Design
 

News:

cpg1.5.48 Security release - upgrade mandatory!
The Coppermine development team is releasing a security update for Coppermine in order to counter a recently discovered vulnerability. It is important that all users who run version cpg1.5.46 or older update to this latest version as soon as possible.
[more]

Main Menu

Change Design

Started by hama, July 09, 2004, 02:59:25 AM

Previous topic - Next topic

0 Members and 3 Guests are viewing this topic.

Print
Go Down Pages1
User actions

hama

July 09, 2004, 02:59:25 AM

I'd like to change the background around the gallery (the gray part).

I changed in template.html

Code Select
body {
     background-image:url(./template/myTemplate/theme/background.gif);
     }

to

Code Select
body {
     background: transparent url(http://os.dorfschule.ch/images/bg.gif);
     }

but I don't get "the wall" as background.

Link to my gallery: http://www.dorfschule.ch/copper/index.php

What I like: http://www.dorfschule.ch/phpmyforum/

Thanks for a little help!
Get up, stand up, stand up for your rights! - Get up, stand up, don't give up the fight!

quake101

#1
July 09, 2004, 04:24:29 AM
Did you try:
Code Select

body {
      background-image:url(http://os.dorfschule.ch/images/bg.gif);
      }

hama

#2
July 09, 2004, 05:33:12 PM

Yes, I tried but nothing happens ...  :-[
Get up, stand up, stand up for your rights! - Get up, stand up, don't give up the fight!

DaMysterious

#3
July 10, 2004, 03:32:27 AM
Quote from: hama on July 09, 2004, 02:59:25 AM

I'd like to change the background around the gallery (the gray part).

I changed in template.html

Code Select
body {
     background-image:url(./template/myTemplate/theme/background.gif);
     }

to

Code Select
body {
     background: transparent url(http://os.dorfschule.ch/images/bg.gif);
     }

but I don't get "the wall" as background.

Link to my gallery: http://www.dorfschule.ch/copper/index.php

What I like: http://www.dorfschule.ch/phpmyforum/

Thanks for a little help!


In your theme directory open style.css, search for

Code Select


body {



and add into this tag (change the #color to your needs).

Code Select


body {

background : #F7F7F7 url(images/your.background.image.gif);

}



Dont forget to place your.background.image.gif into directory /images of your theme.
DaMysterious.

hama

#4
July 10, 2004, 01:23:36 PM

It doesn't work, I'm too stupid to change that ...  :-[

This is the first part of my style.css

Code Select
/*
$Id: style.css,v 1.12 2004/03/21 22:21:13 gaugau Exp $
*/

body {
       font-family : Verdana, Arial, Helvetica, sans-serif;
       font-size: 12px;
       background : url(images/bg.gif);
       color : Black;
       margin: 0px;
}


and this ist the first part of my template.html

Code Select
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{LANG_DIR}">
<head>
<title>{TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" />
<meta http-equiv="Pragma" content="no-cache" />
{META}
   <style type="text/css">
   @import url(http://os.dorfschule.ch/site.php?template=css_default&type=text/css);

     body {
       color:black;
       background : url(images/bg.gif);
     }


The name of the desired background is bg.gif (the wall) and this file is placed in the image-folder of my theme.

http://www.orst.ch

Get up, stand up, stand up for your rights! - Get up, stand up, don't give up the fight!

DaMysterious

#5
July 10, 2004, 02:21:37 PM Last Edit: July 10, 2004, 02:33:19 PM by DaMysterious
Quote from: hama on July 10, 2004, 01:23:36 PM

Code Select

   <style type="text/css">
   @import url(http://os.dorfschule.ch/site.php?template=css_default&type=text/css);

     body {
       color:black;
       background : url(images/bg.gif);
     }


The name of the desired background is bg.gif (the wall) and this file is placed in the image-folder of my theme.

http://www.orst.ch



I taked a look into your sitecode. Try to remove all below in template.html as this overrules the used style.css on your site. If you need this stylemakup add it to style.css but overcome dupes. Hint, 'body' is two times in it.

Code Select

<style type="text/css">
   @import url(http://os.dorfschule.ch/site.php?template=css_default&type=text/css);

     body {
       color:black;
       background : url(images/bg.gif);
     }
     body,table,input {
       font-family:arial,sans-serif;
       font-size:12px;
     }
     .imgLink {
       border:1px solid black;
     }
     .titrePage,.titreMenu,.menu,.info {
       color:black;
     }
     .titreMenu,.menu,.info {
       margin-bottom:5px;
       white-space:nowrap;
     }
     .menu,.titrePage,.info {
       margin-left:2px;
       margin-right:2px;
     }
     .menuInfoCat {
       font-family:sans-serif;
       font-size:11px;
     }
     .totalImages {
       text-align:center;
       margin-top:5px;
       font-family:sans-serif;
       font-size:11px;
     }
     .titreMenu {
       font-weight:600;
       text-align:center;
     }
     .info {
       text-align:right;
     }
     .titrePage {
       white-space:nowrap;
       font-weight:500;
       font-size:18px;
       text-align:center;
     }
     .comments,.infoCat,.navigationBar {
       margin-top:10px;
       margin-bottom:10px;
     }
     .comments {
       text-align:justify;
       font-style:italic;
     }
     .navigationBar {
       text-align:center;
     }
     .infoCat {
       text-align:left;
     }
     .thumbnail {
       font-size:11px;
       text-align:center;
     }
     .copyright {
       font-size:11px;
       text-align:center;
       font-family:sans-serif;
       letter-spacing:0.3mm;
     }
     .commentImage {
       font-weight:bold;
       text-align:center;
       font-size:17px;
     }
     .bouton {
       background:#EEEEEE;
     }
     input {
       border-width:1;
       border-color:#000000;
       background:#ffffff;
       color: #000000;
     }
     body {
     background-image:url(http://os.dorfschule.ch/images/bg.gif);
     }
     table {
       border-collapse:collapse;
     }
     table.thumbnail {
       border-collapse:separate;
     }
     td {
       font-family:sans-serif;
       padding:0;
     }
     .errors {
       text-align:left;
       margin-top:5px;
       margin-bottom:5px;
       background-color:red;
       font-weight:bold;
       border:1px solid black;
       color:white;
     }
     div.information {
       text-align:center;
       border:2px solid black;
       margin:10px;padding:5px;
     }
    #siteNav {
       font-family: verdana, arial, helvetica, sans-serif;
       font-weight: normal;
       height: 16px;
       margin: 0px 10px 0px 10px;
       font-size: 13px;

     }
   </style>



Try to chage in style.css what I mentioned in my former message.
Code Select

<link rel="stylesheet" href="themes/default/style.css" />
DaMysterious.
Print
Go Up Pages1
User actions