New template : dolichocephale

[dolichocephale]

Hi,
I just made a photo site with Pixelpost, and I created my own template that you can download here :
english version (http://dolichocephale.free.fr/bonus/dolichocephale_en.zip)
french version (http://dolichocephale.free.fr/bonus/dolichocephale_fr.zip)

You can see it on my site http://www.dolichocephale.net/photoblog/

It seems to be XHTML Transitional and CSS valid, but this is the first time i make a website writing hmtl and css code (i just looked at others templates and copy their code :) ), so nothing's guaranteed.

It's a very simple template, without EXIF or notes.

Photos must be 500px wide or less, but i think it's easy to modify the CSS code to use wider pictures. Thumbnails should be 60*60px.

Please feel free to use it and modify it !

[se.nsuo.us]

Thanks for sharing it is a nice template

[ghost]

Great template ! but i have some problems, it is just to small for my pictures. So i need to know how i can change the wide ?! My site is http://ghost2k.de/pixelpost ! I hope you can help me with this little problem ;)

ghost

[Errrwin]

Nice!

Just one small sidenote: download FF 1.5 and hover over your thumbnails, it's not quite perfect there. ;)

[dolichocephale]

Ghost : modify all 'width: 500px;' in the CSS file. It must be the maximum width of yours photos. I think it should be ok. Thanks for using it. If it doesn't works, tell me, i will try on my site with larger pictures (mines are 500px, no more).

Errrwin : i just saw the problem with Firefox 1.5. I will try to fix it (:confused: i hope, i don't know how i can change it !?)... in few days, because lot of work this week end.

[dolichocephale]

Ghost: sorry, the tip doesn't work, i forgot the background pictures.
So, to use photos larger than 500 pixels :

Example : your larger photo will be 700 pixels

- modify haut.png , bas.png , bord.png (i added photoshop and gimp files in the new version (http://dolichocephale.free.fr/bonus/dolichocephale_en.zip))

http://dolichocephale.free.fr/bonus/pic.jpg
these are original sizes

you have to enlarge white part to 700+100=800px, so total (grey and white) will be 840px

In style.css :
- change all 'width: 500px' (8 occurences) by 'width: 700px'
- change 'width: 640px' in #main (line 59) by 'width: 840px'
- change 'width: 600px' in #surtitre (line 43) by 'width: 800px'

[dolichocephale]

New version...
- added photoshop and gimp files (for background pictures) in /images/ directory
- translations from french i forgot in first version
- changes in style.css to have correct display in Firefox 1.5 when hover over the thumbnails.

Download french version (http://dolichocephale.free.fr/bonus/dolichocephale_fr.zip) / english version (http://dolichocephale.free.fr/bonus/dolichocephale_en.zip)

[ghost]

Thanks !

now it works perfect. best minimal theme so far for me ! good work.

/ghost

[cowlishaw]

Hello, I would like to know if there is a way to use this template without the images? A square box would be fine with me, instead of the curves. I don't have any way to modify the graphics properly.

Nate

[cowlishaw]

Okay, I downloaded Gimp, and I am trying to figure out how to resize the gimp files without losing quality on the border...

nate

[Iron Flatline]

Nice template, thanks for sharing!

[cowlishaw]

thanks for the template... I just need to see if it will work for me...

[cowlishaw]

I decided not to even use the graphics... I prefer it like this anyways:

#haut {

background-color: #ffffff;
width: 720px;
}
#bord {

background-color: #ffffff;
width: 720px;
}

#bas {
background-color: #ffffff;
width: 720px;
}

This solved my problem....

Again thanks for the template.

Nate

[melt]

Thanks for sharing dolichocephale! It's a great template! I'm trying to use it on my photoblog but I have a problem.

On the "browse_template" everything seems to be OK (categories etc), when I'm using the "All" category I have no problems. However, when I'm going on a subcategory there is an error on the way it counts the photo pages and instead of "page 1" it appears "page <a href='index.php?x=browse&category=1&pagenum=1>1". This happens only to subcategories and not in the main category "All". Isn't it strange? I tried to edit the code but I can't find where to look at. :( [sorry, I'm a newbie]

Any ideas?

[dolichocephale]

I think the problem comes from mistakes in the file paged-archive.php in /addons directory (i read about it in pixelpost forum)

Download this one (http://dolichocephale.free.fr/bonus/paged_archive.php) and put it in your /addons directory, it should work.

Modifications :

line 313
<a href='index.php?x=browse&amp;category=$cat_id&amp;pagenum= $pagecounter'>$pagecounter</a>
instead of
<a href='index.php?x=browse&amp;category=$cat_id&amp;pagenum= $pagecounter>$pagecounter</a>

line 324
<a href='index.php?x=browse&amp;category=&amp;pagenum=$pageco unter'>$pagecounter</a>
instead of
<a href=?x=browse&amp;category=&amp;pagenum=$pagecounter>$pagecounter</a>

line 335 :
<a href='index.php?x=browse&amp;archivedate=$archivedate&amp; monthname=$monthname&amp;pagenum=$pagecounter'>
instead of
<a href=?x=browse&amp;archivedate=$archivedate&amp;monthname= $monthname&amp;pagenum=$pagecounter>

[melt]

I did the modifications and it's fixed!

Thank you one more time!:)

[dolichocephale]

I'm happy it works. I included the modified file paged_archived.php in my template, because it seems other people got the same problem.
Thanks for using this template !
(you didn't write your photoblog URL in your profile ? is it private ?)

[burlapjacket]

first off I love the template and hope to use it soon.

question: there doesn't seem to be a place for a description of each photo. is that easy to add?

Many thanks.

www.burlapjacket.com

[dolichocephale]

I didn't leave place for description because i don't use it. But you can easily add it : just add the tag <IMAGE_NOTES> or <IMAGE_NOTES_CLEAN> (if you don't want html in your comment) in the file 'image_template.html' in 'dolichocephale' folder.

For example, you can download this 'image_template.html' (http://dolichocephale.free.fr/bonus/image_template.html) file i modified and put it in 'dolichocephale' folder. I added at line 41<IMAGE_NOTES_CLEAN><br />
Is that what you want ? Any suggestions are welcome !

Perhaps i will keep this modification for next version, i think it could be interest other people.

[russo]

I love this template, it's simple and clean and is exactly what I need. However, When I use the upside questionamrk (the random image link), it takes me to a There is Nothing HERE page...

Please tell me how to fix this. Check out the problem here:

http://michaelrusso.net/photos/

[dolichocephale]

I love this template, it's simple and clean and is exactly what I need. However, When I use the upside questionamrk (the random image link), it takes me to a There is Nothing HERE page...

Please tell me how to fix this. Check out the problem here:

http://michaelrusso.net/photos/ Sorry, i forgot to precise it : you need the random image addon (http://pixelpost.org/v1/index.php?x=downloads&details=41). Download it, unzip and put it into your 'addons' folder, it should work. I will write a note about it in README.TXT in next version (i will add description area for each photo too).

Thanks for your observation.

[russo]

thanks for the info about the random image -- the page is working great now... but sometime in IE, the decription of the image is super imposed over the photo. Use IE and jump around my site, you might see it happen.

[dolichocephale]

thanks for the info about the random image -- the page is working great now... but sometime in IE, the decription of the image is super imposed over the photo. Use IE and jump around my site, you might see it happen.Yes, i know about this problem. It seems it doesn't happen all the time. Usually, just refresh the page and it becomes ok. I tried many things to avoid this problem, but i really don't know how to fix it. I can't see your site with IE, i'm using linux and firefox.

[dolichocephale]

Version 0.5 :
- i added the description area in 'image_template.html' file with <IMAGES_NOTES_CLEAN>
- i added a link to homepage in photoblog's title
- modifications in 'style.css' (i was using the same name for a class and a id)

[melt]

(you didn't write your photoblog URL in your profile ? is it private ?)


Oh! It's just on its beta version... :) I'm trying to solve all the problems and then announce it... [although you might have seen it in your statistics page when I was testing the links page ;) ]


My main concern now:

1) the problem with IE!

and another one: I don't think this has to do with the template, I want to use the original ratio of the images in thumbnails, and that's a great problem for the thumbnail row of the image_template page for images that have height > width... [partly solved using "12cropimage mode"]

[dolichocephale]

Oh! It's just on its beta version... :) I'm trying to solve all the problems and then announce it... [although you might have seen it in your statistics page when I was testing the links page ;) ]


My main concern now:

1) the problem with IE!

and another one: I don't think this has to do with the template, I want to use the original ratio of the images in thumbnails, and that's a great problem for the thumbnail row of the image_template page for images that have height > width... [partly solved using "12cropimage mode"]

Ok ! Please tell me if you find a solution about IE problem, because i really don't know how to solve it (i'm a CSS newbie, that's the first time i use it) and i don't have IE at home, so it's hard to test it.Only solution i have is : download Firefox ! :)

[melt]

Ok ! Please tell me if you find a solution about IE problem, because i really don't know how to solve it

working on it...

PS Of course, I 'm not using IE...:D
PS2 Opera rulez!

[russo]

Your template is great... but the IE problem NEEDS to be fixed... As far as I can tell, it's the only problem... have you tried running it through a valadator? I was looking at the code last night, but I am also a CSS newbie. I'm working on it though -- hopefully one of the great skinners here will figure it out :confused:

[dolichocephale]

i'm searching... but really i don't have any idea yet.

Someone who was looking at my website told me that a </div> was missing (one that close <div id="main">), but i checked, and it's ok (there is 12 <div> and 12 </div>). I tried to add one </div>, just to test, but i get the same problem.

Yes, i checked with W3C validator, it's valid XHTML 1.0 Transitional.

:confused:

[Joe[y]]

try using the web developer extension for firefox - using it to highlight block level elements should be useful in sorting out your problem with IE. for example, what is the use in surrounding an img tag with an undefined/unstyled div ? some of the code is just confusing

[russo]

I made a few minor changes to the template and I no longer seem to have the problems in IE, however, I don't know if I actually fixed the problem. I think it may have been dumb luck. Regardless, I am posting my changes because they might help you in your attempt to fix this template --


On line 35 of the image_template, I removed the IMAGE TITLE tag

title="image pr&eacute;c&eacute;dente" />

and replace it with nothing...

I also changed in the CSS file to this:

#sousphoto {
width: 500px;
margin: 0px auto;
text-align: left;
font-size: 12px;
}
.titre {
float: left;
position: relative;
color: #D58900;
}
.soustitre {
width: 500px;
padding-top: 1px;
padding-bottom: 10px;
float: left;
position: relative;
font-size: 11px;
}

.fleche {
text-align: right;
}


If you notice, I didn't do anything besides add spaces AFTER every colon in the CSS file... Some of the colons had spaces, some did not. Much of the code was butted right against the colon.

Whatever the problem was in IE, I don't seem to be having it anymore. Don't know if this means anything... Hope this helps.

Try my changes and see if they works for you...

[russo]

I forgot to tell you that I cleaned up the entire css file to have spaces after the colons... If that did it, then WOOO HOOO...

Check my site it IE (http://michaelrusso.net/photos/index.php), and let me know if you have problems.

[melt]

Check my site it IE (http://michaelrusso.net/photos/index.php), and let me know if you have problems.

Still the same... :(

[russo]

well, it might be a problem with something else then. i cleared all my temp files, cookies, and offline content (cache) and the freaking problem is back... i'll keep trying. it's driving me nuts.

[melt]

IE problem fixed!!! :)

...or do I think so?

Check it at http://photo.19seconds.gr (the photoblog is brand new, so your comments on my pictures are something more than welcome)


I've made a few more changes in my template (based on dolichocephale), so as far as I can remember:

1) in style.css, I added a

background-image: url(images/bord.png);

at #main


2) I changed a few things about the <divs> in image_template.html, but I don't know how to post it as it contains a few more changes... I'll give it a try and paste part of it from "showimage" to <div id="credits">

(I think I've added more "</div>" than needed, but it works!)

</div>
<div>
<a href="index.php?showimage=<IMAGE_PREVIOUS_ID>"><img id="image" src="images/<IMAGE_NAME>" alt="<IMAGE_TITLE>" title="image pr&eacute;c&eacute;dente" /></a>
</div></div>
<div id="main">
<div id="sousphoto">
<span class="titre"><IMAGE_TITLE></span>
<div class="fleche"><a href="index.php?showimage=<IMAGE_PREVIOUS_ID>">previous&laquo; </a> <a href="index.php?showimage=<IMAGE_NEXT_ID>">&raquo;next</a></div>
</div>
<div id="sousphoto">
<div class="soustitre"> <IMAGE_CATEGORY> &bull; <IMAGE_COMMENTS_NUMBER> <span class="italique"><COMMENT_POPUP> &bull; </span><br />
<IMAGE_NOTES_CLEAN>
</div>
<div id="vignettes">
<IMAGE_THUMBNAIL_ROW>
</div>
</div>
<div id="bas">&nbsp;</div>
</div>
</div>

<div id="credits">


Check my gallery and if it's ok, but you can't you can't figure it out for yours, I'm gonna send it to dolichocephale to make a new version...

Thanks for your time, and thanks dolichocephale (one more time) for this nice template!

edit:

if you get a "currently unavailable" on my website, try later as it seems that something is going on with my hosting provider today...

[russo]

posted your changes and no longer see the IE problem, however, there is an extra </div> -- perhaps I'll run the CSS through a valadator -- see what it turns up. Check my site again with IE (after clearing your cache) and let me know.

[russo]

Why does this keep showing up as a problem on the valadator?

index.php?x=browse&pagenum=1

[GeoS]

try to change & to &amp; :)

[dolichocephale]

thanks everyone to help me to fix this @!§#& problem... i'm too busy to look at it now (many student demonstrations in Paris, so lots of pictures to take !)... be back in 2-3 days :)

[blinking8s]

im envious, i'd like to be there taking pictures too...good luck

[dolichocephale]

Hi, coming back with a computer with windows and IE !

Melt: i tried your solution... but it doesn't work on my site :confused:
I can see it works on yours, so keep it like that ! Just one thing : usually, you must use each 'id' one time only.

Russo: what did you do ? i checked your code, you didn't change anything it seems, but it's ok with IE ?

I tried this solution :

Changes in image_template.html : <div id="image">
<a href="index.php?showimage=<IMAGE_PREVIOUS_ID>"><img src="images/<IMAGE_NAME>" alt="<IMAGE_TITLE>" title="image pr&eacute;c&eacute;dente" /></a>
</div>

<div id="sousphoto">
<div class="fleche"><IMAGE_PREVIOUS_LINK><a href='index.php?showimage=<IMAGE_RANDOM>' title="une image au hasard"> &iquest; </a><IMAGE_NEXT_LINK></div>
<span class="titre"><IMAGE_TITLE></span>
<div class="soustitre"><IMAGE_NOTES_CLEAN> &bull; <IMAGE_COMMENTS_NUMBER> <span class="italique"><COMMENT_POPUP></span> &bull; <IMAGE_CATEGORY></div>
</div> I put the 'id="image" to the div instead of the img, and move the 'fleche' id before 'titre'.

Changes in style.css :/* .............................. */
/* Image */
/* .............................. */

#image img{
padding-top:7px;
padding-bottom:3px;
border:none;
}


/* .............................. */
/* sousphoto */
/* .............................. */

#sousphoto {
width: 500px;
margin:0px auto;
text-align: left;
font-size: 12px;
}
.titre {
color: #D58900;
}
.soustitre {
padding-top:1px;
padding-bottom: 10px;
font-size: 11px;
}

.fleche {
float:right;
text-align: right;
}I remove the attribut float:left of 'titre' and 'soustitre' and put the attribut float:right to 'fleche', without the attribut 'position:relative'.

Changes few things too in CSS who were unuseful.

Please check with IE if my site (http://www.dolichocephale.net) is ok. If yes, i will make a new version of the template.

Thanks so much.

[melt]

Please check with IE if my site (http://www.dolichocephale.net) is ok. If yes, i will make a new version of the template.

It's time for a new version... ;)

[dolichocephale]

It's time for a new version... ;)
Done ! New version is 0.6. when i'll have more time, i will try if it works with Pixelpost 1.5...
Thanks again to everyone. I can go back taking pictures :)

[darkphoenix]

This is a nicely designed template. luv the edge around the images.

[albrowneu]

I think it looks great!

[aymack]

GREAT, simple looking but clean template!

I am having a technical problem with your template after I’ve uploaded to my site. Perhaps you can help?

If you go here: http://www.crumbling-images.com/photoblog/ you will see that I tried to re-size the template in the style.css form, based on your instructions you placed on the pixelpost.org forum. However, as you’ll see, there is a split in the background white border that I can’t seem to fix.

Can you PLEASE help me figure this out? Where am I going wrong?

Thanks in advance for all your help.

Cheers,
Alex

[Joe[y]]

Can you PLEASE help me figure this out? Where am I going wrong?

Cheers,
Alex

looks to me like you need to resize that image in the background in ps or something.. stretch it out.. right now it's tiled a version too small.

[aymack]

']looks to me like you need to resize that image in the background in ps or something.. stretch it out.. right now it's tiled a version too small.

Joe[y] - Got it, thanks.

[melt]

Another problem...

On the browse_template, I think that after the fourth row of images (when you have 5 rows for example), the fifth row should be found on the second page of images... Am I right? I'm not using square thumbnails and something is going wrong... There is a wrong allignment on the fifth row that still remains on the first page...

Check out what I mean:

http://www.19seconds.gr/gallery/index.php?x=browse&pagenum=1

Any ideas? Thanks for your time!;)

[kidleethal]

Another problem...

On the browse_template, I think that after the fourth row of images (when you have 5 rows for example), the fifth row should be found on the second page of images... Am I right? I'm not using square thumbnails and something is going wrong... There is a wrong allignment on the fifth row that still remains on the first page...

Check out what I mean:

http://www.19seconds.gr/gallery/index.php?x=browse&pagenum=1

Any ideas? Thanks for your time!;)

