Advanced search  

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]

Pages: [1]   Go Down

Author Topic: Change Design  (Read 3868 times)

0 Members and 1 Guest are viewing this topic.

hama

  • Contributor
  • Coppermine frequent poster
  • ***
  • Offline Offline
  • Gender: Male
  • Posts: 229
Change Design
« 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!
Logged
Get up, stand up, stand up for your rights! - Get up, stand up, don't give up the fight!

quake101

  • Coppermine novice
  • *
  • Offline Offline
  • Posts: 44
Re: Change Design
« Reply #1 on: July 09, 2004, 04:24:29 am »

Did you try:
Code: [Select]
body {
      background-image:url(http://os.dorfschule.ch/images/bg.gif);
      }
Logged

hama

  • Contributor
  • Coppermine frequent poster
  • ***
  • Offline Offline
  • Gender: Male
  • Posts: 229
Re: Change Design
« Reply #2 on: July 09, 2004, 05:33:12 pm »


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

DaMysterious

  • Contributor
  • Coppermine frequent poster
  • ***
  • Country: nl
  • Offline Offline
  • Gender: Male
  • Posts: 404
  • My CPG Recources
    • My CPG Recources
Re: Change Design
« Reply #3 on: July 10, 2004, 03:32:27 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.
Logged
DaMysterious.

hama

  • Contributor
  • Coppermine frequent poster
  • ***
  • Offline Offline
  • Gender: Male
  • Posts: 229
Re: Change Design
« Reply #4 on: 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

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

DaMysterious

  • Contributor
  • Coppermine frequent poster
  • ***
  • Country: nl
  • Offline Offline
  • Gender: Male
  • Posts: 404
  • My CPG Recources
    • My CPG Recources
Re: Change Design
« Reply #5 on: July 10, 2004, 02:21:37 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" />
« Last Edit: July 10, 2004, 02:33:19 pm by DaMysterious »
Logged
DaMysterious.
Pages: [1]   Go Up
 

Page created in 0.022 seconds with 19 queries.