Board index PBase HTML and Style Sheets Tips on understanding your own CSS !

HTML and Style Sheets

Tips on understanding your own CSS !

Customize your galleries.
marcjosef
 
Posts: 19


Post Tue Aug 21, 2007 8:19 pm


A bit of CSS help please. http://www.pbase.com/flipmarc

Regarding my header, here's the code:

Code: Select all
H2
{
        color:  #CCCCFF;
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 10px;
        text-align: left;
        height: 21px;
        position: relative;
}

H2:first-letter
{
  color:  #990000;
  font-style: bold;
  font-size: 26pt;
}


The only thing I want to know is how can I add some space before the header, so it's not all the way to the left of the screen? :?:

I tried using "preformatted" text tags( <pre> ... </pre> ), but it messes with the H2 header formating :(

I like it right where it is, except for the fact that it's all the way to the left.

nkirby
PBase Admin
PBase Admin
 
Posts: 63


Post Tue Aug 21, 2007 8:49 pm


Try using { text-indent: xxx} with various values in place of 'xxx' to get it positioned where you desire.

marcjosef
 
Posts: 19


Post Tue Aug 21, 2007 9:44 pm


nkirby wrote:Try using { text-indent: xxx} with various values in place of 'xxx' to get it positioned where you desire.


8) Thank you very much!!! Much appreciated.

Code: Select all
H2
{       
        color:  <getvar color1>;
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 10px;
        text-align: left;
        text-indent: 100;   <------------------------
        height: 21px;
        position: relative;
}

H2:first-letter
{
  color:  <getvar color9>;
  font-style: bold;
  font-size: 26pt;
}

evgenius
 
Posts: 1


Post Fri Oct 12, 2007 5:17 pm


Thank you very much!!! :D
............

marcjosef
 
Posts: 19


Post Fri Nov 09, 2007 4:04 pm


Arjun, once again, thanks for the great CSS. I just copied your new White CSS. http://www.pbase.com/flipmarc/washington_dc&page=1


Quick question though ... I can't seem to find where in the code to remove the foot & hand print image on the lower right corner. :lol: I don't want you to sue me for trademark infringement :P :lol:

dang
 
Posts: 3780


Post Fri Nov 09, 2007 7:16 pm


Arjun has said he doesn't browse the forums much these days, so I'll try and help... if you look in the body, you'll see the image in this section:
Code: Select all

body
{
padding-bottom: 10px;
margin-bottom: 20px;
margin-top: 20px;
background: rgb(255, 255, 255)
        url(http://www.pbase.com/arjunrc/image/82452966.jpg)
         bottom right no-repeat fixed;

:wink:

marcjosef
 
Posts: 19


Post Fri Nov 09, 2007 7:31 pm


Thank you very much!!! 8)

paulbreen
 
Posts: 4

Re: Tips on understanding your own CSS !

Post Sat Jun 28, 2008 12:55 am


Thanks for this. I will find it a big help.

Paul

cameraz
 
Posts: 8

Re: Tips on understanding your own CSS !

Post Sat Sep 06, 2008 11:52 pm


Once you have fiddled enough, and like what you see on the right, copy the complete style sheet on the left (select all->copy) and paste it into the usual PBase interface for CSS changes.


Can somebody please tell me how I access the interface for making CSS changes? I am a novice at this but am trying to learn.

Will appreciate any help anyone can give me. Thanks!
-----------------------------------------------------------------------------

Nevermind, folks! I found my answer in a previous post! :mrgreen:

famafoto
 
Posts: 9

Re: Tips on understanding your own CSS !

Post Tue Dec 02, 2008 3:02 am


The site that I'm looking at has 2 css files, Do I need to have them both? I copy and paste, still does not look like the page that I want to copy??? I want my page to look like http://www.pbase.com/tim32225. Bit with my photos.

cl_rollins
 
Posts: 157

Re: Tips on understanding your own CSS !

Post Thu Dec 25, 2008 6:18 pm


Thanks so much for this assistance! It really helps!
I'm going to go play with some of my pages using the Firefox WebDev and see what I can do!

corotauria
 
Posts: 5

Re: Tips on understanding your own CSS !

Post Sun Mar 01, 2009 11:32 am


Thanks all for all the tips. Without you knowing you've been very helpfull to get my way around the CSS!

One question left: Somehow, it doesn't seems possible for me to change the titles of images in galleries (so not subgalleries).
See, for example: http://www.pbase.com/corotauria/08_okt. Hopefully you'll understand I mean the blue titles in the thumbnails. :wink:

Can anyone help me with that changing? (Font as well as color).

Thanks in advance.

All the best,
Rick

bradpitt1111
 
Posts: 1

Re: Tips on understanding your own CSS !

Post Wed May 13, 2009 6:05 am


I have CSS installer installed on my computer but it doesn't shows the restore session when the light comes after a power cut!!
second question is that how the CSS style sheets are used in .net manually.I have just started using .net I wanna learn more and more of it!!
------------------------
brad pitt
Florida real estate

Previous

Board index PBase HTML and Style Sheets Tips on understanding your own CSS !

Who is online

Users browsing this forum: No registered users and 4 guests