rejetto forum

Software => HFS ~ HTTP File Server => HTML & templates => Topic started by: mysoogal on July 04, 2009, 11:31:11 PM

Title: Thumbs Working but need more help
Post by: mysoogal on July 04, 2009, 11:31:11 PM
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 (http://i44.tinypic.com/3exhc.png)


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

(http://i43.tinypic.com/1t0zkz.png)



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>
Title: Re: Thumbs Working but need more help
Post by: mysoogal on July 05, 2009, 12:00:59 AM
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

(http://i39.tinypic.com/2m5zg5z.png)
Title: Re: Thumbs Working but need more help
Post by: mysoogal on July 05, 2009, 09:25:37 PM
anybody can help me with this ?  :'(

anybody good with css  :'(
Title: Re: Thumbs Working but need more help
Post by: mysoogal on July 06, 2009, 08:12:30 PM
somebody got to help me out with this  :-\

added thumb into new theme :O working but messed up
Title: Re: Thumbs Working but need more help
Post by: slasherx on July 07, 2009, 12:39:47 AM
i'll try messing with it, can you post the files you are using.
Title: Re: Thumbs Working but need more help
Post by: mysoogalss on July 07, 2009, 01:58:09 AM
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.
Title: Re: Thumbs Working but need more help
Post by: mysoogal on July 07, 2009, 02:00:18 AM
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
Title: Re: Thumbs Working but need more help
Post by: AvvA on July 13, 2009, 05:14:25 PM
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 ;)
Title: Re: Thumbs Working but need more help
Post by: mysoogal on July 13, 2009, 11:44:28 PM
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
Title: Re: Thumbs Working but need more help
Post by: AvvA on July 15, 2009, 03:45:18 PM
I think you over-estimate CSS capability, but i'm probably under-estimating it :p
Title: Re: Thumbs Working but need more help
Post by: mysoogal on July 15, 2009, 05:37:16 PM
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

Title: Re: Thumbs Working but need more help
Post by: TSG on July 21, 2009, 07:25:41 AM
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.
Title: Re: Thumbs Working but need more help
Post by: mysoogal on July 21, 2009, 06:52:03 PM
alright  ;)
Title: Re: Thumbs Working but need more help
Post by: Dave^ on August 27, 2009, 04:04:16 PM
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....