rejetto forum

Thumbs Working but need more help

mysoogal · 14 · 12695

0 Members and 1 Guest are viewing this topic.

Offline mysoogal

  • Tireless poster
  • ****
    • Posts: 127
    • View Profile
right now when i upload video it gets encoded with mencoder and ffmpeg gets jpg, so my hfs youtube theme is working :D 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  ;D please somebody help me fix this css issue





this is the part that shows pic

Quote

[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>


Offline mysoogal

  • Tireless poster
  • ****
    • Posts: 127
    • View Profile
i try to fix it my self  ;D

Quote
[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  :D

check my css skills



Offline mysoogal

  • Tireless poster
  • ****
    • Posts: 127
    • View Profile
anybody can help me with this ?  :'(

anybody good with css  :'(


Offline mysoogal

  • Tireless poster
  • ****
    • Posts: 127
    • View Profile
somebody got to help me out with this  :-\

added thumb into new theme :O working but messed up


Offline slasherx

  • Occasional poster
  • *
    • Posts: 98
    • View Profile
i'll try messing with it, can you post the files you are using.


mysoogalss

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


its this

Quote
[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.


Offline mysoogal

  • Tireless poster
  • ****
    • Posts: 127
    • View Profile
you can check here the wordpress theme i worked on  ;D

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  ;D


Offline AvvA

  • Tireless poster
  • ****
    • Posts: 135
    • View Profile
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 ;)
« Last Edit: July 13, 2009, 05:17:45 PM by AvvA »


Offline mysoogal

  • Tireless poster
  • ****
    • Posts: 127
    • View Profile
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  ;D instead of the current look.

thanks for your tpl  :D


Offline AvvA

  • Tireless poster
  • ****
    • Posts: 135
    • View Profile
I think you over-estimate CSS capability, but i'm probably under-estimating it :p


Offline mysoogal

  • Tireless poster
  • ****
    • Posts: 127
    • View Profile
maybe i am, but again im still very new to css HTML  :D,

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.  :-X



Offline TSG

  • Operator
  • Tireless poster
  • *****
    • Posts: 1935
    • View Profile
    • RAWR-Designs
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.



Offline Dave^

  • Occasional poster
  • *
    • Posts: 6
    • View Profile
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....