Board index PBase HTML and Style Sheets Stylesheet Defaults

HTML and Style Sheets

Stylesheet Defaults

Customize your galleries.
savannahga
 
Posts: 55

Stylesheet Defaults

Post Fri Nov 26, 2004 5:32 pm


I think it's about time for more "Default Stylesheets" to be added to the database (besides the 10 that have been there since I joined in Jan. '04) because I know nothing about making my own. I only like 1 or 2 of them anyway! Thanks.

matiasasun
 
Posts: 1493

Re: Stylesheet Defaults

Post Fri Nov 26, 2004 5:58 pm


Good Idea!... but we need to have propositions. So please post a link and a brief comment to style sheets that you like or think that are good enough. If you can please notice at least three issues:

a) It must be correctly manufactured. I mean validated, and of course it should look ok, without strange undesired mixtures and overlapping elements.

b) It should be an original creation by the guy who is using them... otherwise try to find who´s the creator. Of course it is not a contest, but it is the right thing to do.

c) It must work in several browsers (Internet Explorer, Firefox, Etc.) with not so big differences. I mean, there will allways be differences but let´s try to have the general idea preserved (like in wevdev for instance if you know what I mean). So, if you can check how it works in the browsers you use.

Let´s see what comes out from here. After all, if this threat works we can all learn & develope our own style sheets from our friends around.
Matias, Chile - http://www.pbase.com/matiasasun
Resources, HOWTOs, Samples and more! - http://pbasewiki.srijith.net/

ilanphoto
 
Posts: 876

Re: Stylesheet Defaults

Post Sat Nov 27, 2004 11:04 am


savannahga wrote:I think it's about time for more "Default Stylesheets" to be added to the database (besides the 10 that have been there since I joined in Jan. '04) because I know nothing about making my own. I only like 1 or 2 of them anyway! Thanks.


You don't need any more stylesheets it is easy enough to do without any knowladge of HTML and CSS. Find a gallery you like, view the source, there will be a stylesheet name (number) copy it into your borwser url window and then copy the result into a new stylesheet on you site. That is all you can also change it you want but you may not need to.

It will be nice if you give credit to the auther as a remark in you stylesheet

goislands
 
Posts: 156

Agreed!

Post Sat Dec 04, 2004 5:30 pm


Indeed, some people develop amazing skill in writing CSS style sheets!
One can really learn a lot by analyzing their source. Personally I am a
"minimalist" so I am not using much of the fancy elements of it, but I
learned more about them from this site than from the overgrown books
out CSS and DHTML!

stormseye
 
Posts: 240

my stupid question

Post Sun Dec 05, 2004 10:21 am


Clearly I'm missing out on something important. How do you view the source? How do I view (and presumably copy) somebody else's CSS code?

Go ahead and razz me, I can take it! :wink:

Just tell me how!
Bruce B

"I have always felt that it is HOW one sees
rather than WHAT one sees
that makes any photograph interesting."
- Michael A. Smith, 1999

matiasasun
 
Posts: 1493

Re: my stupid question

Post Sun Dec 05, 2004 11:03 am


Ok Bruce, here we go.

The stylesheets are "linked" to the pages. That means there are two steps to see the Stylesheet somebody is using if you don`t have a special program to do that.

The first step is to see the source code of the page. That can be done by right-click button on the mouse. In the menu that will pop up you need to select "view source" or "view page source" or something like that. You`ll see the option.

All right. Now you have the source code opened. All you need to do is see the top part of the whole code. The <body> indeed.

In case you use a gallery page it should look like this:
Code: Select all
<html lang="en-US"><head>
<title>(Gallery name) by (Artist) at pbase.com</title>
<link rel="stylesheet" type="text/css" href="http://image.pbase.com/styles/gallery2.css">
<link rel="stylesheet" type="text/css" href="http://css2.pbase.com/styles/50838.css?t=1102264013">
<base href="http://www.pbase.com">
</head><body>


As you can see two stylesheets are linked. The second one is the one you`re looking for. To see it all you need to do is to copy the URL adress into the browser bar. Just to avoid confusion the part you need to copy is this one:

Code: Select all
http://css2.pbase.com/styles/50838.css?t=1102264013


As you wil probably notice I`ve used one of mine. A better, easy way to do all this is to download firefox (wich is free and very good) and install a small extension called webdeveloper. You can do a search around the forums here or just go to the main threat about that HERE.

Hope this helps you and others. Learning about stylesheets is very important.

Matias, Chile
Last edited by matiasasun on Sun Dec 05, 2004 12:45 pm, edited 1 time in total.
Matias, Chile - http://www.pbase.com/matiasasun
Resources, HOWTOs, Samples and more! - http://pbasewiki.srijith.net/

stormseye
 
Posts: 240

Thank you!

Post Sun Dec 05, 2004 11:42 am


Thanks Matias! You always come through!
Bruce B

"I have always felt that it is HOW one sees
rather than WHAT one sees
that makes any photograph interesting."
- Michael A. Smith, 1999


Board index PBase HTML and Style Sheets Stylesheet Defaults

Who is online

Users browsing this forum: ClaudeBot and 0 guests