Hi,

If I understand correctly, you want 4 rows of 5 photos per page? I'm not sure if this will work, but you could try setting the number of thumbnails in the paged archive addon to 20, not 25. This would probably shift that 5th row onto the second page....

[melt]

If I understand correctly, you want 4 rows of 5 photos per page? I'm not sure if this will work, but you could try setting the number of thumbnails in the paged archive addon to 20, not 25. This would probably shift that 5th row onto the second page....

Oh! I didn't know I'd simply change the number in the ADDONS section for paged_archive at Pixelpost ADMIN mode. :rolleyes:

I had never seen this option before... :rolleyes:

Thanks for your help! :)

[darr]

I love this template and it is working just fine for me in IE.
Thanks!!

http://CameraArtist.com

[burlapjacket]

A few little quirks I'm having with the template:

-Seem to be unable to do HTML links in the description section for each photo. Is there a plug in I need to do that?

-My links page looks all screwed up in Firefox but great in IE.

www.burlapjacket.com is the URL.

Love the design of the template :)

Any help would be much appreciated.

[Joe[y]]

A few little quirks I'm having with the template:

-Seem to be unable to do HTML links in the description section for each photo. Is there a plug in I need to do that?

-My links page looks all screwed up in Firefox but great in IE.

www.burlapjacket.com is the URL.

