Board index PBase HTML and Style Sheets Root gallery title and gallery hyperlinks

HTML and Style Sheets

Root gallery title and gallery hyperlinks

Customize your galleries.
jlamarca
 
Posts: 9

Root gallery title and gallery hyperlinks

Post Tue Dec 11, 2007 8:09 pm


I want to do two simple things but cannot figure out how to do them by editing CSS (and I've searched the boards)!

One, I'd like to add a title or banner to my root gallery/main page. The "edit root gallery" page only has a field for description (I would like separate title and description). Where can I actually type in a title and how do I create that field? It seems that CSS allows you to change the format/style but not the content.

Two, I'd like that list of hyperlinks to the other galleries at the top of each gallery page. How can I add that to my gallery in CSS (without using someone else's stylesheet)?

Thanks!

djwixx
 
Posts: 1360


Post Tue Dec 11, 2007 9:17 pm


Hopefully this will answer one of your questions.
http://forum.pbase.com/viewtopic.php?t=34537&highlight=

To add the list of alll your galleries to each gallery edit the gallery then click on Advanced, then make sure "linked subgalleries" is checked - hey presto.

jlamarca
 
Posts: 9


Post Wed Dec 12, 2007 5:57 pm


Right- I found that- super easy. Still trying to figure out how to add a field to my main page.

Thanks!

jeffreyk
 
Posts: 92


Post Mon Dec 17, 2007 8:39 am


So if I understand you, you want to simply have a title with a box around it then another box with description under that?

If that is what you want then its simple you just have to make a few changes.

First you will want to remove the border around "galleryheader"

then in the description make two new divs and give them IDs

Code: Select all
<div id="mytitle">Title goes here</div>
<div id="mydescription">Description goes here</div>


Now you can apply some styles to those new divs in your style sheet like so, i just used some of your current css as an example.
Code: Select all
#mytitle {
border-style : solid;
  border-width : .6pt;
  border-color : #AAAAAA;
  text-align : center;
  font-size : 10pt;
}

#mydescription {
  border-style : solid;
  border-width : .6pt;
  border-color : #AAAAAA;
  text-align : center;
  font-size : 10pt;
}


I would suggest you add a margin to the top or bottom of one of the divs so that they are not touching each other.

You may also want to set a max-width: ??px; so your title and description look how you want them to on large monitors.

Hope that is what you were looking for and it helps you out.

[/code]
-----------------------------------------------------------
Jeffrey Klassen
http://www.JeffreyKlassen.com // http://www.enslavedlight.com/ <- My new gallery


Board index PBase HTML and Style Sheets Root gallery title and gallery hyperlinks

Who is online

Users browsing this forum: ClaudeBot and 1 guest