Lefora Pro Forum
login join
Loading

Hacking your CSS!

3278 views Forum Index > Tips & Tricks
COMPOSE REPLY
108 Posts • Page 1 of 6 • 1 23456

chief
founder - Fanatic

Posts:4639
Joined:26 March 2008
quote reply / 

Hacking your CSS!

#0, by chief, 19 June 2008 12:38 AM
Warning, this is for ADVANCED user's ONLY!

On lefora, we give admins acess to the CSS so they can change the look and feel of their forum. We have plans to improve this interface greatly, but in the meantime, you can type in CSS overrides in your admin panel to change your style sheet. We'll post some hacks here.

Warning:  Any chances you make to your CSS will be lost when you change your theme.  So keep a copy of it.

How do I access my CSS?
Click "Forum Admin" -> "Themes" -> "CSS"




How do I know what values to override?
We recommend using the 'Firebug' plugin for the Firefox webbrowser.  Here's a tutorial.


What future changes do you have in the works for the CSS editor?
We'll probably show a read-only version of the CSS above the input box so it's easier for developers to work with.
Find me answering questions on support.lefora.com or howto.lefora.com

chief
founder - Fanatic

Posts:4639
Joined:26 March 2008
quote reply / 

Re: Hacking your CSS!

#1, by chief, 19 June 2008 12:41 AM
Changing the Color of Unread Posts

So in the above example, the text "#xposts .unread .header {background:#FFFF88;}" will alter your forum to highlight the header of all UNREAD posts to make the header yellow.  You could play around with changing this color or loading an image in the header for unread posts.

You could also change the color of the entire background of the reply by adding the field: "#xposts .post.unread {background:#FFFFFF;}"
Find me answering questions on support.lefora.com or howto.lefora.com

chief
founder - Fanatic

Posts:4639
Joined:26 March 2008
quote reply / 

Re: Hacking your CSS!

#2, by chief, 19 June 2008 12:44 AM
Change the Color of Links in a post