Love the design of the template :)

Any help would be much appreciated.

to me it looks much better in firefox than it does IE.

[burlapjacket]

']to me it looks much better in firefox than it does IE.

Try the links page: http://www.burlapjacket.com/index.php?x=links

[Joe[y]]

in your stylesheet try changing

#liensg {
float: left;
position: relative;
}

to

#liensg {
float: left;
position: relative;
clear:left
}

[burlapjacket]

']in your stylesheet try changing

#liensg {
float: left;
position: relative;
}

to

#liensg {
float: left;
position: relative;
clear:left
}

Hmm tried that and it chopped off the right half of the white frame and justified the whole thing to the right.

[Joe[y]]

try clear:both? i'm not entirely sure why there is a float at all now i think about it. try just removing the float? if you're still having problems then you can change the position to absolute then set a margin something like margin:200px 0px 0px 300px;

[dolichocephale]

A few little quirks I'm having with the template:
-Seem to be unable to do HTML links in the description section for each photo. Is there a plug in I need to do that?
-My links page looks all screwed up in Firefox but great in IE.

Use <IMAGE_NOTES> tag instead of <IMAGE_NOTES_CLEAN> in <div id="sousphoto"> to have HTML links in description section.

I used a float div to have 2 columns but i think it works only if you have the same number of links in 'liensg' div and in 'liensd' div.

