4images Forum & Community

4images Modifications / Modifikationen => Templates & Styles (Requests & Discussions) => Topic started by: gypsyangel on November 26, 2007, 02:56:07 AM

Title: Template Question
Post by: gypsyangel on November 26, 2007, 02:56:07 AM

My gallery is attached to my forum and I am just wondering how do I make it look the same as my forum's template??  Please help

Title: Re: Template Question
Post by: KurtW on November 26, 2007, 05:53:23 AM

Hi,

you must edit the templates in:
templates/default/
The templates for the index page:

- header.html
- home.html
 - whos_online.html
 - user_login_form.html
- footer.html

You can look in one of my free templates.
http://4images.malediven-bilder.de/details.php?image_id=119 (http://4images.malediven-bilder.de/details.php?image_id=119)
it is 90% your request. The colors are fixed in style.css


Kurt
 

Title: Re: Template Question
Post by: gypsyangel on November 27, 2007, 01:41:33 AM

I have tried changing the colours and it doesn't seem to work.  Can someone tell me what it is that I need to specifically look for please.

Title: Re: Template Question
Post by: thunderstrike on November 27, 2007, 02:52:44 AM

Quote

I have tried changing the colours and it doesn't seem to work.

1 - Edit style.css in templates/your_template .
2 - See result with Firefox and IE 7. Is diff ?
3 - http://www.4homepages.de/forum/index.php?topic=18926.0 - use this for edit layout like forum. You no need for edit all template after this. ;)

Title: Re: Template Question
Post by: KurtW on November 27, 2007, 06:07:48 AM

Quote from: KurtW on November 26, 2007, 05:53:23 AM

You can look in one of my free templates.
http://4images.malediven-bilder.de/details.php?image_id=119 (http://4images.malediven-bilder.de/details.php?image_id=119)
it is 90% your request. The colors are fixed in style.css


Kurt
 

Hi,

can't understund your request.
I have in the css all marks with a headtext. So you can see, where do you must change 8O
A part o the css for the pagecolors:

Code: [Select]

body {
  background-color: #DFBB9F;
  background-image: url(../../page_images/pageback.gif);
  color: #000000;
  font-size: 10px;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  SCROLLBAR-FACE-COLOR: #DFBB9F;
  SCROLLBAR-HIGHLIGHT-COLOR: #000000;
  SCROLLBAR-SHADOW-COLOR: #000000;
  SCROLLBAR-3DLIGHT-COLOR: #DFBB9F;
  SCROLLBAR-ARROW-COLOR: #;
  SCROLLBAR-TRACK-COLOR: #DFBB9F;
  SCROLLBAR-DARKSHADOW-COLOR: #DFBB9F;
}

/* ----- Page Size -- PageGröße ------*/

.page_size {
  width: 700px;
  height: 500px;
  border: 1px solid rgb(228,160,120);
}

/* ----- Colors,sizes of the tablesheads -- Farben,Größen der Tabellenköpfe ------*/

.page_table {
  width: 100%;
  height: 100%;
  background-color: #E4A078;
  border: 1px solid rgb(0,0,0);
}

.menue_table {
  border: 1px solid rgb(0,0,0);
  background-color: #F7DBC5;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  height: 98%;
  width: 160px;
}

.thumb_table {
  border: 1px solid rgb(0,0,0);
  background-color: #F7DBC5;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.thumb_table_2 {
  border: 1px solid rgb(0,0,0);
  background-color: #F2C6A2;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.all_other_tables {
  border: 1px solid rgb(0,0,0);
  background-color: #F7DBC5;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.head1 {
  border: 1px solid rgb(0,0,0);
  background-color: #F2C6A2;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* ------------------------------------------------------------------------------------------*/
You have only to change the background-colors from the classes. Not more


Kurt