Lefora Free Forum
Loading
889 views

Earth Theme 1 (With Transparency)

Page 1 · 2
(items) 1–20 of 22 Newer >
Too much free time - founder
726 posts

Apply this CSS to 'Classic With Sidebar' Theme - Classic Blue.


Attachment: earththeme_v1.0.txt (5.0KB)

__________________
hackyour.lefora.com/ for customizing your forum.
noob - member
10 posts

Hey there! This theme is awesome, but I soon realized that it wasnt possible to have this and have a logo, am i correct? Im new at this sort of stuff...neutral

__________________
Andrew Yao: Founder - Forum Administrator
Too much free time - founder
726 posts

Yep, that's right - up to a point. Because I use background images for the transparency, this causes problems when trying to upload a header image. One way round it is to create a logo using the transparent blue as a background (link is http://i76.photobucket.com/albums/j23/CJO_UK/hyltest1/earthblue1.png). To make this work better, it might be better to make the forum a fixed width forum, as this would allow you to create a logo that fits in the header exactly. Another option is to remove the header border and background-image and set the nav bar background-color to transparent to allow your logo to display properly. If you need any more help with this, please let me know.

CJO.

__________________
hackyour.lefora.com/ for customizing your forum.
noob - member
10 posts

mmmhmmm, i understood about 1/4 of what you just said. I might need a little help....

__________________
Andrew Yao: Founder - Forum Administrator
Too much free time - founder
726 posts

Let me know what you need ;)

__________________
hackyour.lefora.com/ for customizing your forum.
noob - member
10 posts


Well for one, this part...

YAnother option is to remove the header border and background-image and set the nav bar background-color to transparent to allow your logo to display properly. If you need any more help with this, please let me know.

-coloneljack


thanks!

__________________
Andrew Yao: Founder - Forum Administrator
Too much free time - founder
726 posts

You need to find these lines in the code (luckily, they're together.)

#header {background-color:transparent;background-image:url(http://i76.photobucket.com/albums/j23/CJO_UK/hyltest1/earthblue1.png);border:1px solid #A3DFF7;color:#A3DFF7;}

#nav {background-color:#000000;}
Change them to :

#header {background-color:transparent;border:0px solid #A3DFF7;color:#A3DFF7;}

#nav {background-color:transparent;}

__________________
hackyour.lefora.com/ for customizing your forum.
noob - member
10 posts

the codes sort of run off the page.....SOS!

__________________
Andrew Yao: Founder - Forum Administrator
Too much free time - founder
726 posts

I don't know what you mean...

__________________
hackyour.lefora.com/ for customizing your forum.
noob - member
10 posts

The text runs off the side...

Attachment: text run off page.bmp (2304.0KB)

__________________
Andrew Yao: Founder - Forum Administrator
novice - member
13 posts




#header {background-color:transparent;background-image:
url(http://i76.photobucket.com/albums/j23/CJO_UK/hyltest1/
earthblue1.png);
border:1px solid #A3DFF7;color:#A3DFF7;}

#nav {background-color:#000000;}Change them to :

#header {background-color:transparent;border:
0px solid #A3DFF7;color:#A3DFF7;}

#nav {background-color:transparent;}

better?





__________________
Here we go Brownies, here we go!!!................................www.BrownsNation.net
Too much free time - founder
726 posts

Sorry about that - I didn't realise that becaue there were no spaces in it that it wouldn't wrap round... (Thanks Zacklo) Anyway, these are the 2 lines you need to change. 

#header {
background-color:transparent;
background-image:url(http://i76.photobucket.com/albums/j23/CJO_UK/hyltest1/earthblue1.png);
border:1px solid #A3DFF7;
color:#A3DFF7;}#nav {background-color:#000000;}

Change them to :

#header {
background-color:transparent;
border:0px solid #A3DFF7;
color:#A3DFF7;}
#nav {background-color:transparent;}

__________________
hackyour.lefora.com/ for customizing your forum.
noob - member
5 posts

This theme (Earth theme) is awesome


__________________
JOIN MY BLOG TO WATCH FREE ONLINE HOLLYWOOD MOVIES watchfreemoviesonlinelist.blogspot.com/
noob - member
5 posts

Coloneljack, is it possible to have your avatar, number of posts and your name above your posts.
 
Like in line with permalink and your actual posts below so that it gives more post width.


__________________
JOIN MY BLOG TO WATCH FREE ONLINE HOLLYWOOD MOVIES watchfreemoviesonlinelist.blogspot.com/
Too much free time - founder
726 posts

No, they're all coded in with html, which we can't change.
It is possible to change the width of the left-hand column using

.post_user_col {
width:180px;
}

(180px being the current width here) but changing this may cause display issues, particularly with longer usernames.

__________________
hackyour.lefora.com/ for customizing your forum.
noob - member
2 posts

I loved this theme so much that I decided to learn how to customize my own, using it as a template, in order to better match our guild logo's colors. Hope you don't mind CJ. Great work! wink

After a LOT of trial and error to figure out what everything does (still learning), I did a little tweaking to the code. Figured out how to add transparency to the sidebar's widget title bars.

.widget .title_wrapper, .widget .title_wrapper A
{background-color:transparent;
background-image:url();color:#1E4195;}

Now I have a transparent black title bar with dark blue text. Also, added the following for widget titles that link to new pages:

.widget .title_wrapper A:hover {color:#FFFFFF;}


__________________
noob - member
5 posts

Hello.

I have a problem with this theme. The menu bar thing with the "Forum, headlines, members, about" options is black in this theme, and the text on it is also black, so actually there is no visible text. I copy pasted the whole document and put it in the CSS thing :) what can i have done wrong?

Scones

__________________
I'll be the first to watch your funeral and I'll be the last to laugh!
Too much free time - founder
726 posts

Did you reset the theme to Classic Blue before applying?

__________________
hackyour.lefora.com/ for customizing your forum.
noob - member
5 posts

Thank you!

Problem solved :)

__________________
I'll be the first to watch your funeral and I'll be the last to laugh!
noob - member
3 posts

I've discovered a problem with this theme.  It doesn't show the name below the avatar like it should in the users' posts. The name is way too far to the left and cuts off.  For example, a user on my forum has the name Jigglypuff.  All I can see is part of the "p" and "uff".  The rest has been cut off.  For the users with shorter names such as myself (jrnay), it doesn't show the name at all.  Any way to fix this?

Other than that, this theme is great! :)

Page 1 · 2
(items) 1–20 of 22 Newer >

Locked Topic


You must be a member to post in this forum