Here is an example of a CSS override to change the color of links in yoru forum:
  • .post .main a { color:#017EC0; }
  • #xposts #end_of_thread { background-color:#017EC0; }
Find me answering questions on support.lefora.com or howto.lefora.com

trainwreck
member - Rookie

Posts:4
Joined:23 June 2008
quote reply / 

Re: Hacking your CSS!

#3, by trainwreck, 23 June 2008 09:40 AM

Is It possible to make a css sheet that overlays the whole forums? as long as all of the links are still there?

A disaster that is foreseeable but unavoidable,disastrous yet inevitable, distasteful,morbidly fascinating.You don't want to stare,but you just can't

chief
founder - Fanatic

Posts:4639
Joined:26 March 2008
quote reply / 

Re: Hacking your CSS!

#4, by chief, 24 June 2008 05:53 PM
you would still have to override our stylesheet and paste those values into your CSS editor, you couldn't just 'replace' it with a new one.
Find me answering questions on support.lefora.com or howto.lefora.com

chief
founder - Fanatic

Posts:4639
Joined:26 March 2008
quote reply / 

Re: Hacking your CSS!

#5, by chief, 24 June 2008 05:54 PM

cookies has a great tip on how to re-position your header graphic:

http://support.lefora.com/2008/06/20/set-a-picture/#post451825

Find me answering questions on support.lefora.com or howto.lefora.com

acbsatcom
member - Rookie

Posts:6
Joined:06 July 2008
quote reply / 

Re: Hacking your CSS!

#6, by acbsatcom, 06 July 2008 09:40 AM

changing the color of usernames? it could be posible?

[FEED YOUR MIND] [

feathermonkey
member - Rookie

Posts:20
Joined:03 July 2008
quote reply / 

Re: Hacking your CSS!

#7, by feathermonkey, 06 July 2008 11:21 AM

It is possible by using the css. This thread has all the info needed use the firebug extension hunt down the bit you need and add the css rule.

I've always used the new hardware that's out, a cellulose tube filled with carbon crystals working over a flexible cellulose base

fishook
member - Rookie

Posts:6
Joined:15 July 2008
quote reply / 

Re: Hacking your CSS!

#8, by fishook, 17 July 2008 04:25 PM
chief, will changing the CSS setting make it easier to navigate from the different posts. Now when you try to go to the last post to reply it takes you a random page. Say I am at all catagories, I click on the fresh post showing, it doesn't take me to the last post. Can that setting be changed ?

chief
founder - Fanatic

Posts:4639
Joined:26 March 2008
quote reply / 

Re: Hacking your CSS!

#9, by chief, 18 July 2008 08:13 PM

no, we're working on improving that, currently, it takes you to the top of the topic, and you will have to scroll down to see the new posts (we can't just take you to the new posts cause of indented threads, new posts could exist in multiple areas within the topic.

Find me answering questions on support.lefora.com or howto.lefora.com

fishook
member - Rookie

Posts:6
Joined:15 July 2008
quote reply / 

Re: Hacking your CSS!

#10, by fishook, 19 July 2008 01:22 PM
Well actually you have to go up and click newer to get to the page to scroll down.
However we have found by looking at all topics, then clicking on the highest number, it will take us to the page with the last post. I t would be nice if when one click , on any of the topics, from any place you can read a topic would take you to the last post to reply

voltron
member - Rookie

Posts:15
Joined:13 May 2008
quote reply / 

Re: Hacking your CSS!

#11, by voltron, 29 July 2008 01:26 AM

how would you go about doing this?

Go Joe Reitz! I have a question: Is this cereal as delicious as I think? And I have a comment: Yesss! Bakin' waffles on a boat.

chrono13
member - Rookie

Posts:17
Joined:30 July 2008
quote reply / 

Re: Hacking your CSS!

#12, by chrono13, 30 July 2008 08:51 AM
When I mouse over a member's image, his/her profiles come out. This feature is great, but how do i change the colour of the words inside the box? The current coour is a bright pink which is quite inconvenient for users. My theme is laserjals.
Tu sei senza pieta, ma quanto sarà pesante il mio castigo?

luc1f3r
member - Rookie

Posts:3
Joined:07 August 2008
quote reply / 

Re: Hacking your CSS!

#13, by luc1f3r, 07 August 2008 11:26 PM

Alloz !Is there anyone to say me how to put a chatbox to lefora (i have some script from cbox),and were to put the script (CSS)?And if someone have a good url for chatbox i'm gonna need't !Thks!


chief
founder - Fanatic

Posts:4639
Joined:26 March 2008
quote reply / 

Re: Hacking your CSS!

#14, by chief, 08 August 2008 12:10 AM

you want to add a flash widget (i don't think cbox is flash), a good flash widget is www.chatango.com, also meebo.com offers meebo rooms.

Here's how to embed flash widgets:
http://support.lefora.com/2008/04/08/add-flash-widget-your-forums-sidebar/

Find me answering questions on support.lefora.com or howto.lefora.com

luc1f3r
member - Rookie

Posts:3
Joined:07 August 2008
quote reply / 

Re: Hacking your CSS!

#15, by luc1f3r, 08 August 2008 12:38 AM

Yes,but this is not gonna put it to the right of my forum and not to the center down of my topics?
Something else,where i put this you have post before "#xposts .unread .header {background:#FFFF88;}" ?i mean ok i have done some things to lefora with CSS but with this how i beegin you know the code and how i close it ?with backrounds and other things you know you put <header> </header> with yours for the post what i do ?I'know its a bothersome question and i'am not profesional with this code !!Thaks for the help (as much you answer mach more i'm gonna put questions to you ):)


chief
founder - Fanatic

Posts:4639
Joined:26 March 2008
quote reply / 

Re: Hacking your CSS!

#16, by chief, 08 August 2008 01:22 AM

you can't put a chat room between your topics, you can put it either on the sidebar, or directly in a new topic, by pasting the flash into a new topic (use the media editor, with the 'embed pictures/embed video' buttons.

This way you'll have a new topic (maybe labeled 'Chat') that ppl can visit, make the topic sticky so it's always at the top, you can even put it into multiple categories.

Find me answering questions on support.lefora.com or howto.lefora.com

luc1f3r
member - Rookie

Posts:3
Joined:07 August 2008
quote reply / 

Re: Hacking your CSS!

#17, by luc1f3r, 08 August 2008 02:18 AM

Ty :)!Can you help me with the alter code for unread post ,how i put this "#xposts .unread .header {background:#FFFF88;}" ??


chief
founder - Fanatic

Posts:4639
Joined:26 March 2008
quote reply / 

Re: Hacking your CSS!

#18, by chief, 08 August 2008 04:33 PM

Is there a place that you're gonna hung up on? Check out the instructions at the top of this thread, with screenshots of how to do it.

Find me answering questions on support.lefora.com or howto.lefora.com

borja84
guest -

Posts:0
Joined:27 February 2009
quote reply / 

Re: Hacking your CSS!

#19, by borja84, 14 August 2008 09:25 AM

hi, I tried to paste my cBox code on an HTML widget, clicked con Submit, but then I edit this widget to see the code and it has changed to another code that isn´t which I pasted.

I get this when I click on Edit:

BEGIN CBOX -

www.cbox.ws

- v001
<div style="text-align: center; line-height: 0">
<div></div>
<div></div>
</div>
<!-- END CBOX -->

And obiously that isn´t the cBox chat code I pasted seconds before . please help.

Brasil ER08 always in mind. Alcyone y Pozeaniko, los más sucios!!!
COMPOSE REPLY
108 Posts • Page 1 of 6 • 1 23456

Locked Topic


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!