I'm an artist who would like to use Gallery 2 as an online portfolio. This program was highly recommended to me, and I was assured that my lack of knowledge of PHP and CSS and such. My coding abilities consist of a tiny bit of HTML.
The thing is, I'm finding Gallery to be very unfriendly to customize. I was wondering if I could get any help. My gallery is located at http://oneiromancerproductions.com/portfolio/
I'm using the "matrix" theme, and most of the changes I would like to make are minor, I think.
The album pages: First of all, I'd like the gray boxes to just be white. I'd like ALL the text to be Arial and the equivalent of the html: link="#FF0000" vlink="#800000" alink="#666666" text="#000000" bgcolor="#FFFFFF"
I'd like to get rid of the text that says "Album:" in front of the album name, and get rid of all mentions of date and owner. There's also some stuff that got mysteriously uncentered when I added some links at the top of the page.
The changes I'd like to make to the image pages are mostly things that would carry over. I'd also like the title and comments to be below the image if possible. Is there a way to center the image? and lastly, I'd also like to get rid of the size information.
Any help I could get with these things would be greatly appreciated.
Posted: Thu, 2005-10-27 09:14
Posts: 383
You do a lot of things that are really nasty;
any content at all (except white spaces) -> Move everything in between </head> and <body ...> to inside
the <body> element.
Enfin, this link will show you all the things that you did that are bad.
If you would first change these things and especially the ones I mentioned then I can help you,
because right now I would be trying to fix things that are structurally wrong anyway.
(When you do the things I suggest above you are also already getting some of the things you ask for
because you caused some of the things yourself)
If you look into the theme.css file you will find a section having text like "#gallery a {" here you can change the link text color.
I can explain some of the errors you are getting so you can solve them:
is not allowed, you should give it the empty element markup: <element />
stead you should use type="text/javascript"
lower case element names; this is the standard and prefered way. When you change the attribute
mentioned before this message will probably go away anyway.
element declaration you get this message. This will go away by itself. Perhaps the problem here is also
the case. always use lowercase, everywhere!
attributes into the closing element td. attributes may only appear in opening or empty elements!
(<element attribute="la"> or <element attribute="la" />. But not </element attribute="la">)
This mistake appears on your website very very often; it must be definately be fixed. I don't think any
browser will even accept it???
their task has been taken over by css. Remove these attributes.
header in between the </head> and <body ...>. Ignore everythiong after this message. If you place the
header part inside the body instead of just before lots of errors will disappear!.
______________________
I made a theme for G2, try it
Posts: 16503
As usual RwD posts some excellent information. I'm glad you help out in here!
I'd also like to note that if you're looking for someone to essentially do all of the code work to get the layout you want, you might want to have a look at the Market Place > Services forum: http://gallery.menalto.com/forum/65 There you can find someone to do the work for you or maybe someone will offer to do it for a fee.
If you're not into doing that, most of what you're asking for isn't all that hard.
These issues you should be able to find the solution to by searching in the forums:
Center photo been covered numerous times
Remove Album: also been covered
Remove Date also been covered
By default the BreadCrumb ("pathbar at the top of the page) is aligned left along with the images/links at the bottom of the page. So the <center> element RwD mentions above centered the stuff you don't want.
Be sure to follow the instructions at the top of the .tpl files about creating a local directory Then your changes won't be overwritten by a future upgrade.
Also have a look over the Sticky at the top of this forum: http://gallery.menalto.com/node/28597
). You'll also find some documentation on the Theme system and a reference for variables used in the templates files (TPL Reference)
As well as the Documentation link in the upper-right corner of each page on this site. There you'll find HowTos, User Contributions (where you'll find some of the changes you're looking for and maybe a few you weren't looking for
Once you get past some of the Smarty markup used in the .tpl files, most of what you're looking for isn't much more than editing HTML (moving some things around here and there) and the CSS stuff you're looking for shouldn't be that hard to get a handle on. Just Right-Click > View source and see what css class different parts of the page uses and then edit the css and see if that change is what you're looking for. A very good resource for making quick, non-permanent changes to CSS to see the effect or troubleshoot a problem is to use Firefox with the Web Developer extension. I think there is a similar add-on to IE somewhere, but I don't know where.
I'm not trying to criticize you at all, just a little bit of teaching you how to fish
____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live here
Posts: 2
Thanks a lot for all the help, I really appreciate it and am working on fixing as much of the stuff RwD mentioned that I can figure out as soon as I can.
Posts: 134
It's also a great help to have a developer's toolbar in your browser.
This helps you to identify by name all structural elements.
Download these toolbars for FF & IE6.
Posts: 383
:P I didn't know there was one for IE6 as well. I see it is from last month...
Why didn't you tell me before ;)