where is gsHeader?

perchette

Joined: 2007-04-22
Posts: 31
Posted: Mon, 2007-04-30 20:49

Re: gallery 2 (2.2) / carbone / mysql / web site: www.info-radiologie.ch
installed: 24/04/2007
I would like to know where is the css file containing this div
<div id="gsHeader">
to put these lines of code:
background-image: url("../feuille_style/images_style/banniere.jpg");
background-repeat: repeat-x;
in order to have a heading/banner sinilar to the rest of web site.
Thanks for any inputs
best regards

 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 26100
Posted: Mon, 2007-04-30 21:46

I have found 2 tools that are invaluable the firefox browser and the web development tool that allows you to Make live edits to the CSS of a web page..
Once you have them both installed....
select edit css and under the 'information' dropdown check display ID & class details.
Edit your CSS and you will see the results. Once you have this the way you want, upload your edited css to the server.
The webdev tool will not work for background image. :-(

You might have to add that class to your css:
gallery2/themes/carbon/theme.css save as:
gallery2/themes/carbon/local/theme.css

Dave

_____________________________________________
Blog & G2 || floridave - Gallery Team

 
perchette

Joined: 2007-04-22
Posts: 31
Posted: Tue, 2007-05-01 07:17

I have found firefox browser and web developpment tool are invaluable since years...
I have also a tool that allow to check a website with ie 5, ie5.5, ie 6.
I would like to have a banner like at this home page http://www.info-radiologie.ch/
Now the gallery home page looks like that: http://www.info-radiologie.ch/gallery2/main.php?g2_page=2
(banner is the half of the top width)
How to achieve this goal?
Is there a way otherwise a css fashion?
gallery g 2.2, carbon

 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 26100
Posted: Tue, 2007-05-01 13:46

Perhaps I don't understand you question.
They don't look the same because you are using different images.
http://www.info-radiologie.ch/gallery2/images/galleryLogo_sm.gif the logo for gallery
and on the other page you have http://www.info-radiologie.ch/feuille_style/images_style/banniere.jpg

Why not edit theme.tpl to have the same image? I don't think you can change the image much with css.

Dave

_____________________________________________
Blog & G2 || floridave - Gallery Team

 
perchette

Joined: 2007-04-22
Posts: 31
Posted: Tue, 2007-05-01 14:14
floridave wrote:
I don't think you can change the image much with css.

I don't think so.
See the CSS of http://info-radiologie.ch/
Look at this line:
#masthead {
background-image: url("../feuille_style/images_style/banniere.jpg");
background-repeat: repeat-x;

with this code you have a repetitive image at the top (1x, 2x, .... depending of the resolution of the screen).
Info-radiologie is on the html page for accessibility/usability reason.
Seems to me it does work.

floridave wrote:
They don't look the same because you are using different images.

you're right

floridave wrote:
Why not edit theme.tpl to have the same image?

because you have only one image that is 100x700 and I want a repetitive image at the top.

sorry for my english

best regards

 
lvthunder

Joined: 2003-09-12
Posts: 804
Posted: Tue, 2007-05-01 22:39

If it's not in theme.css just add it to the bottom.

 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 26100
Posted: Wed, 2007-05-02 03:48

To the end of theme.css add:

#gsHeader {
background-image: url("PROPER PATH TO/feuille_style/images_style/banniere.jpg");
background-repeat: repeat-x;
}

Either that or remove the table in theme.tpl

      <div id="gsHeader">
	<table width="100%" cellspacing="0" cellpadding="0">
	  <tr>
	    <td align="left" valign="top" width="50%">
	      <a href="{g->url}">
		{if !empty($theme.params.logoImageLocation)}
		<img src="{$theme.params.logoImageLocation}" alt=""/>
		{else}
		<img src="{g->url href="images/galleryLogo_sm.gif"}" width="107" height="48" alt=""/>
		{/if}
              </a>
	    </td>
	    <td align="right" valign="top">
	      {g->theme include="ads.tpl"}
	    </td>
	  </tr>
	</table>
      </div>

and add:

<div id="masthead">

<div id="logodiv"><img src="feuille_style/images_style/logo.gif" alt="site info-radiologie.ch" width="400" height="148"></div><div id="lsearch">
  <form method="get" action="http://www.info-radiologie.ch/public_html/search.php">
    <p>
	<label for="rech">Rechercher sur ce site:</label>

	<input type="text" name="zoom_query" size="20" accesskey="4" title=" [4] Recherche sur le site info radiologie" value="mettez l'expression ici" id="rech">

    <input type="submit" value="GO">
	<input type="hidden" name="selected" value="10">
	<input type="hidden" name="zoom_and" value="1">
   </p>
</form>
</div>

That will give the gallery page the same header as the rest of your site.

Dave

_____________________________________________
Blog & G2 || floridave - Gallery Team

 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 26100
Posted: Wed, 2007-05-02 03:50