Do it as this (preview here !) (http://jfpoint.free.fr/pixel/index.php?x=links) :
<div id="liens">

<span class="gras">[ photographers ]</span>

<div id="liensg">
<a href="http://www.delineated.com">Delineated</a><br />
<a href="http://wvs.topleftpixel.com">Daily Dose of Imagery</a><br />
<a href="http://www.photojunkie.ca">Photojunkie</a><br />
<a href="http://photojunkie.my-expressions.com/">Photojunkie Squared</a><br />
<a href="http://roomforseconds.com/">Room For Seconds</a><br />
<a href="http://www.istoica.com/everyday/">Istoica Everyday</a><br />
<a href="http://www.edwardjackman.com/">Edward Jackman</a><br />
<a href="http://www.heremydear.com/">Here, My Dear</a><br />
<a href="http://www.stillmemory.ca/">Still Memory</a><br />
<a href="http://groundglass.ca/">Ground Glass</a><br />
<a href="http://krlphotography.typepad.com/daily/">The View From Up Here</a><br />
<a href="http://6oh.blogphotography.com/index.html">A View From the 6oh Lens</a><br />
<a href="http://mute.rigent.com/">Mute</a><br />
<a href="http://luminescent.org/">Luminescent</a><br />
<a href="http://www.smlg.ca/index.php">SMLG Photos</a><br />
<a href="http://www.doublecrossed.ca/">Double Crossed</a><br />
</div>

<div id="liensd">
<a href="http://www.monochromejournal.com/gallery/index.php">Monochrome Journal</a><br />
<a href="http://www.bostich.com/">Bostich</a><br />
<a href="http://dreamerofmeaning.blogspot.com/">Dreamer of Meaning</a><br />
<a href="http://www.furcafe.com/">My Life as a Contact Sheet</a><br />
<a href="http://www.swirl.to/">Swirl Productions</a><br />
<a href="http://www.michelleyee.com/index2.html">Michelle Yee</a><br />
<a href="http://kevinsteele.com/photo_index.html">Kevin Steele</a><br />
<a href="http://www.photopia.tyo.ca/">Photopia</a><br />
<a href="http://www.photosapience.com/">Photosapience</a><br />
<a href="http://www.saisivanesan.com/">Sai Sivanesan</a><br />
<a href="http://www.basslinegfx.com/">Bassline GFX</a><br />
<a href="http://bensphotoblog.blogspot.com/" target="_blank">Ben's Photoblog</a><br />
<a href="http://www.mawz.ca//" target="_blank">Mawz</a><br />
<a href="http://miketan.info/" target="_blank">Michael Tan</a><br />
<a href="http://www.smaku.com/" target="_blank">Smaku's World</a><br />
</div>

<p><span class="gras">[ film ]</span><br />
<a href="http://www.kodak.com" target="_blank">Kodak</a> old faithful<br />
<a href="http://www.fuji.com/" target="_blank">Fuji</a> love their colour films<br />
<a href="http://www.ilford.com" target="_blank">Ilford</a> big love for HP5<br />
<a href="http://www.jandcphotography.com/" target="_blank">J&C</a> makers of good cheap b&w film
</p>

<p><span class="gras">[ other photo related ]</span><br />
<a href="http://www.dpreview.com" target="_blank">DP Review</a> comprehensive review site for digicams<br />
<a href="http://www.photo.net" target="_blank">Photo.net</a> all things photographic<br />
<a href="http://www.luminous-landscape.com/" target="_blank">The Luminous Landscape</a> reviews and opinion<br />
<a href="http://toronto.photobloggers.org/" target="_blank">Toronto Area Photoblogs</a> listing of toronto area photoblogs<br />
<a href="http://photoblogs.org" target="_blank">Photoblogs.org</a> worldwide listing of photoblogs
</p>

<p><span class="gras">[ other not photo related ]</span><br />
<a href="http://www.defamer.com" target="_blank">Defamer</a> Hollwood Gossip Sheet
</p>

</div>


If you just want one column, delete 'liensg' div and 'liensd' div as this (you can delete their sections in CSS file too) :<div id="liens">

<p><span class="gras">[ photographers ]</span><br />
<a href="http://www.delineated.com">Delineated</a><br />
<a href="http://wvs.topleftpixel.com">Daily Dose of Imagery</a><br />
<a href="http://www.photojunkie.ca">Photojunkie</a><br />
<a href="http://photojunkie.my-expressions.com/">Photojunkie Squared</a><br />
<a href="http://roomforseconds.com/">Room For Seconds</a><br />
<a href="http://www.istoica.com/everyday/">Istoica Everyday</a><br />
<a href="http://www.edwardjackman.com/">Edward Jackman</a><br />
<a href="http://www.heremydear.com/">Here, My Dear</a><br />
<a href="http://www.stillmemory.ca/">Still Memory</a><br />
<a href="http://groundglass.ca/">Ground Glass</a><br />
<a href="http://krlphotography.typepad.com/daily/">The View From Up Here</a><br />
<a href="http://6oh.blogphotography.com/index.html">A View From the 6oh Lens</a><br />
<a href="http://mute.rigent.com/">Mute</a><br />
<a href="http://luminescent.org/">Luminescent</a><br />
<a href="http://www.smlg.ca/index.php">SMLG Photos</a><br />
<a href="http://www.doublecrossed.ca/">Double Crossed</a><br />
<a href="http://www.monochromejournal.com/gallery/index.php">Monochrome Journal</a><br />
<a href="http://www.bostich.com/">Bostich</a><br />
<a href="http://dreamerofmeaning.blogspot.com/">Dreamer of Meaning</a><br />
<a href="http://www.furcafe.com/">My Life as a Contact Sheet</a><br />
<a href="http://www.swirl.to/">Swirl Productions</a><br />
<a href="http://www.michelleyee.com/index2.html">Michelle Yee</a><br />
<a href="http://kevinsteele.com/photo_index.html">Kevin Steele</a><br />
<a href="http://www.photopia.tyo.ca/">Photopia</a><br />
<a href="http://www.photosapience.com/">Photosapience</a><br />
<a href="http://www.saisivanesan.com/">Sai Sivanesan</a><br />
<a href="http://www.basslinegfx.com/">Bassline GFX</a><br />
<a href="http://bensphotoblog.blogspot.com/" target="_blank">Ben's Photoblog</a><br />
<a href="http://www.mawz.ca//" target="_blank">Mawz</a><br />
<a href="http://miketan.info/" target="_blank">Michael Tan</a><br />
<a href="http://www.smaku.com/" target="_blank">Smaku's World</a><br />
</p>

<p><span class="gras">[ film ]</span><br />
<a href="http://www.kodak.com" target="_blank">Kodak</a> old faithful<br />
<a href="http://www.fuji.com/" target="_blank">Fuji</a> love their colour films<br />
<a href="http://www.ilford.com" target="_blank">Ilford</a> big love for HP5<br />
<a href="http://www.jandcphotography.com/" target="_blank">J&C</a> makers of good cheap b&w film
</p>

<p><span class="gras">[ other photo related ]</span><br />
<a href="http://www.dpreview.com" target="_blank">DP Review</a> comprehensive review site for digicams<br />
<a href="http://www.photo.net" target="_blank">Photo.net</a> all things photographic<br />
<a href="http://www.luminous-landscape.com/" target="_blank">The Luminous Landscape</a> reviews and opinion<br />
<a href="http://toronto.photobloggers.org/" target="_blank">Toronto Area Photoblogs</a> listing of toronto area photoblogs<br />
<a href="http://photoblogs.org" target="_blank">Photoblogs.org</a> worldwide listing of photoblogs
</p>

<span class="gras">[ other not photo related ]</span><br />
<a href="http://www.defamer.com" target="_blank">Defamer</a> Hollwood Gossip Sheet
</div>

[melt]

Today I tried the feedvalidator.org for my photoblog and it turned out with a few errors...

Can anybody help?


This feed does not validate.

line 2, column 0: Undefined root element: xhtml:html [help]

line 16, column 16: Undefined named entity: nbsp [help]

line 21, column 62: XML parsing error: <unknown>:21:62: not well-formed (invalid token) [help]

<a href="index.php?x=browse&pagenum=1" title="bro ...


In addition, this feed has an issue that may cause problems for some users. We recommend fixing this issue.

Feeds should not be served with the "text/html" media type [help]

Thanks for your help once again...

[dolichocephale]

Today I tried the feedvalidator.org for my photoblog and it turned out with a few errors...
Can anybody help?
Thanks for your help once again...
Line 16, one ; is missing :
<div id="haut">&nbsp;
Line 21, replace & by & &amp; :
<a href="index.php?x=browse&amp;pagenum=1" title="bro ...
I forgot it in some files. I will change it in a future version.
Line 2 : :confused:

[melt]

Thanks for your help dolichocephale! ;)

[darr]

Ok ! Please tell me if you find a solution about IE problem, because i really don't know how to solve it (i'm a CSS newbie, that's the first time i use it) and i don't have IE at home, so it's hard to test it.Only solution i have is : download Firefox ! :)

I modified the "image_template.html" on my site with the following two additions.
I no longer have the superimposed type problem I did at first with IE.

---
line 21:
<div id="main">
<div id="haut">&nbsp;
</div>
<div id="bord">
<div id="menu">
<a href="index.php" title="home">home</a> &bull;
<a href="index.php?x=browse&amp;pagenum=1" title="archive">archive</a> &bull;
<a href="index.php?x=about" title="who ? what ? how ?">about</a> &bull;
<a href="index.php?x=links" title="links">links</a> &bull;
<a href="index.php?x=rss" title="really simple syndication">rss</a>
</div>
</div>

<div>
<a href="index.php?showimage=<IMAGE_PREVIOUS_ID>">
<img id="image" src="images/<IMAGE_NAME>" alt="<IMAGE_TITLE>" title="click for previous image" /></a>
</div><br />

---

Hope this helps!
Great Template!!:)

darr

[Vernon.Trent]

great template.
I have it on my blog and did quite a lot of customization.
it is exactly what i need.

merci beaucoup @dolichocephale :-)

[Astrid Kirchherr]

hi! really love your template. i'm just wondering why mine looks different. it does not have the "cursive borders." http://sherylgarcia.com/photoblog

thanks.

[dolichocephale]

i'm just wondering why mine looks different. it does not have the "cursive borders." http://sherylgarcia.com/photoblog
Try to upload again the folder 'images', because it seems background pictures cannot be displayed because of mistakes (that's what my firefox says !)

[Astrid Kirchherr]

sorry, i forgot that images have to be uploaded as binary. lol. thanks again!

[burlapjacket]

I modified the "image_template.html" on my site with the following two additions.
I no longer have the superimposed type problem I did at first with IE.

---
line 21:
<div id="main">
<div id="haut">&nbsp;
</div>
<div id="bord">
<div id="menu">
<a href="index.php" title="home">home</a> &bull;
<a href="index.php?x=browse&amp;pagenum=1" title="archive">archive</a> &bull;
<a href="index.php?x=about" title="who ? what ? how ?">about</a> &bull;
<a href="index.php?x=links" title="links">links</a> &bull;
<a href="index.php?x=rss" title="really simple syndication">rss</a>
</div>
</div>

<div>
<a href="index.php?showimage=<IMAGE_PREVIOUS_ID>">
<img id="image" src="images/<IMAGE_NAME>" alt="<IMAGE_TITLE>" title="click for previous image" /></a>
</div><br />

---

Hope this helps!
Great Template!!:)

