Pixelpost

tomyeah · #11 03-26-2007, 11:33 PM

ive added some comments slide down div. but somehow it flickers sometimes when jumping to next picture ... i dont know if its because the javascript or the css is not cached or so ... maybe somebody knows how to fix that ?!

regards, tom.

**Dkozikowski**+ · #12 03-27-2007, 12:07 AM

What you're seeing is normal for the way you are hiding the div.

The problem is that your javascript does not hide the div until the page has loaded 100%

Some get around this by hiding the content with a hidden div using css.

There are a few options to search for. Hit up google and I'm sure you will be able to find what you need.

**jaywilliams**+ · #13 03-27-2007, 12:13 AM

Edit your "hide-wrapper" so it looks like this:

HTML Code:

<div id="hide-wrapper" style="display:none;">

Problem solved.

tomyeah · #14 03-27-2007, 07:38 AM

thanks jay, i had it in the stylesheet before. but it works better directly in the div tag. do you have some more suggestions how to improve the functionality or visual appearance of the theme ? ive noticed that the form elements cant be styled for safari ... they look a bit wierd with the darker fill color, maybe i should switch dark and bright colors for that area ...

regards, tom.

**jaywilliams**+ · #15 03-27-2007, 01:31 PM

Actually, after looking at your code, there are a few things you might want to do.

First off, you can remove the "onload" text <body onload="init_effect();"> from the body tag, as it shouldn't be necessary now that you are hiding the div box using that inline CSS.

Secondly, you may wish to export your CSS code to an external file. That way browsers can cache it, which will improve page loading a bit.

Obviously, you would want to keep the CSS entries that are automatically generated by the script, but all of the others could be exported.

For example, this is all of the css that you would want to have in the page itself:

HTML Code:

/* @group Keep Embeded */

body { 
	background-color: #3D3D29;
	color: #67674C;
}

#comments, .input {
	background-color: #67674C;
	color: #FFFFE6;
}

#addcomment {
	background: #3D3D29;
	border-left-color: #67674C;
	border-right-color: #67674C;
	color: #FFFFE6;
}

#comments li a {
	color: #FFFFE6;
}

#comments li:hover {
	background: #3D3D29;
}

a {
	color: #67674C;
}

@import url(templates/pixelcandy/pixelcandy.css); 

/* @end */

The rest, you could add to your pixelcandy.css file:

HTML Code:

#wrapper {
	width: 600px;
}
a{
	text-decoration:none;
}

#comments{
	padding: 10px;
}

#addcomment {
	padding: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
}

.input{
	margin-top:4px;
	border: none;
}

a:hover {
	text-decoration:underline;
	}

#comment-wrapper {
	background-color:#FFFFE6;
	text-align: left;
	width: 600px;
	border: none;
	margin:auto;
}
#addcomment-forms {

}


#comment-imageinfo {
	padding: 10px;
}

#comment-title {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;

}
#comment-thumb {
	float: left;
}

#comment-thumb-and-image{
	height: 75px;

}

#comment-thumb a img{
	text-decoration:none;
	border: none;
	padding-right: 10px;
}
#comment-thumb-info {
	font-size: 10px;
	text-align: justify;
	
	
}

#comments li {
	padding:10px;
}

#comments ul {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
@media all {
}
#views {
	text-align: center;
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;
	
}

Actually, I have gotten used to Safari, and it's "un-styled" input boxes. I didn't see any problem with their appearance on your site.

Hopefully this helps.

tomyeah · #16 03-27-2007, 01:54 PM

i didnt like the dark background for the forms on safari. the input fields looked buggy with the lighting.

so i used the @media all{} tag, just looks better to me.

you are right about the css stuff ... but until im not done with this, its easier to modify if u have the css next to the html. i had to make some tweaks for IE too, especially with lightbox ...

im still not so happy with the pixelcandy logo on top. maybe i find another nice pixelfont for it ...

regards, tom.

**jaywilliams**+ · #17 03-27-2007, 02:04 PM

Oh, one thing, are you caching those images that php is generating on the server?

Or is it creating it every time the a user views the page?

tomyeah · #18 03-27-2007, 03:03 PM

so far its all live generated on every click. but i guess the zend optimizer caches em anyways, i tested it locally on my apache with osx. its like 0.30% cpu load when i click fast through the gallery. so it doesnt matter

**jaywilliams**+ · #19 03-27-2007, 04:50 PM

It would be quite easy to simply build a simple cache in php.

I would take all of the possible variables that the script receives, and do a MD5 on them. Take the MD5 number as the file name and save the photo to a "../cache/ folder.

Then when the script runs, have it do an MD5 on the input and check if a file that matches that MD5 number exists. And if it does, display that instead.

You may also want to add some "header()" calls to tell browsers to cache the image as well. As normally, all php scripts tell the browser to re-download every time the page loads.

It may seem small, but little speed tweaks here and there will help with page loading performance.

tomyeah · #20 03-28-2007, 12:44 PM

ok i got the caching done ... phew, learning so much new stuff

(tried a few caching methods, i think i got the best now for my project)
got my addon calls for color analyze cached now too. now just need to clean up css and its done.

regards, tom.

Update:

cleaned up the css ...

i need some help for making the colorpicker addon better working when logged in as admin: highlighted source code

so far i just disabled all output when admin session is set, i dont know if that is a common way to disable error outputs on the admins addon page but it worked so far. is that a proper way ? the problem is now, when you are logged in as admin the plugin doesnt work for the home-page and all the colored elements that need the tags wont be displayed.

the only thing to add for the admin addon page would be like checking if the cache dir is writeable and giving some feedback on the addon site.

Pixelpost

Authentic Photoblog Flavour