Track Topic
: rss

Topic: Hacking your CSS!

< older posts 21–40 of 74 newer >
Page 1 · 2 · 3 · 4
founder
1415 posts

is cbox javascript? we only support flash code for security reasons (javascript is insecure). there are tons of free flash chat widgets, such as chatango.com

__________________
find me in support.lefora.com, or read about us at blog.lefora.com
guest
11 posts

can you tell me all the categories like #content and so on so I can create my own Theme thanks

__________________
member
11 posts
Streetnologerx7, if you download firefox (which is the best browser for PCs at the moment) and install firebug, you can use the 'inspect' function to see the different sections which can be modified, and how they work.  It is a bit confuzing, even for someone who has done some HTML editing before. 

Just play around with it, and make sure you dont change anything that has '!important' before it, it will most likely screw up your site.

I have a question now for the cheif.  I have a header image on all four of my forums, which are linked together using the 'links' widget, and some little custom HTML badges.  I am trying to add a background to the entire forum (all four actually) and have the header be on top of it.

The code for the header is something to the effect of:
-#header {background-image:image.url.com/picture
background-position:Xpx Xpx}-

How would I add in my background?  I've been playing with firebug and cant get anything to work.

Thanks a ton,
~Scy
__________________
member
11 posts

I have never seen firebug but I will look into it....Here are some sites I have built: www.streetnologe.com, www.streetnologerx7.bravehost.com, and I am still confused on how to totally customize my blog

__________________
member
11 posts
I didn't ever use the tutorial on firebug, but it should help to some extent.

All I use is the 'inspect' function.  You just move your mouse over an 'element' (everything that makes up your site is an element) then it shows you what its called technically. It will show you (in the bottom right corner) the preferences. 

I.E.:
.#posts_wrapper {
background-color:#F3F4F2;
}

That is the border around the box I'm typing in at the moment, and the color it is set to. (minus the period)

Assuming the names on your blog are the same, you would simply change that number to either a different one (#000000 is black #FFFFFF is white, etc..)  or a word:

.#posts_wrapper {
background-color:green;
}

You can change stuff while using firebug by just clicking on the section you wish to change (the blue text).  If you do this, it changes the image you see instantly, but will only show you.  It can't actually change it for your site without setting it up further (which I do NOT know how to do) but it still will let you do stuff in the given CSS box.

~Levi
__________________
admin
312 posts

In response to scytherons earlier question:


How would I add in my background? I've been playing with firebug and cant get anything to work.

-scytheron

I'm not quite sure I follow exactly, you want to put a background on the whole page or just in the header behind the logo image you've put?

If it's the header, then you either need to combine the logo and background into a single image, or put the background on the header element, and put the logo probably in the forum descripition tor title element, using a little trick of adding a large padding-bottom value and putting background image in the padding using background-position (theres a topic on support doing something similar witht the page footer).

If you want the whole page then I think #page should do.

__________________
it's better than bad, it's good
member
11 posts
Alright sorry I just fixed my problem. Thanks for your help. the #page thing worked.  (I had tried it before but apparently I had done something wrong.)

New question though.  I would like to make my background (for basically everything) transparent, so I can see my background behind them.  It's dark enough to read on but I have NO idea how to do it.

Any ideas?

Thanks a bunch,
~Levi
__________________
founder
1415 posts
we're changing around the themes to highlight posts in a different way, this will be available over the next few weeks.
__________________
find me in support.lefora.com, or read about us at blog.lefora.com
admin
312 posts

The colour you want is the named colour 'transparent', this snippet:

#content, #main {background-color:transparent;}

Should probably do the trick.

__________________
it's better than bad, it's good
member
4 posts

I want to make a header graphic with the name of my forum in it, and i don't want the forum name heading thing getting in the way. Like on this page it says "Lefora Support Forum" at the top, is there a way to totally remove this?

__________________
xiiro
member
4 posts

I could set the main heading's colour to transparent. But how do i do that?

__________________
xiiro
member
11 posts
Thanks Cookies and Chief.  I'm also looking for a way to create a 'button' to do what the section at the top (forum, headlines, members, about) does, except have a single image in front of the different 'buttons'.  Its hard to explain, but I've seen it on myspace before.  What I have now that is similar to it is my top widget on www.arcanesanctum.lefora.com but I would like to combine all those buttons into a single image.