darr


When I made these additions to my template it screwed up the white border and it appeared all broken, no longer framing the image. Hmmm. Would love to find another solution to the text appearing in the middle of the image in IE.

Also, for some reason I am not able to do HTML links in the image description. Do I need to download a addon for that ability?

Thank you

www.burlapjacket.com

[darr]

Try removing the last </div> added, and leave in the added <br> but without the "/".

Also, for some reason I am not able to do HTML links in the image description. Do I need to download a addon for that ability?
In image_template.html find "<IMAGE_NOTES_CLEAN>" around line 42 and change to <IMAGE_NOTES>.

[burlapjacket]

Try removing the last </div> added, and leave in the added <br> but without the "/".

Also, for some reason I am not able to do HTML links in the image description. Do I need to download a addon for that ability?
In image_template.html find "<IMAGE_NOTES_CLEAN>" around line 42 and change to <IMAGE_NOTES>.

Looks like it worked. Thank you!

[darr]

Looks like it worked. Thank you!

This template was designed to look its best when the photos are 500 pixels at the largest side. I noticed your current picture was more than that.

Glad the modification helped!

[rmhunt]

I love this template and in the final stages of implementing. I noticed when clicking on your comments link that a new page opens in the same browser window and not the regular pop up window. How did you do this? I prefer the way it works on your website. Thanks.

[dolichocephale]

Hi,
i tested my template with Pixelpost 1.5, it seems it's workin fine... please tell me if not !

[elis]

Hi,
i tested my template with Pixelpost 1.5, it seems it's workin fine...
I agree with you! Thank you for your template!

[B-art]

Great template! I love it!

[darr]

Hi,
i tested my template with Pixelpost 1.5, it seems it's workin fine... please tell me if not !

Updated to 1.5 and everything went well. Thank you again for a wonderful template package! :D

[kent]

I think the template is really clean and professional looking. I installed it a few weeks back. OVer the last few days, I have had problems that the grey surrounding is not showing up. My page appears as a white background.
I have tried reinstalling it and even reinstalling pixelpost as I am also having problems loggin in with Firefox, but i still see no grey area.
Ths strange thing is when I visit another site using this template, the grey appears. Tells me there is something wrong with my install?

Any ideas.?
Thanks

[ranko]

I installed it a few weeks back. OVer the last few days, I have had problems that the grey surrounding is not showing up. My page appears as a white background.

Do you mean that it used to work, and now it doesn't? If you've made any modifications to it, you might have inadvertently overwritten the fond.png file in the template's 'images' subfolder--the template loads this as the background, so check that. (Not sure why jeff (dolichocephale) did that instead of using #cccccc--haven't tested to see what happens if you modify this in the css file though.)

Anyway, hope that helps!

[kent]

i think you may be on to something. I tried to dload and view that file fond.png and my machine says it is unreadable. I will try to redload and see if this helps.

Further the change to #cccccc, would this be an advancement worth looking into?
Thanks again

[ranko]

Further the change to #cccccc, would this be an advancement worth looking into?

hmmm. i don't think so--seems to work fine as it is, there's probably a valid reason for doing it this way. was just curious about it. i have noticed though that IE displays this background slightly darker than firefox, for some reason.

[mhartman]

Great template... I've chosen to use it with my photoblog, as well. I'll probably rework the graphics a bit in Photoshop CS, but otherwise, besides some slight modifications, it works great for my purposes.

Thanks for sharing...

By the way: IE does want to render the background slightly lighter. An easy fix, for those of you that have Photoshop or an equivalent application, is to open both the the "bord.png" and "fond.png" files, select the eyedropper tool, click in the gray area in the bord.png file, select the paint bucket tool, and click on the fond.png file. This will fill the find.png graphic with the same hue of grey found in the bord.png file. Easy fix!

[Personne]

Hi,

Superbe ce template !!!

I'm new then don't shoot me if it's a stupid question ;)

Is it possible to add some information as exif informations... at the left of the window's pics by example ??

[Connie]

for EXIF information you have EXIF-Tags which you can integrate in your template

read the taglist in the /doc-folder, there all tags are listed

[Personne]

OK thanks I read and I be back if I have another stupid question ;)

[Connie]

it's not stupid! It's just a bit lazy ;=)

[kent]

Has anyone updated a the template that supports the larger size photos. I have tried to install pixel with the large template 5 times now and all i continue to get is a white screen with the photo in the middle. Something is wrong and I am following the instructions exactly(so I believe).
Thanks

[OttawaProject]

I'm using dolicho's template, and I modified it to support larger photos. You can check it out at www.ottawaproject.com

[OttawaProject]

Also, you can use large photo's with just about any template, but there are a few things you'll have to do first.

1 - Edit the background images to make them wider, and

2 - Edit the stylesheet (style.css) making the page wider. Note that you will have to edit several values in style.css. My trick for dolicho's template was to fnd anything that has a width of 500px, and change it to 700px.

I think I may have made a few more modifications than that, but that'll get you started, and it'll teach you all about css.

Hope it helps!

[groovyf]

Having a few problems with the archive page myself.
Made changes the style.css file (and altered the border images round pic) so I could have 800 pixel width images.

When I uncomment the line: <div id="catlist"><CATEGORY_LINKS_AS_LIST_PAGED></div> so I can have category lists, it shifts the info about no. of images, view, template author, etc to the right. I sure it's to do with those "div" tags but unsure which to remove/alter. [Edit: Managed to tweak layout of Monthly Archive, so text isn't altered now]

However, the main issue is that none of the category views, nor 'All' show any images. Only one that works in the Month category.

http://photoblog.groovyf.co.uk/index.php?x=browse&pagenum=1

Any ideas why this is happening? Running on PP1.5

Thanks

[romamor]

Great template, thank you for releasing it. I am still testing it on my local PC and I have a slight problem. When I view photos from a category, the thumbnails at the bottom of the page include thumbs from other categories (the next or previous category).

I am not sure if this is the intended behaviour, in any case, is there a way to restrict the thumbnails to include only images from the category I am currently browsing?

Say I have a category "France"; I only want to see thumbnails that belong to "France" (although they may belong to another category as well, e.g. "Travel").

[dolichocephale]

Great template, thank you for releasing it. I am still testing it on my local PC and I have a slight problem. When I view photos from a category, the thumbnails at the bottom of the page include thumbs from other categories (the next or previous category).

I am not sure if this is the intended behaviour, in any case, is there a way to restrict the thumbnails to include only images from the category I am currently browsing?

Say I have a category "France"; I only want to see thumbnails that belong to "France" (although they may belong to another category as well, e.g. "Travel").
It's normal... Pixelpost is a photoblog script, not a gallery script. If you want to see only the images from one category, you should install the Geos show category addon (http://www.pixelpost.org/v1/index.php?x=downloads&details=156) and make few modifications in image_template.html

Please take a look at think.shoot (http://www.think-shoot.de/pixelpost/index.php), he uses this addon with my template. You can access his image_template.html (http://www.think-shoot.de/pixelpost/templates/dolichocephale/image_template.html) and use it for your own site or ask him how to do. Sorry not to explain more, but i don't have many time (just got a baby, so... no more time for internet... :) )

[romamor]

It's normal... Pixelpost is a photoblog script, not a gallery script. If you want to see only the images from one category, you should install the Geos show category addon (http://www.pixelpost.org/v1/index.php?x=downloads&details=156) and make few modifications in image_template.html

Please take a look at think.shoot (http://www.think-shoot.de/pixelpost/index.php), he uses this addon with my template. You can access his image_template.html (http://www.think-shoot.de/pixelpost/templates/dolichocephale/image_template.html) and use it for your own site or ask him how to do. Sorry not to explain more, but i don't have many time (just got a baby, so... no more time for internet... :) )

Thanks for the tip and congratulations for your baby!

[tuku]

Newbie needs help!
Great template - I like it.
But I'm new in using pp - just started yesterday...
So I have 2 question concerning the comment-function.

1) how can I change the background color of the comments-popup?
2) is there a possibility to implement the comments-function on the main page, right below the photo (without using a popup)?

