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 |
|

Posts: 26100
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
Posts: 31
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
Posts: 26100
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
Posts: 31
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.
you're right
because you have only one image that is 100x700 and I want a repetitive image at the top.
sorry for my english
best regards
Posts: 804
If it's not in theme.css just add it to the bottom.
Posts: 26100
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
Posts: 26100
http://codex.gallery2.org/Gallery2:How_to_visually_embed_Gallery_in_your_own_website_by_editing_theme_templates
_____________________________________________
Blog & G2 || floridave - Gallery Team