Help with custom theme

summary:

I am making a custome theme, and need help

Help with custom theme

B-man93 1187314953|%e %b %Y, %H:%M %Z|agohover

Ok, so, I am making my own custom scheme. I have uploaded a logo called "logo.jpg".
I am using the following code to replace the normal words with my logo.

#header {
    height: 100px;
}
#header h1 a span{
    display: none;
}
#header h2 {
    display: none;
}
#header h1 a,#header h1 a:hover{
    margin: 0;
    padding: 0;
    background-image: url(/local--files/logo.jpg);
    height: 90px;
    width: 500px;
    position: absolute;
    top: 10px;
    left: 20px;
}

I am basing it off of the cupachino theme. I t will show the header, but no text or image. Also, how do I change the background color AND add a logo?

Re: Help with custom theme

Goon 1187380183|%e %b %Y, %H:%M %Z|agohover

Hi, first and just to play it safe, make sure that your logo has the correct file extention (logo.png or logo.jpg) and try to avoid spaces in the file name. There were several issues reported concerning that. To rename your files go to files and click options.

In your theme extention you must specify the full path to background images. in your case:

...
background-image: url(http://xmodification.wikidot.com/local--files/start/logo.jpg);
...

to change the background color use, well, background-color. You can also specify all background properties at once.

good luck, your logo looks promising :)

Re: Help with custom theme

B-man93 1187390765|%e %b %Y, %H:%M %Z|agohover

Thanks, I'll try it now, if I have any more questions, you'll be on speed dial. :-)

Re: Help with custom theme

B-man93 1187391682|%e %b %Y, %H:%M %Z|agohover

Ok, here's what I tried…

Renaming the logo. FAILED
Changing the header to display: none; FAILED
Tried to resize the image and header container. FAILED

I have no idea, erm, hang on, if you join the site, I could make you admin temporarily and help me out.

Re: Help with custom theme

Goon 1187394374|%e %b %Y, %H:%M %Z|agohover

Ok, i'll give it a try. temporarily! I applied already.

Re: Help with custom theme

B-man93 1187395774|%e %b %Y, %H:%M %Z|agohover

Ok, well, I got it working, instead of putting …/local/start/logo…
I put …/local/start/logo.jpg…

But now here's another question..

I have the logo in place, perfectly placed in my header. I wanted to make the whole header the same color as the background, so, I changed the code a bit. but now it displays my site name and tagline on top of the image.

I'll accept and appoint you admin Temporarily. and you can look at my code, I have 3 themes, the one I am using now is new look.

Re: Help with custom theme

B-man93 1187396677|%e %b %Y, %H:%M %Z|agohover

WAHOOOO! I did it! I just had to put the image part before the header and put display: none; in the second one! I know that sounds like jibberish, but who cares? I got it!

Now, I'm going to keep using this thread in case I need more help with more stuff.

Re: Help with custom theme

Phil Chett 1187397229|%e %b %Y, %H:%M %Z|agohover

i sat here refreshing the screen, watching the changes as they happened.
I really need to get a life :)))

Re: Help with custom theme

Goon 1187398764|%e %b %Y, %H:%M %Z|agohover

Cool, i think the header is ready. Now, the sidebar. Just copy the stuff from the capuccino theme and change the colors.

@ Phil: it's better than TV or the goldfish =D

now it's time to consult the pillow.

Re: Help with custom theme

B-man93 1187448339|%e %b %Y, %H:%M %Z|agohover

Ok, thanks a TON, but, what do yo mean when you put:

color: gainsboro;

What is gainsboro?

Re: Help with custom theme

Phil Chett 1187449496|%e %b %Y, %H:%M %Z|agohover

basically… it a grey area :)
http://www.1netcentral.com/color-chart.html

Re: Help with custom theme

B-man93 1187451566|%e %b %Y, %H:%M %Z|agohover

Ok, now, another thing…

I want to change the sidebar's colors.
I want it to be somethingt like this…

The main sidebar background color: 555555. Completed
Change the font color to #569AE5
on mouseover. Change the link's background to #569AE5. And the text color to #555555.

Am I clear enough? I'm not so good in words :(

Re: Help with custom theme

Phil Chett 1187479897|%e %b %Y, %H:%M %Z|agohover

clues will be found here:-

http://community.wikidot.com/howto:design-your-own-css-theme

Re: Help with custom theme

B-man93 1187457905|%e %b %Y, %H:%M %Z|agohover

I need help with fonts… How do I change fonts?

Re: Help with custom theme

Phil Chett 1187479685|%e %b %Y, %H:%M %Z|agohover

where do you want to change the fonts?

Re: Help with custom theme

B-man93 1187486792|%e %b %Y, %H:%M %Z|agohover

Everywhere, yet they're done (by some mysterous goony force)

Re: Help with custom theme

B-man93 1187487111|%e %b %Y, %H:%M %Z|agohover

Now, last question, and it should be done…

I have a lot of white space in between the header, main content, and side bar. How can I eliminate all that white space?

Re: Help with custom theme

hartnell 1187490761|%e %b %Y, %H:%M %Z|agohover

I have a question, do you want your #header to be bigger than the body? If so, :

#content-wrap
{
background-color:#555555;
margin-top:0;
}

The Themelabs are currently not being used because nobody's been interested in using them. If you want, we can stick the theme in a themelab and work on it, see :

http://community.wikidot.com/forum/t-14465/the-wiki-madman-july-20-2007

—hartnell

Re: Help with custom theme

B-man93 1187534824|%e %b %Y, %H:%M %Z|agohover

No, I have it just the way I want it, but in between the #header, sidebar, and the main content area, there is a lot of white space, I can change the space around the nav:side, but not anywhere else.

Now, what's this "Themelabs"? I looked at the link, erm, are you talking about taking my theme, fixing it up nice, and then putting it up for download? I'd be cool with that. Just explain to me what this ThemeLabs is.

Re: Help with custom theme

hartnell 1187535491|%e %b %Y, %H:%M %Z|agohover

The "themelabs" are four wikis I created for the sole purpose of "cooking" themes. This is how it was supposed to work. Someone wants a theme. If a themelab is open (3 are open) we put the theme in themelabs. Then, the person and I collaborate to get the theme just the way they want it (or as close as possible). The resulting theme becomes available to everyone, in the form of a "theme kit" — css and images.

Let me know and I'll invite you to one of the themelabs. Here's a link to one that's holding a mouldy theme nobody wanted to cook : http://themelab1.wikidot.com .

—hartnell

Re: Help with custom theme

B-man93 1187537741|%e %b %Y, %H:%M %Z|agohover

Ok, sure, erm, do I need to send you the images and the CSS I have so far?

Oh, that theme looks prety cool, It'd be great for a computer programming site.

Re: Help with custom theme

B-man93 1187544269|%e %b %Y, %H:%M %Z|agohover

Oops, I didn't see what you said in the invitation, I had just clicked join when I noticed it, what did it say?

Re: Help with custom theme

natasUF 1206336171|%e %b %Y, %H:%M %Z|agohover

edit: fixed

last edited on 1206471709|%e %b %Y, %H:%M %Z|agohover by natasUF + show more