Newbie-questions, I know - but I hope that someone is so nice and can help me...
Thanks a lot.

[dolichocephale]

1) how can I change the background color of the comments-popup?
2) is there a possibility to implement the comments-function on the main page, right below the photo (without using a popup)?
1) just modify the pictures comhaut.png , combas.png , combord.png and comfond.png in /dolichocephale/images/ directory.
2) a little bit more difficult if you know nothing about HTML and CSS... sorry, not enough time to make it before months... try to see how other templates with comments on main page are done and combine comment_template.html and image_template.html ! Perhaps anyone on this forum can help you ?

[tuku]

1) just modify the pictures comhaut.png , combas.png , combord.png and comfond.png in /dolichocephale/images/ directory.
2) a little bit more difficult if you know nothing about HTML and CSS... sorry, not enough time to make it before months... try to see how other templates with comments on main page are done and combine comment_template.html and image_template.html ! Perhaps anyone on this forum can help you ?

thanks a lot - I'll try my best...
wonderful template!
greetings,
Kurt (from Austria)

[dolichocephale]

thanks a lot - I'll try my best...
wonderful template!
greetings,
Kurt (from Austria)
thanks ! if you still need it, remember me in september, i think i will have more time to make it :)

[DdV]

Thank you very much for this template. I was looking for something exactly like this, and changing it for my needs was a breeze. Great work! And congratulations with your baby. I just became a father myself, so I can relate to your lack of time :)

DdV

[dolichocephale]

Thank you very much for this template. I was looking for something exactly like this, and changing it for my needs was a breeze. Great work! And congratulations with your baby. I just became a father myself, so I can relate to your lack of time :)
Thanks and congratulations too... oh... i'm sooo tired... :)

[redhead]

heyho!

i too want to use this template, but i have problems with the archive: there isnt anything showing up?!

i "installed" the paged_archive.php from the pixelpost.org template site, cause the one you added doesnt seem to work!

would be nice if someone could help me!

to see what i mean, go here: http://blog.reddish.at

thankies!

[dolichocephale]

i too want to use this template, but i have problems with the archive: there isnt anything showing up?!
it seems you solved the problem by yourself. Great !

[redhead]

haha, yeah, it was just like a wonder ;)

great template, i love it!! i did some minor changes to make it fit to my reddish style :D

http://blog.reddish.at

[pingviin]

How did you fix that archive problem?

[Igor]

Hi all,

This is my first post on this forum.. Wow! What a great tool this is! I have downloaded and experimented with PP for some days now. I have been in lurking mode until now.

Many congrats to dOLicHoCePhaLe for his template, I really love this slick and clean interface and it's a breeze to get it up and running!

But I have subscribed because I have a question to this community (of coz).

It is my intention to use this photo blogging software for picture posts that can contain 10, 20 or more grouped pictures and I will use the 'categories' in PP to group them in a kind of 'albums'. So the restriction of 5 thumbnails per page is a limitation that I would like to try to extend.

I'm experimenting with the code of dynamicdrive's "Conveyor Belt slideshow script" (see below, at the bottom of this post for the links), but I'm an absolute total newbie about php, css, dhtml, javascript! BRRrrrrr!!

I have setup a dedicated PP-album for my posting here, so have a look about my trials here: http://dolichocephale.byethost4.com/

I have chosen for a rude approach and just copy-paste the conveyor belt code into the file of this theme that seemed appropriate. To explain what I did:

File: image_template.html

<div id="vignettes">
<IMAGE_THUMBNAIL_ROW>
</div>

Replace the line <IMAGE_THUMBNAIL_ROW> with the full code block, so the div id "vignettes" becomes like:

<div id="vignettes">
<script type="text/javascript">

