Editing CSS...

[yp]

I'm trying to edit an existing CSS...want to change the background.

When I copy and paste the URl for image..then go to save I get error that gallery or page doesn't exist....please help...thanks...Yvonne

[rcorreia]

I'm not sure how you're going about getting to the CSS code, but here's how I do it.

1. Go to the gallery who's CSS you want to copy.
2. Right click on the page.
3. Select "View Source".
4. Look for the line near the top that looks something like this:

< link rel="stylesheet" type="text/css" href="http://css.pbase.com/styles/16896.css?t=1158018996" >

5. Copy the URL from that line.
6. Paste that into your browser address line.

You should then get a page that displays the raw CSS code. You can modify that as needed.

[pinemikey]

Actually, I think Yvonne is referring to adding the image url to the CSS.

On the Edit CSS stylesheet page you can enter this at the end..

Code: Select all

body
{
   MARGIN: 8px;
   background-attachment: scroll;
   background-image: url(http://www.pbase.com/yp/image/XXXXX.jpg);
   background-repeat: repeat;
   background-position: center middle;
        background-image: url;

}

This will "tile" the image. If you don't wish to tile the image or if it is very big and will fill the space then you change "repeat" to "no-repeat".

Hope this helps....

[siim]

Can anybody help me with my stylesheet : I'd like to have 5mm black boarders with my stylesheet, when a picture is displayed....can it be done?

[pinemikey]

For a black border around your images you can add this to your CSS:

Code: Select all

#image img{
     border:rgb(0,0,0) 5px solid
}
#image a:hover img{
     border:rgb(0,0,0) 5px solid
}

You can change the thickness of the border by increasing or decreasing the 5px value. I'm thinking 2 to 3 is best, but it is a personal choice.

Hope this helps...

[siim]

Thanks for the help.

But I have one more question : how to edit stylesheet so it shows a border around images shown in thumbnails.

[pinemikey]

For the basics of stylesheets, Srijith's Pbase wiki has loads of info...in particular the breakdown of a stylesheet is here.

Okay...to get to the edit stylesheet page...open up your edit gallery page and go down the boxes until you see "Stylesheet". There is a dropdown list to choose from of different stylesheets provided by Pbase. You can also "Edit style sheets" where you will be sent to your existing stylesheets page. I highly suggest that you do not alter your current stylesheet....instead create a new one and copy and paste the CSS you want to alter into the new blank stylesheet. That way, you'll have your drawing board to go back to.

Just remember that whenever you make any changes to click on the "Update CSS" button.

I also recommend Firefox with the WebDev and Edit CSS extensions.

I know it will seem like a lot to get into, but it can be a very interesting project and there is NO other photosite which allows this from the ground up type of member gallery and image display participation.


Hope this helps...........

[gummyb]

Is there a way to set the image transparency?

Actually, I think Yvonne is referring to adding the image url to the CSS.

On the Edit CSS stylesheet page you can enter this at the end..

Code: Select all

body
{
   MARGIN: 8px;
   background-attachment: scroll;
   background-image: url(http://www.pbase.com/yp/image/XXXXX.jpg);
   background-repeat: repeat;
   background-position: center middle;
        background-image: url;

}

This will "tile" the image. If you don't wish to tile the image or if it is very big and will fill the space then you change "repeat" to "no-repeat".

Hope this helps....

[pinemikey]

CT gave us the code over in this thread: http://forum.pbase.com/viewtopic.php?t=23157

Essentially

Code: Select all

a.thumbnail {
   opacity: .60;
   filter: alpha(opacity=60)
}

This code dims all your thumbnails until you mouse over, which lightens up the image. Opacity is cool looking, but I've had a few comments from visitors complaining that my thumbnails were too dark. So a sensible balance on the level of opacity needs to be exercised.

Hope this helps...