Sorry for asking so much of all you guys
~Scy
__________________
member
16 posts
This is what I want all the white changed to then I want the type to be like a chocolate Brown...and change the Text in the header also.....Any ideas, suggestions or help......
__________________
CUFO Founder/USAF VET www.cufreebiesonly.blogspot.com/ All works are © Of the Designers www.mytreasuredscraps.blogspot.com/ PU/S4H/S4O
member
11 posts
Xirro, take a look at my forum:  http://www.arcanesanctum.lefora.com/forum/

The code I used for that was:
#header {
background-repeat:no-repeat;
background-image:url(http://www.IMAGEURLHERE.com/blahblahblah;
background-position: 25px 123px;   (Adjust these to fit your image in how you like)
padding-bottom: 60px;  (this is also needed, it makes your header taller, with more 'padding' on the bottom.)
}

Just delete what I put in the parentheses and input the info you need to.

It works for your footer too, just change #header to #footer


AHHH another question which i've been working on for a bit now...
On this page the 'catagory' links are all grey, but when I mouse over them, they turn white.  I need to set them to be white constantly... I can't figure out what my problem is.  I have the 'catagory list' set to color:white; but it isn't working.

http://arcanesanctum.lefora.com/forum/category/general/page1/

~Levi
__________________
member
16 posts
look at mine and tell me what you think okay?
please.....TIA

http://cufreebiesonly.lefora.com/forum/
__________________
CUFO Founder/USAF VET www.cufreebiesonly.blogspot.com/ All works are © Of the Designers www.mytreasuredscraps.blogspot.com/ PU/S4H/S4O
member
5 posts

I have got the firebug plugin and that's fine and dandy. I'm looking to change the colour of the tag cloud links to lighten them up a bit. Anyone got any clues as to which bit of the code relates to that so I can change it?

__________________
Your Philosophical Health & Safety Warning: Please check your mathematical foundations are sound before you erect your conceptual house...
member
11 posts
Honestly I have no idea.  I've been having the same problem.  What I DID get to work, was changing the text inside of them to a different, more readable, color.  I also have no idea what part of code I used for that, I'll keep looking though.

EDIT:
Found something that works:

#content .linkuser {
background-image:none;
}

On mine, this makes it much more readable.  I think this is what you're trying for, but I'm not sure.  This changes the background on the user tags (the one above my post that says 'scytheron') from 'transparent' to 'none'.

Also, if you wish to change the color of the text, just put in a 'color:????;' ok?
 
~Scy
__________________
founder
1415 posts
luc1f3r, if you follow the steps at the top of the topic, is there a place where something is not working?
__________________
find me in support.lefora.com, or read about us at blog.lefora.com
member
5 posts

Thanks for sharing! Nice to know I am not alone in my CSS puzzlement. I take what you are saying about changing the tag backgrounds. That's great. But what I'm trying to do is change the color of the links in the tag cloud widget in the side-bar rather than the color of the tags in the posts themselves. It's very dark and on some people's screens very difficult to read apparently, against a dark background (as it is on the default setting for my theme).

If I could change the background colour to the whole forum that would fix it. Someone post elsewhere here that they'd they have done that and made their forum black - great! Now which bit of code was that? I've used firebox to search for the relevant code - but if I don't know what I'm searching for (wish I knew more of the CSS) then I'm searching in the dark with a match. If anyone has successfully changed the colour of their background please throw me a bone and tell me what the code was they used. I'm reading CSS guides like billy-oh to learn more, but I'd appreciate the heads up!

P.

__________________
Your Philosophical Health & Safety Warning: Please check your mathematical foundations are sound before you erect your conceptual house...
founder
1415 posts
__________________
find me in support.lefora.com, or read about us at blog.lefora.com
< older posts 21–40 of 74 newer >
Page 1 · 2 · 3 · 4

This Topic Is Locked To Guest Posts

It's been a while since this topic was active, if you'd like to get it going again, please post as a registered member

join now