[Tal Shafik]

Seeing as no one posted here yet, I thought I'd start things off.

I'm having some trouble with my theme. You can view the site here, and review the code here.

1. I've managed to add the EditBox, but it's always visible (to me, that is), not only when I hover over the post title.

2. I'm having trouble centering the whole thing. I'm not sure how to position everything so it will look the same regardless of screen resolution.

3. I'm having trouble centering certain DIVs in the sidebar. You'll notice the search box isn't centered, but the image is.

4. Any other tips/tricks or theme optimizations and criticism (color palette, ease of readability) you can provide would be greatly appreciated.

I don't really know HTML or CSS, but I'm learning as I go along, mostly by trial and error, and by dissecting other themes.

Thanks in advance for the help!

[Cory Watilo]

It's looking good, especially for not knowing html/css!

Tal Shafik, on 02 October 2009 - 08:14 PM, said:

1. I've managed to add the EditBox, but it's always visible (to me, that is), not only when I hover over the post title.

The edit box is always visible for me too on all my themes. I didn't realize this is different on the default theme(?). I will have to take a look and maybe I will post a guide on this.

Tal Shafik, on 02 October 2009 - 08:14 PM, said:

2. I'm having trouble centering the whole thing. I'm not sure how to position everything so it will look the same regardless of screen resolution.

Looks like you figured this one out.

margin:0 auto;

usually does the trick on a div with a defined width.

Tal Shafik, on 02 October 2009 - 08:14 PM, said:

3. I'm having trouble centering certain DIVs in the sidebar. You'll notice the search box isn't centered, but the image is.

A quick and easy way to do this would be to add

style="text-align:center;"

to the

<form>

tag right above the search fields. So it should look something like this:

<form method='get' style="text-align:center;">

Tal Shafik, on 02 October 2009 - 08:14 PM, said:

4. Any other tips/tricks or theme optimizations and criticism (color palette, ease of readability) you can provide would be greatly appreciated.

It's looking pretty good! One thing I noticed is that your tags are looking to be a little indented in your sidebar. (See attached image for screenshot.) To make this left-align correctly, add the following to the

.tag

css property:

padding:0;

Hope this helps!

Attached File(s)

•  tags.jpg (10.02K)
  Number of downloads: 22

[Tal Shafik]

Thanks a lot, Cory. Solved nearly all of my issues thanks to your help. Liked that tip about my tags. That's been frustrating me for a while.

The only thing I haven't been able to do is center the whole blog (when viewing the site on my mobile phone, for example, the sidebar is entirely gone) and I also can't center the top image in the sidebar. The rest worked fine, not sure what the problem is.

Thanks again for your help!

[Cory Watilo]

Tal Shafik, on 07 October 2009 - 05:14 PM, said:

The only thing I haven't been able to do is center the whole blog (when viewing the site on my mobile phone, for example, the sidebar is entirely gone) and I also can't center the top image in the sidebar. The rest worked fine, not sure what the problem is.

The problem with the sidebar image is actually that the image is wider than the sidebar (minus the padding). Your image is 180px wide and the sidebar is only 170px wide. If you make #sidebar 180px wide, your image will appear centered.

Not sure about the centering question. It looks centered in every browser I have. Mobile browsers are always a pain and tough to get quite right. Looks good on my iPhone though! =]

[PTthe13]

If you want the edit box to only appear when you hover it try this:

on the div where your editbox is in (let's call it "editboxDIV") add this to the css:

visibility:hidden;

making it (like for example):

.editboxDIV {
position:absolute;
top:-20px;
visibility:hidden;
}

and and this also to your CSS stylesheet :

.postunit:hover .editboxDIV {
visibility:visible;
}

I think it should now only be visible when you hover the mouse over it

I hope this helps

PS: ".postunit" being the DIV where each post is

[Tal Shafik]

Thanks for the heads up about the image size, Cory. Don't know how I missed that.

PTthe13, I believe everything you put down in your reply is implemented in my code, except perhaps that the editbox block is not in its own DIV. Even when I put it in a DIV of its own, however, it is always visible.

Thanks for the help, guys!

[PTthe13]

Tal Shafik, on 08 October 2009 - 05:21 AM, said:

Thanks for the heads up about the image size, Cory. Don't know how I missed that.

PTthe13, I believe everything you put down in your reply is implemented in my code, except perhaps that the editbox block is not in its own DIV. Even when I put it in a DIV of its own, however, it is always visible.

Thanks for the help, guys!

Hum...

I think that's all the code that makes the "editbox" disappear and appear when hovered

Only by looking at the code itself I could figure it out.

But I may be forgetting something...

----

PS: I just noticed something in your website, Don't know if you want it the way it is, but when you see the full list of tags some of them (the ones that were hidden) appear a bit more to the right

You can "fix" this by adding

padding-left:0;

in your

#more-tags-listing ul { ... }

----

PS2: You have

div.editbox { ... }  
div.postunit:hover div.editbox { ... }

inside

 div.post div.regular { ... }

Try moving div.editbox { ... } and div.postunit:hover div.editbox { ... } out of div.post div.regular { ... } , I think it should work... (I guess)

[Tal Shafik]

Awesome. PT, i really appreciate it. The EditBox is now invisible until hover. Thanks for that tip about the tags, completely missed it.

[PTthe13]

Tal Shafik, on 08 October 2009 - 10:25 AM, said:

Awesome. PT, i really appreciate it. The EditBox is now invisible until hover. Thanks for that tip about the tags, completely missed it.

No problem

[lizasperling]

I am a newbie at coding, too, so i have found it easiest to use Tumblr themes - hundreds available by googling Tumblr themes, and copy and paste them into Posterous. I finally found one I like - and you can see the color palette is set up on the top, which makes it easy to change. You can see it at my posterous or lizasperling.com, BUT now the challenge is adding widgets AND lost elements in my new theme (profile disappeared!):
Friendconnnect, Retweet buttons, etc...

If you want my code from my theme, let me know! I am happy to share! You can email me at blog at lizasperling.com!
Wish I could help with specific issues, but, like you, I am just learning by trying!
Cheers and good luck!
LS

Tal Shafik, on 02 October 2009 - 08:14 PM, said:

Seeing as no one posted here yet, I thought I'd start things off.

I'm having some trouble with my theme. You can view the site here, and review the code here.

1. I've managed to add the EditBox, but it's always visible (to me, that is), not only when I hover over the post title.

2. I'm having trouble centering the whole thing. I'm not sure how to position everything so it will look the same regardless of screen resolution.

3. I'm having trouble centering certain DIVs in the sidebar. You'll notice the search box isn't centered, but the image is.

4. Any other tips/tricks or theme optimizations and criticism (color palette, ease of readability) you can provide would be greatly appreciated.

I don't really know HTML or CSS, but I'm learning as I go along, mostly by trial and error, and by dissecting other themes.

Thanks in advance for the help!