/***********************************************
* Conveyor belt slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/


//Specify the slider's width (in pixels)
var sliderwidth="300px"
//Specify the slider's height
var sliderheight="70px"
//Specify the slider's slide speed (larger is faster 1-10)
var slidespeed=1
//configure background color:
slidebgcolor="#EAEAEA"

//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="http://"><img src="thumbnails/thumb_20061001125346_example1.jpg" border=1></a>'
leftrightslide[1]='<a href="http://"><img src="thumbnails/thumb_20061001125450_example2.jpg" border=1></a>'
leftrightslide[2]='<a href="http://"><img src="thumbnails/thumb_20061001125653_example4.jpg" border=1></a>'
leftrightslide[3]='<a href="http://"><img src="thumbnails/thumb_20061001125756_example4.jpg" border=1></a>'
leftrightslide[4]='<a href="http://"><img src="thumbnails/thumb_20061001125955_example5.jpg" border=1></a>'
leftrightslide[4]='<a href="http://"><img src="thumbnails/thumb_20061001130020_example6.jpg" border=1></a>'
leftrightslide[4]='<a href="http://"><img src="thumbnails/thumb_20061001130045_example7.jpg" border=1></a>'
leftrightslide[4]='<a href="http://"><img src="thumbnails/thumb_20061001130105_example8.jpg" border=1></a>'

//Specify gap between each image (use HTML):
var imagegap=" "

//Specify pixels gap between each slideshow rotation (use integer):
var slideshowgap=1


////NO NEED TO EDIT BELOW THIS LINE////////////

var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide

function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftr ightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+slideshowgap+"px"
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slideme nu2
ns_slide2=document.ns_slidemenu.document.ns_slidem enu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+slideshowgap
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}
window.onload=fillup

function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style. left)-copyspeed+"px"
else
cross_slide.style.left=parseInt(cross_slide2.style .left)+actualwidth+slideshowgap+"px"

if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.styl e.left)-copyspeed+"px"
else
cross_slide2.style.left=parseInt(cross_slide.style .left)+actualwidth+slideshowgap+"px"

}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+slideshow gap

if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+slideshow gap
}
}


if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+sliderwidth+';height:'+s liderheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidth+';height:'+s liderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>

<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="http://dynamicdrive.com">Dynamic Drive</a></font></p>
</div>
</div>
<div id="bas">&nbsp;</div>
</div>


This produces the result as can be found in the link (http://dolichocephale.byethost4.com/) above. Of course I have tried many variants in the code, but nothing helped me, so this leaves me with a coupe of questions:

Most important:
1) The scrolling of the thumbnails stops nicely when the mousecursor hovers on the thumb. But the thumbnails contain no link. I would like to be able to click the thump and produce the same effect as clicking one of the five static thumbnails of the original theme.
2) To achieve this result, I had to enter hardcoded, directory- and file names for the thumbs to be displayed. This should become dynamic from the random function, is that possible?

Nice to haves:
a) The scrolling gets interrupted at the end of the line. It would be nicest if the scrolling action continues smoothly in a continuous loop..
b) The thumbnailimages are displayed with small margins. It would be nicest is they would be displayed directly nxt to eachother.

I hope that some people in here can help me to get things 'on track' and I will continue to study and try (trial-and-error), to get to a working conveyor-belt in this theme.

If this is not the right place to post my request, then please let me know and feel free to move to another part of this forum?!

Keep up that good work!

ps:
dynamicdrive (http://www.dynamicdrive.com/)
and:
Conveyor Belt slideshow script (http://www.dynamicdrive.com/dynamicindex14/leftrightslide.htm)

[Vernon.Trent]

well,

it looks like issues belonging to dhtml source from dynamic drive (creator/developer of the script)

the thumbnail size is specified in pixelpost (admin/option/thumbnails/
the row is just a feature to have a preview of what is coming next.

to "collect" your pics as albums you can assign them to categories which can have names like you want to call your album and use geos showcategories addon to surf the specified categories.

the margin/border of the thumbnail is specified in the style.css of the dolicho template.

there is no link specified for your thumbnails, that's the reason it's not working when you click on it.... the script does not understand the pixelpost tags.

[Igor]

Dohh!!

Here it becomes pretty clear how newbie I Am.. Apparently, the href="http://" is the part that takes care to make the thumbs of the sliding conveyorbelt click-able. I have changed:

leftrightslide[0]='<a href="http://"><img src="thumbnails/thumb_20061001125346_example1.jpg" border=1></a>'
leftrightslide[1]='<a href="http://"><img src="thumbnails/thumb_20061001125450_example2.jpg" border=1></a>'
leftrightslide[2]='<a href="http://"><img src="thumbnails/thumb_20061001125653_example4.jpg" border=1></a>'
leftrightslide[3]='<a href="http://"><img src="thumbnails/thumb_20061001125756_example4.jpg" border=1></a>'
leftrightslide[4]='<a href="http://"><img src="thumbnails/thumb_20061001125955_example5.jpg" border=1></a>'
leftrightslide[4]='<a href="http://"><img src="thumbnails/thumb_20061001130020_example6.jpg" border=1></a>'
leftrightslide[4]='<a href="http://"><img src="thumbnails/thumb_20061001130045_example7.jpg" border=1></a>'
leftrightslide[4]='<a href="http://"><img src="thumbnails/thumb_20061001130105_example8.jpg" border=1></a>'

Into:

leftrightslide[0]='<a href="http://dolichocephale.byethost4.com/index.php?showimage=1"><img src="thumbnails/thumb_20061001125346_example1.jpg" border=1></a>'
leftrightslide[1]='<a href="http://dolichocephale.byethost4.com/index.php?showimage=2"><img src="thumbnails/thumb_20061001125450_example2.jpg" border=1></a>'
leftrightslide[2]='<a href="http://dolichocephale.byethost4.com/index.php?showimage=3"><img src="thumbnails/thumb_20061001125653_example4.jpg" border=1></a>'
leftrightslide[3]='<a href="http://dolichocephale.byethost4.com/index.php?showimage=4"><img src="thumbnails/thumb_20061001125756_example4.jpg" border=1></a>'
leftrightslide[4]='<a href="http://dolichocephale.byethost4.com/index.php?showimage=5"><img src="thumbnails/thumb_20061001125955_example5.jpg" border=1></a>'
leftrightslide[5]='<a href="http://dolichocephale.byethost4.com/index.php?showimage=6"><img src="thumbnails/thumb_20061001130020_example6.jpg" border=1></a>'
leftrightslide[6]='<a href="http://dolichocephale.byethost4.com/index.php?showimage=7"><img src="thumbnails/thumb_20061001130045_example7.jpg" border=1></a>'
leftrightslide[7]='<a href="http://dolichocephale.byethost4.com/index.php?showimage=8"><img src="thumbnails/thumb_20061001130105_example8.jpg" border=1></a>'


You can see the results again here: http://dolichocephale.byethost4.com/
(Click on a thumnail and the page will change now, to reflect the picture of it)

This takes care of the clicking action. Of course it still needs a solution to make it variable input, so I now need to find the tables where this information is stored and some scripting to feed the content in as many lines as there are pictures (and thumbnails) for a certain category.

To be continued.... (I hope)

[Igor]

I will just continue..

(Sorry for hijacking this thread)

The declaration of the links and images is a needless repetition.. It seems that javascript should be able to handle that by retrieving data form the database with a script like:

//Specify the slider's images
var leftrightslide = [$image_array_from_db];
var imagelinks = [$image_link_hrefs_from_db];
var finalslide=''
for(var i = 0;i < leftrightslide.length;i++){
'<a href="'+imagelinks+'"><img src="'+leftrightslide[i]+'" border=1></a>'
}(Found this at forum: http://www.webxpertz.net/forums/showthread.php?t=34685)

In the documentation of PixelPost (pixelpost-tags.txt), I find some php tags that seem related;
<IMAGE_NAME> || filename of the photo
<IMAGE_THUMBNAIL> || thumbnail of that image with link to the image
<IMAGE_THUMBNAIL_NO_LINK> || thumbnail of that image without link

I wonder if any of these tags can be used to feed the javascript.


Hmm, it's late now.. maybe next time....

[luckyfinger]

Great Template, but I am having problems with the archive.
No Thumbnails are showing.
I.ve followed all the instructions regarding size and amount of thumbs.
Any suggestions?

[dolichocephale]

I am having problems with the archive.
No Thumbnails are showing.
It happens usually when the photos don't have category. Can you give your website url ?

[luckyfinger]

That did the trick!
Merci encore, ce template est vraiment magnifique!
(excuse my French)

[mikekim]

Great template. But I'm having a little problem: markdown syntax or HTML are not working in image descriptions. :confused:

EDIT: problem solved, sorry.

[EpidemIK]

Great template. But I'm having a little problem: markdown syntax or HTML are not working in image descriptions. :confused:

EDIT: problem solved, sorry.

I have the same problem. How did you fix it?

[sid_freeman]

I'm using the dolichoephale template and think it's great. I have one question though; hopefully somebody will be able to answer it. I've modified the haut.png image to include my own custom header in the place of the title that's normally in Pixelpost by default.

Thing is I'd like part of the new header image (haut.png) to act as a link to the index.php (home) much like the title did by default. Can this be done? I modified the haut.png image because I wanted to avoid having to create a separate header.html file and linking it to the image_template (my knowledge of coding is fairly limited...so I wasn't clear on how that could be done).

If anyone has any insight or can explain how to create a custom header to include an image and link, it would be greatly appreciated.

Sid

[orangegoat]

DISREGARD -- PROBLEM SOLVED ITSELF

First off, big thanks to dolichocephale for making this great template. I'm trying to get it set up for my site, though, and I'm having a problem that seems really stupid. I want to increase the font size of the image notes, but when I change what I think needs changing in style.css, nothing is different. What I changed in style.css:
.soustitre {
width: 750px;
padding-top:1px;
padding-bottom: 10px;
font-size: 24px; <!-- I increased this -->
}

And here's the code from image_template.html

<div id="sousphoto">

<div class="fleche"><a href="index.php?showimage=<IMAGE_PREVIOUS_ID>">&laquo;</a>&nbsp;<a href="index.php?showimage=<IMAGE_NEXT_ID>">&raquo;</a>
</div>
<span class="titre"><IMAGE_TITLE></span>

<div class="soustitre"><IMAGE_NOTES_CLEAN><br />
<IMAGE_COMMENTS_NUMBER> <span class="italique"><COMMENT_POPUP></span>
</div>
</div>

There must be a really simple reason why this isn't working... any ideas?
(my site is partialsight.com, but this template isn't live yet since I can't get it just so).

Thanks in advance.

[MarcJansen]

I really like the design

But there there is something, i can't get to let it work
And that is the calendar. In most of the templates i can see it
But not in the "dolichocephale"
Is there anyone who has a working calendar and can tell
how he did it

Thanks

Marc

[dolichocephale]

Hi,

@ orangegoat : it seems you solved the problem ?

@ MarcJansen : sorry, i didn't implement calendar in my template... you have make it by yourself :) (sorry, not much time to do it now, perhaps i few weeks)

[MarcJansen]

ok

i will try to find it out by myself

marc

[bird_guhl]

New version...
- added photoshop and gimp files (for background pictures) in /images/ directory
- translations from french i forgot in first version
- changes in style.css to have correct display in Firefox 1.5 when hover over the thumbnails.

Download french version (http://dolichocephale.free.fr/bonus/dolichocephale_fr.zip) / english version (http://dolichocephale.free.fr/bonus/dolichocephale_en.zip)

Hey !

je tente en français ! vu que sur le site de PP c'est la langue utilisé pour décrire ce template...
premièrement un grand bravo et merci pour ce template !

j'ai un petit pb: sur ma page admin 3 lignes d'erreur apparaissent:

Warning: mysql_fetch_array(): supplied argument is not a valid MySQL result resource in /mnt/149/sda/a/8/tofologie/includes/functions.php on line 334

Warning: mysql_fetch_array(): supplied argument is not a valid MySQL result resource in /mnt/149/sda/a/8/tofologie/includes/functions.php on line 381

Warning: Cannot modify header information - headers already sent by (output started at /mnt/149/sda/a/8/tofologie/includes/functions.php:334) in /mnt/149/sda/a/8/tofologie/admin/index.php on line 150

de plus mon dossier addon apparait vide sous PP alors que devrait apparaitre l'ensemble des addon originaux plus certaisn que j'ai ajouté.

peut etre que ces 2 pbs sont liés ?

de plus, sur mon blog la page archives est entièrement vide ... et je comprends pas trop pourquoi.

si tu as des pistes ca serait vraiment très sympas.

MERCI :D

[GeoS]

Please use english language as it is the most common lang for all users at this forum.

[dolichocephale]

Please use english language as it is the most common lang for all users at this forum.
I answered him in french by private message :)

[MarcJansen]

i have embedded the calendar in my site

now i can moderate

thanx again for the template dolichocephale

http://goudgelerakker.dyndns.org/pictures

marc

[dolichocephale]

i have embedded the calendar in my site

Good job ! And your daughter (i guess she is ?) is very cute ! I have a boy of 10 months... that's why i don't have much time to improve my template :)
Bye,
Jeff

[MarcJansen]

Good job ! And your daughter (i guess she is ?) is very cute ! I have a boy of 10 months... that's why i don't have much time to improve my template :)
Bye,
Jeff

i can imagine

i have got a boy also, he is 11 months old now
my daughter is almost 6 years, every time a got time for it, i upload some pictures

bye

[tinospiros]

...in modifying the width of the template, my frontpage has developed a strange quirk at the bottom:

www.tinospiros.com

I'm not great with css/html etc, so i just kind of mess around until I figure out where I'm going. In this case, the area of white sticking out at the bottom has me stumped, along with the 'email me' being above the border rather than below.

Can anyone help me out?

[tinospiros]

No bother - rectified.

[andybrock]

Hi dolichocephale, awesome template you've made congrats :)

Ive modified it a fair bit, check my version out: http://www.andybrock.co.uk

One problem though, i cant use any sort of html in my comments box. :(

Any help would be great,

Andy

[Nucleon]

thanks for the template. I've applied some minor changes and I'm using it right now. You can see the result here: http://wiljen.eu

[ricochet]

Hi dolichocephale
I wouldl like to have 800 pixels large picture but i do not know how to modify the template :rolleyes:
Is it possible to have a version like this to download?
Thanks
Ricochet

[dolichocephale]

Hi ricochet
Sorry, i don't have any time to do a new version, but i explain at the beginning of this thread how to modify the template to fit larger pictures.
Regards,
dolichocephale

Hi dolichocephale
I wouldl like to have 800 pixels large picture but i do not know how to modify the template :rolleyes:
Is it possible to have a version like this to download?
Thanks
Ricochet

[YZdirtrider13]

does anyone know how to display less thumbnails than the defualt 6? changing it in the pixelpost admin settings doesnt seem to change anything

EDIT: nevermind... im just a noob :/

[Hans]

Changing the setting in Options - Thumbnails - Thumbnail row should change the number of thumbnails to show on the frontpage (i.e. image template).

Or go to Add Ons page. There you can change the number of thumbnails to show on the archive page, provided you have the 'Page-By-Page-Archive for category and month' add-on installed (but that is a default add on in 1.6.0)

[webstuffscan]

This is an excellent template. Thanks!
:-)

[jerome28]

i want change the grey in black . how?
go to my site to see:http://mesphotosdevoyages.fr/

[Raven]

The grey side color is an image so you have to change the color of the .png

http://mesphotosdevoyages.fr/templates/dolichocephale/images/bord.png

Grtz

[jerome28]

i change the grey color in .png in black color but nothing ,it's the same thing.

[Raven]

Because there are more pictures with the grey color. Check your image map at your ftp (/templates/dolichocephale/images/).

http://mesphotosdevoyages.fr/templates/dolichocephale/images/bas.png
http://mesphotosdevoyages.fr/templates/dolichocephale/images/bord.png
http://mesphotosdevoyages.fr/templates/dolichocephale/images/haut.png

Change the color and the problem will be solved=)

[jerome28]

ok cool RAVEN.
it's ok. thank you.

[Raven]

It's my pleasure=)

[jerome28]

your templates is great RAVEN

[Raven]

Hehe, thnx man=) Great to hear that. Oke now ON-topic=)

[blaaz]

Hi!

I tried to mix dolichocephale and delicious. I thought I succeeded, but there's one problem. The site looks different on Firefox and IE. I use Firefox, so I tweeked css file, but on IE it's a disaster. Do you have any clues?

my site: http://md79.dj.pl/

[blaaz]

Problem is almost solved. One 'margin' statement was missing. Now I just wonder, why those hover buttons (over image) are looking so ugly in IE.

[Ninon]

I installed the template fine, and followed the instruction on how to post pictures bigger than 500 pixels. Something must be wrong, because the graphics looks all wrong! This is my blog page:
www.moment-eternel.com

Please let me know how to fix this!!!

Thank you,
Ninon D.

[Ninon]

Anyone here right now that can help? Please?
Please see message #142 below
www.moment-eternel.com

[Ninon]

Anyone here right now that can help? Please?
Please see message #142 below
www.moment-eternel.com

Never mind.

[switters]

Please forgive my absolute "newbieness". I just started with pixelpost today, and I've installed this theme on my server. However, I don't think I installed it correctly because it's not looking right.

What am I doing wrong?

http://cdkarts.com/blog

[jumperclown]

Hi, don't know where to post it. As I use Dolichocephale template i post here.

I've strongly modified this template and wish actually not to have the thumbails in row but in column, or have less than 6 thumbnails in a row. How could I modify it?

Thanx.

PS : I am french then if you ve got the answer in french i take it as well.

[jacek]

I'm having difficulties uploading the template. I've followed the directions given in the Read Me, and still nothing.

[jacek]

This is the message i recieve when i try to open my site.

No template folder exists by the name of "dolichocephale_en" or the file image_template.html is missing in that folder.
Make sure that you have uploaded all necessary files with the exact same names as mentioned here.

Any help on this one?

[Dkozikowski]

Well the error message explains it all.

Is the folder named dolichocephale_en located within your templates/ folder?

[dolichocephale]

Hi,
i just answered jacek in private. It seems it's ok now :).

[Dkozikowski]

Great, maybe you or Jacek could post the resolution to help other forum members who experience the same issue.

[dolichocephale]

Resolution is read carefully the readme.txt :)

The 'dolichocephale' folder must be directly in 'templates' folder, like this :
pixelpostfolder/templates/dolichocephale/

Don't do this :
pixelpostfolder/templates/dolichocephale_en/dolichocephale/

[Dkozikowski]

Yes, that would be correct, sub-folders within template folders are ignored.

[IconBoy]

After having read through this whole thread, I need to ask a question no-one has asked:
How do you get the rough "torn" drop shadow edges on your main photo (http://www.dolichocephale.net/photoblog/)?
I would like to do that as well.
Thanks very much.

[jamirdesign]

After having read through this whole thread, I need to ask a question no-one has asked:
How do you get the rough "torn" drop shadow edges on your main photo (http://www.dolichocephale.net/photoblog/)?
I would like to do that as well.
Thanks very much.
You can achieved it by editing your photo in PS...

[dolichocephale]

You can achieved it by editing your photo in PS...
Yes, you can take one of my photo, and just keep the border to add to your photo... or make it by yourself, it's quite easy. But it's not included in the template, you must do it for each photo.

[IconBoy]

Thanks for letting me know. I thought that perhaps it was something separate from the photos. It would be nice to keep the photos and "border" separate so that if you change template, the photos would stay the same.

[dolichocephale]

I preferred not include this border in the template, because i think most people don't want it. I think it's not very nice with color photo for example.

But you can modify the HTML code to include the border as background of the photo :).

[IconBoy]

But you can modify the HTML code to include the border as background of the photo :).
Excuse my ignorance, but can you tell me how I do that with the HTML?
Many thank yous! :)

[dolichocephale]

Just open the files image_template.html and style.css in a text editor so you can modify the code. Sorry not to explain how to do it with all details, but it need a lot of time and i don't have it for the moment !

Perhaps someone on the forum already did it and could explain ?

[IconBoy]

Perhaps someone on the forum already did it and could explain ?
That would be extremely helpful if someone can help a newbie.