[greenstone-devel] more CSS for GS

From Stephen.DeGabrielle@ntu.edu.au
DateSat, 10 May 2003 22:58:31 +0930
Subject [greenstone-devel] more CSS for GS

This is what I have been doing - the _gsimage_ macro is the problem - what I have at the moment is css to do rollovers that look pretty close to the standard gs ones- I think that is nessary to gain acceptance.

I have included below the portion of base.dm that does the trick below.
You need to change style.dm to reference a stylesheet - I put mine in the images folder. The classes that you need to create are;
a.rollover
a.rollover:link
a rollover:hover
(etc..)

I haven't tried to delete the javascript yet, I only just started working on this- so who knows if it will work properly.

stephen

PS I used 1x17px images as backgrounds for the rollovers to give the 'greenstone' effect. (I needed to specify a width of 87px)

PPS you will notice this breaks various other rollovers - still not sure how to do it, maybe the width should be specified in an intag style attribute.

 

 

# gsimage should be used to define an instance of a flashy image
# parameters are:
# 1. the url to go to when the button is clicked
# 2. the url of the "off" image
# 3. the url of the "on" image
# 4. the name of the image (must be unique)
# 5. image alt text
#_gsimage_ {<a href="_1_" onMouseover="roll('_4_',1);" onMouseOut="roll('_4_',0);"><img
name="_4_" src="_2_" onLoad="gbutton(this,'_3_');" border=0 alt="_5_"></a>}

_gsimage_ {<a class="rollover" href="_1_" title="_5_">_4_</a>

_gsimage_ [v=1] {<a href="_1_">_5_</a><br>}

#######################################################################
# navigation bar images
#
#######################################################################

# the spacer image - the width of this is set from server
_imagespacer_ {<img
src="/gsdl/web/images/bg_green.png" width="92" height="17">}
_imagespacer_[v=1] {<br>
}

# image macros for all the classifications currently supported by
# this receptionist.

_imagesearch_ {_imagesearch2_}
#_imagesearch2_ {_gsimage_(/gsdlmod?e=d-00000-00---off-0gsarch--00-0----0-10-0---0---0direct-10---4-----dfr--0-1l--11-en-50---20-preferences-Biblioteca--00-0-1-00-0--4----0-0-11-10-0utfZz-8-00&a=q,_httpicontsrchof_,_httpicontsrchon_,srch,_textimagesearch_)}

_imagesearch2_ {_gsimage_(/gsdlmod?e=d-00000-00---off-0gsarch--00-0----0-10-0---0---0direct-10---4-----dfr--0-1l--11-en-50---20-preferences-Biblioteca--00-0-1-00-0--4----0-0-11-10-0utfZz-8-00&a=q,_httpicontsrchof_,_httpicontsrchon_,search,_textimagesearch_)}

_imageTitle_ {_gsimage_(_httpbrowseTitle_,_httpiconttitlof_,_httpiconttitlon_,titles,_textimageTitle_)}
_imageCreator_ {_gsimage_(_httpbrowseCreator_,_httpicontauthof_,_httpicontauthon_,authors,_textimageCreator_)}
_imageSeries_ {_gsimage_(_httpbrowseSeries_,_httpicontserof_,_httpicontseron_,series,_textimageSeries_)}
_imageDate_ {_gsimage_(_httpbrowseDate_,_httpicontdateof_,_httpicontdateon_,dates,_textimageDate_)}
_imageSubject_ {_gsimage_(_httpbrowseSubject_,_httpicontsubjof_,_httpicontsubjon_,subjects,_textimageSubject_)}
_imageTo_ {_gsimage_(_httpbrowseTo_,_httpiconttoof_,_httpiconttoon_,to,_textimageTo_)}
_imageFrom_ {_gsimage_(_httpbrowseFrom_,_httpicontfromof_,_httpicontfromon_,from,_textimageFrom_)}
#_imageOrganization_ {_gsimage_(_httpbrowseOrganization_,_httpicontorgof_,_httpicontorgon_,org,_textimageOrganization_)}
_imageOrganization_ {_gsimage_(_httpbrowseOrganization_,_httpicontorgof_,_httpicontorgon_,organisation,_textimageOrganization_)}
_imageHowto_ {_gsimage_(_httpbrowseHowto_,_httpiconthowof_,_httpiconthowon_,how,_textimageHowto_)}
_imageTopic_ {_gsimage_(_httpbrowseTopic_,_httpiconttopicof_,_httpiconttopicon_,topic,_textimageTopic_)}
_imageBrowse_ {_gsimage_(_httpbrowseBrowse_,_httpicontbrwseof_,_httpicontbrwseon_,browse,_textimageBrowse_}
_imageBrowseMeta_ {_gsimage_(_httpBrowseMeta_,_httpicontbrowsof_,_httpicontbrowson_,browsemeta,_textimageBrowse_)}
_imagePeople_ {_gsimage_(_httpbrowsePeople_,_httpicontpeopof_,_httpicontpeopon_,people,_textimagePeople_)}
_imageLanguage_ {_gsimage_(_httpbrowseLanguage_,_httpicontlangof_,_httpicontlangon_,language,_textimageLanguage_)}
_imageAcronym_ {_gsimage_(_httpbrowseAcronym_,_httpicontacroof_,_httpicontacroon_,acronym,_textimageAcronym_)}
_imagePhrase_ {_gsimage_(_httpbrowsePhrase_,_httpicontphrseof_,_httpicontphrseon_,phrase,_textimagePhrase_)}
_imageArtist_ {_gsimage_(_httpbrowseArtist_,_httpicontartstof_,_httpicontartston_,artist,_textimageArtist_)}
_imageSource_ {_gsimage_(_httpbrowseSource_,_httpicontsrcof_,_httpicontsrcon_,source,_textimageSource_)}
#_imageKeyword_ {_gsimage_(_httpbrowseKeyword_,_httpicontkwof_,_httpicontkwon_,kw,_textimageKeyword_)}

_imageKeyword_ {_gsimage_(_httpbrowseKeyword_,_httpicontkwof_,_httpicontkwon_,keyword,_textimageKeyword_)}

_________________________________________________
Stephen De Gabrielle
Digitisation Officer
AraDA Project

Northern Territory University Library
http://www.ntu.edu.au/library
Tel: (08) 8946 7009 from overseas: 61 8 8946 7009
Postal address: P.O.Box 41246, Casuarina, NT, 0811, Australia
CRICOS Provider No: 00300K