Thumbs Working but need more help

[mysoogal]

right now when i upload video it gets encoded with mencoder and ffmpeg gets jpg, so my hfs youtube theme is working but i have css problem im not sure how to style the thumbs and title i need to put them into order

title
thumb pic
info etc

this is my problem


how to make it look like this, this is mspaint skills copy past colour  please somebody help me fix this css issue





this is the part that shows pic

[file]
<tr><td class=row>%new% <a href="%item-url%">

<script language="javascript">
var c='%item-name%';
switch (  c.substr(  c.lastIndexOf('.')  ) .toLowerCase()  )
   {
case '.jpg' : case '.jpeg' : case '.gif' : case '.png' :case '.ico' :case '.bmp' : document.write('<a href="%item-url%" target="_blank"><img align=middle width="286" height="160" src="%item-name%"> </a> ');break;
   default      : document.write('<img align=middle src="/~img_file"> ');
   }
</script>

 %item-name%</a>%comment%<td class="row right">%item-size%<td class="row right">%item-modified%<td class="row right">%item-dl-count%
</tr>

[mysoogal]

i try to fix it my self 

[file]
 <a href="#" onClick="vlc_controls.play ('%item-full-url%')">%new% %item-name%</a>

<script language="javascript">
var c='%item-name%';
switch (  c.substr(  c.lastIndexOf('.')  ) .toLowerCase()  )
   {
case '.jpg' : case '.jpeg': document.write('<li><a href="%item-url%"><img src="%item-name%" alt="image" /><span class="favorite"></span></a></li> ');break;
   default      : document.write('<img align=middle src="/~img_file"> ');
   }
</script>

 %item-name%  %item-size%<td class="row right">
</ul>

 

only jpg support now since ffmpeg only grabframe jpg 

check my css skills

[mysoogal]

anybody can help me with this ? 

anybody good with css 

[mysoogal]

somebody got to help me out with this 

added thumb into new theme :O working but messed up

[slasherx]

i'll try messing with it, can you post the files you are using.

[mysoogalss]

i'll try messing with it, can you post the files you are using.

its this

[file]
 <a href="#" onClick="vlc_controls.play ('%item-full-url%')">%new% %item-name%</a>

<script language="javascript">
var c='%item-name%';
switch (  c.substr(  c.lastIndexOf('.')  ) .toLowerCase()  )
   {
case '.jpg' : case '.jpeg': document.write('<li><a href="%item-url%"><img src="%item-name%" alt="image" /><span class="favorite"></span></a></li> ');break;
   default      : document.write('<img align=middle src="/~img_file"> ');
   }
</script>

 %item-name%  %item-size%<td class="row right">
</ul>

in your tpl, find

[file]
etc etc

and replace with the above code, now put some jpg images into some folder you will see it loads it but, never can figure how to style it right into a gallery type grid view.

[mysoogal]

you can check here the wordpress theme i worked on 

http://www.rejetto.com/forum/index.php?topic=7161.15

it has the tpl code i used, remember that the wordpress vlc theme has no jpg support you have to just replace the [file] with the code i posted in the other thread 

[AvvA]

I don't forget about this topic
But unfortunately, my tries lead me nowhere...

I succefully success in showing the preview image linked to the video (video.avi.jpg), but I don't succeed in making, for example, a 5 pics row...
In fact, i'm working on the HFS french template which integrate improvements (you should test it ^^), and i'm blocked in a loop stuff where I can't use a value to loop...

Here are the 2 files, original one from the french HFS beta, and my modified file.
I made change to the following lines :
288 to 306 is the non functional loop (I tried a lot of combination, also try to use "if" instead of "switch", but the problem is still the same : the loop doesn't really run...
313 and 325 : "switch not" and end of this "switch"
330 and 334 : same thing
the 2 lasts mods are to prevent all that are not video files to use the video preview thing, and vice-versa, for the video files to not use the others files template things.

I recommend using an advanced text editor that will compare the 2 files and highlight the differences, in other words, my changes.

I didn't include the VLC thing on purpose, trying to resolve the principal problem first : putting files on a row. But that an easy thing as you already done it if I understood clearly

As I already says, I'm workin' on others stuffs, and have no time to go deep in this problem, I hope someone with a better understanding of HFS template will come to your help

[mysoogal]

thanks for your help, to be more clear about my issue, its only related to css, meaning making the the images look more like a thumbnail gallery with CSS  instead of the current look.

thanks for your tpl 

[AvvA]

I think you over-estimate CSS capability, but i'm probably under-estimating it :p

[mysoogal]

maybe i am, but again im still very new to css HTML  ,

i wanted to integrate this css gallery into the [file] section so it displys the jpg images like that below

http://www.webdesignerwall.com/demo/decorative-gallery/decorative-gallery-index.html?TB_iframe=true&height=550&width=840

it looks very cool, just wished i would've integrated it. 

[TSG]

It took me 3 years study to understand html and css the way I do, and I still make mistakes. Just take your time and learn how to do it. Plenty of tutorials out there. The trick is trial and error, eventually you will subconsciously know how each browsers box model works with css and what parameters will work where and in which browsers. IE is the hardest work with as it is not standards compliant, IE8 makes things a little easier.

Posting pictures here and expecting people to magically make it for you is a bit too much to ask.

[mysoogal]

alright 

[Dave^]

not sure if any of you guys know of, or have tried 'yamj'....

it's something i'm looking into to use with hfs and my ps3....