Re: [support] A shot in the dark - was Drupal themes
Ok, maybe I do need a bit of a brushup or more knowledge on css. If I wanted to have all images not have borders, what setting is that in the css? I'm seeing now on a page displaying an image the background is black around the image except for a white border that would only be visible on the right against the black background. Also, if I was to change that image's style class, is class = "image preview" equal to .image .preview in the css style sheet or is it -> .image preview How does css handle spaces in this case? This was good in that it was precise and not just a change of every background color everywhere. If .node .content was used in every theme and the same way that would be great. Thanks, Bruce Bruce Whealton <brucewhealton@yahoo.com> wrote: That's pretty close to getting there. It only effected the node content area. It didn't effect the Submit Story page. How did you go about finding the particular class or in this case classes that needed to be changed? From the view of source? Thanks, Bruce Jason Flatt <drupal@oadae.net> wrote: On Sunday 02 April 2006 09:22 am, Bruce Whealton wrote:
Hi, Can anyone recommend a very easy to use theme for customizing. Basically I just need to get a black background and 2 or 3 columns. It seems like three columns works better than 2 even when I only need 2 columns in my display. Using a 2 column theme will often push content down to the bottom of the page when you want it up top. I looked a argeebee as I stated to be easy but it sure isn't working out as easy as I had so hoped it would. They want a front page which will show the images from their projects. So, I started with a home page being one of the gallery pages. It seems like the book feature might work better as I can create columns across the page. Anyway, an easy theme to just get the main content area black. No borders aroudn blocks or anything. Just something that would be very easy to customize in this way, like changing the background of the main content area without touching the rest. Still, things are not always easy even with that as the main content area, includes fields where one must enter content into the field and it's not easy to figure out which style class, or id is controlling text on a form page. bruce
You could try adding something like the following to about line 27 of the styles.css file: .node .content {background-color: #000;} That will make the background of only the node's content black (not the "submitted by", etc.). This will make the entire node's background black: .node {background-color: #000;} Both of those will affect all nodes, however, not just images. There may be a better class or id to use, but I'm not at all familiar w/the gallery, and there wasn't anything obvious to my in my cursory glance. -- Jason Flatt http://www.oadae.net/ Father of Six: http://www.flattfamily.com/ (Joseph, 13; Cramer, 11; Travis, 9; Angela; Harry, 5; and William, 12:04 am, 12-29-2005) Linux User: http://www.sourcemage.org/ Drupal Fanatic: http://drupal.org/ -- [ Drupal support list | http://lists.drupal.org/ ] ++++++++++++++++++++++++++++++++++++++++++++++++++++ Word Salad Poetry Magazine - join us online at: http://wordsalad.net/ and also -> Check out the Buffy the Vampire Slayer writing Street Exposure - Street Newspaper http://wordsalad.net/StreetExposure/ Bruce Whealton - Webmaster/Designer/publisher/Writer http://trianglewebservices.com/ ++++++++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++++++++++++++++++++++++++++++ Word Salad Poetry Magazine - join us online at: http://wordsalad.net/ and also -> Check out the Buffy the Vampire Slayer writing Street Exposure - Street Newspaper http://wordsalad.net/StreetExposure/ Bruce Whealton - Webmaster/Designer/publisher/Writer http://trianglewebservices.com/ ++++++++++++++++++++++++++++++++++++++++++++++++++++
On Sunday 02 April 2006 13:14, Bruce Whealton wrote:
Ok, maybe I do need a bit of a brushup or more knowledge on css. If I wanted to have all images not have borders, what setting is that in the css? I'm seeing now on a page displaying an image the background is black around the image except for a white border that would only be visible on the right against the black background.
img { border: 0px; }
Also, if I was to change that image's style class, is class = "image preview" equal to .image .preview in the css style sheet or is it -> .image preview How does css handle spaces in this case? This was good in that it was precise and not just a change of every background color everywhere. If .node .content was used in every theme and the same way that would be great. Thanks, Bruce
class="image preview" means that the element is of class "image", and also of class "preview", independently of each other. Anything of class image, regardless of other classes: .image { ... } Anything of class preview, regardless of other classes: .preview { ... } Anything that has BOTH class preview AND class image: .image.preview { ... } This is not what you want, because it means anything of class preview that is nested inside something else of class image: .image .preview { ... } (notice the space between e and .) -- Larry Garfield AIM: LOLG42 larry@garfieldtech.com ICQ: 6817012 "If nature has made any one thing less susceptible than all others of exclusive property, it is the action of the thinking power called an idea, which an individual may exclusively possess as long as he keeps it to himself; but the moment it is divulged, it forces itself into the possession of every one, and the receiver cannot dispossess himself of it." -- Thomas Jefferson
On Sunday 02 April 2006 11:14 am, Bruce Whealton wrote:
Ok, maybe I do need a bit of a brushup or more knowledge on css.
There are several places, but these are good places to start: http://www.w3.org/ http://www.w3schools.com/ There are a few helpful links here: http://drupal.org/node/37156 In general, this has lots of relevant information and should at list be skimmed, if not perused: http://drupal.org/node/257
If I wanted to have all images not have borders, what setting is that in the css?
That depends on what kind of border you want, but the three to look at are border [0], padding [1] and margin [2].
I'm seeing now on a page displaying an image the background is black around the image except for a white border that would only be visible on the right against the black background.
Look for something like 'border-right <some-number-here>' or 'border 0 <some-number-here> 0 0' somewhere in the image classes and/or ids.
Also, if I was to change that image's style class, is class = "image preview" equal to .image .preview in the css style sheet or is it -> .image preview How does css handle spaces in this case?
According to http://www.w3.org/TR/CSS21/syndata.html: 4.1.3 Characters and case The following rules always hold: In CSS 2.1, identifiers (including element names, classes, and IDs in selectors) can contain only the characters [A-Za-z0-9] and ISO 10646 characters U+00A1 and higher, plus the hyphen (-) and the underscore (_); they cannot start with a digit, or a hyphen followed by a digit. Only properties, values, units, pseudo-classes, pseudo-elements, and at-rules may start with a hyphen (-); other identifiers (e.g. element names, classes, or IDs) may not. Identifiers can also contain escaped characters and any ISO 10646 character as a numeric code (see next item). For instance, the identifier "B&W?" may be written as "B\&W\?" or "B\26 W\3F". Note that Unicode is code-by-code equivalent to ISO 10646 (see [UNICODE] and [ISO10646]).
This was good in that it was precise and not just a change of every background color everywhere. If .node .content was used in every theme and the same way that would be great. Thanks, Bruce
[0] http://www.w3schools.com/css/css_border.asp [1] http://www.w3schools.com/css/css_padding.asp [2] http://www.w3schools.com/css/css_margin.asp -- Jason Flatt http://www.oadae.net/ Father of Six: http://www.flattfamily.com/ (Joseph, 13; Cramer, 11; Travis, 9; Angela; Harry, 5; and William, 12:04 am, 12-29-2005) Linux User: http://www.sourcemage.org/ Drupal Fanatic: http://drupal.org/
participants (3)
-
Bruce Whealton -
Jason Flatt -
Larry Garfield