• Some users have recently had their accounts hijacked. It seems that the now defunct EVGA forums might have compromised your password there and seems many are using the same PW here. We would suggest you UPDATE YOUR PASSWORD and TURN ON 2FA for your account here to further secure it. None of the compromised accounts had 2FA turned on.
    Once you have enabled 2FA, your account will be updated soon to show a badge, letting other members know that you use 2FA to protect your account. This should be beneficial for everyone that uses FSFT.

HFM.NET web page modifications

B

Brak710

[H]ard|Gawd
2FA
Joined
Oct 27, 2008
Messages
1,424
Does anyone have any experience with this? I've been able to change things like the CSS and basic HTML in the XSL file, but when I go to add something like an image or more links HFM.NET stops uploading newly generated pages to my webserver.

If I revert the changes, it works fine.

Anyone know what I'm doing wrong? I'm working on a Horde themed gui, and I can't add the forum signature to the bottom of the page like I wanted to.
 
I know Tobit has done this. I'm sure he'll be able to help you out. I'd actually be interested in this as well.
 
I was actually trying this last night as well, Same results, I could get extra text to display but any sort of image just foul'd up the works.
 
It has to be some sort of verification thing, because I believe I can duplicate the footer with the HFM.NET render information, and it works...

I did add an auto-refresh <head> line, and that works fine...
 
You need to make sure all tags are valid XML. That means tags have to be closed, and for a single tag like IMG, it needs to end with /> not just >

edit: Also, if you're adding a folding badge or some image with & in the URL, you'll need to escape that as &amp;
 
brak & veeb0rg: On mine, I had to wrap the <img> tag with <div> tags or I experienced the same problem.

Code: 
<div align="center">
<img src="http://www.hardfolding.com/fhtag.php/mem/620170/10/4.png" alt="HF Sig" />
</div>

and like Sazan stated, don't forget the trailing / in your <img> tag.
 
Alright, I got it working, thanks guys.

Once I'm done I'll probably post it so people can use it or play with it.
 
So are you going to open source the changes you made so ours can look as awesome? ;)
 
Yea it would be badass if someone could make like an [H] template ;)
 
Tobit, we're nearly making an identical page, haha.

I will be posting mine later tonight. I hope to add some spiffy JavaScript menus for links to things for folding and [H]ard stuff.

If anyone wants to see my slow work in progress: http://house.zsnnet.org/folding/
 
Last edited:
Well, I did some work tonight: http://house.zsnnet.org/folding/

I have plenty of work ahead as I'm still not happy, but I hope this is somewhat near what people would want in a Horde themed GUI, but I'm open to suggestions and criticism. I think I'm going to rebuild the mobile skin as an iphone/ipad type page so it works well on all mobile browsers, but I can't test on anything but iPads and iPhones myself, hopefully it won't break on androids or something,

I'm not so sure if I can redistribute it just yet tho since it has the Hard|OCP logo on it and other graphics, and I'm sure I'd need Kyle's permission to start stamping that on a public HFM.NET theme.
 
Last edited:
Brak710 said:
Well, I did some work tonight: http://house.zsnnet.org/folding/summary.html

I have plenty of work ahead as I'm still not happy, but I hope this is somewhat near what people would want in a Horde themed GUI, but I'm open to suggestions and criticism. I think I'm going to rebuild the mobile skin as an iphone/ipad type page so it works well on all mobile browsers, but I can't test on anything but iPads and iPhones myself, hopefully it won't break on androids or something,

I'm not so sure if I can redistribute it just yet tho since it has the Hard|OCP logo on it and other graphics, and I'm sure I'd need Kyle's permission to start stamping that on a public HFM.NET theme.
Click to expand...

This looks great, but I think it should have a "hardfolding" logo instead of hardocp. maybe make the logo clickable to the hardfolding site..
 
@Brak - Looks really good.

@Chilly - Only thing I mind is that you don't fold for us. :p It's all good though. :D
 
Any have a good looking HardFolding logo?

Or anyone gifted at photoshop enough to make that Hard|OCP logo say Hard|Folding?
 
Brak710 said:
Any have a good looking HardFolding logo?

Or anyone gifted at photoshop enough to make that Hard|OCP logo say Hard|Folding?
Click to expand...
You, or someone, need to work magic on the fire and brimstone one that is currently on hardfolding.com and use that.
 
Tobit said:
You, or someone, need to work magic on the fire and brimstone one that is currently on hardfolding.com and use that.
Click to expand...

Almost all the Hardfolding.com graphics are kinda low quality. :(

I'll see what I can do tho, but I hope we have a real graphics artist somewhere on the team who is willing.
 
You might post a request over in the Digital Artwerk forum. There are some really good artists over there.
 
No work on the logo yet, but I made two mock-ups of changes to the header merging into the table and buttons/tabs instead of links, anyone have any comments on where I should go from here or change?

Checkerboard continues into table headers:

headerchecker.png


Checkerboard stops at the header:

headernochecker.png
 
Some people call me the FAH Cowboy
Some call me the gangstah of love


.. oh, I think I prefer the first image.
 
Definitely like the second one better.

The checkerboard makes the text on the headers hard to read.....at least for me.
 
I'll try and make the logo for you guys, you'd think no folders for this team, the #1 folding team here on this site has dabbed a little in little phtotoshopn' :p
 
Last edited:
Chilly said:
I'll try and make the logo for you guys, you'd think no folders for this team, the #1 folding team here on this site has dabbed a little in little phtotoshopn' :p
Click to expand...


nope, because photoshop steals cpu cycles and gpu cycles.. lol :D
 
hardfoldingmed.png

hardfoldinglarge.png


Well heres my stab at it, feel free to do whatever you guys want with it. I tried to emulate the front page logo style as much as possible. I can make larger versions, maybe even an svg of it available if people like.

[edit] Two more, different wording.

hardocpfoldingmed.png

hardocpfoldinglarge.png
 
Last edited:
awesome work man.. way better then anything i could of done.. the last time i used photoshop was my junior year of high school which was a long arse time ago.. :p
 
Excellent work on the logo. I hope today I get some time to finish the first version of the web skin.

I think I'm going to somehow build the overview page into the summary page as a drop down box, anyone have anything against that?
 
Chilly said:
I just had some fun making my own, its heavily based off Tobits design. Hope you don't mind Tobit!

http://www.ndesk2.net/chilly/
Click to expand...
there's a typo in your team name.....not sure what went wrong there :rolleyes: :)

thanks for the help with the logos though. they look good.

As soon as somebody feels like throwing their template in my direction, I will update my bone-stock page.
 
Haven't worked on the graphics or layout, started working on some creative things for the backend and how to deal with only being able to have HFM.NET update only 2 pages at a time especially since it outputs a new index.html constantly. I wanted a static one, here's my work around:

http://house.zsnnet.org/folding/

Choppy and a hackjob, but I hope you guys like where it's going with what it does silently now (and more efficiently :p).
 
Working on some more functions of the page, but for the life of me I can't figure out how to pass a XSL variable to a Javascript function's parameters. Basically I'm making an ajax box that pops up the client overview page instead of a new window, here's the code:

This does not work:
(The parameters or whatever you call them are WINDOWNAME, TYPE, URL, CLIENT NAME, and SIZE)

Code: 
 <a href="#" onClick="ajaxwin=dhtmlwindow.open('ajaxbox', 'iframe', '<xsl:value-of select="Name"/>.html', '<xsl:value-of select="Name"/>', 'width=650px,height=400px,center=1,resize=0,scrolling=1'); return false"><xsl:value-of select="Name"/></a>

Wrapping the plain HTML text in <xsl:text></xsl:text> causes an error, too.

Anyone know wtf I'm doing wrong?

The progress so far again: http://house.zsnnet.org/folding/

-----------------------------------

EDIT: Never the fuck mind. Figured it out. Most frustrating time ever. I wish I actually knew how to do proper code instead of all hack jobs, lol

For anyone who wants to know, the solution was basically:

Code: 
 <a><xsl:attribute name="onclick">javascript: ajaxwin=dhtmlwindow.open('ajaxbox', 'iframe', '<xsl:value-of select="Name"/>.html', '<xsl:value-of select="Name"/>', 'width=650px,height=400px,center=1,resize=0,scrolling=1') </xsl:attribute><xsl:value-of select="Name"/></a>
 
Last edited:
Okay, made some progress. Does not properly work in IE yet, but I'm working on a fix that doesn't require PHP on the side of the webserver. I'm not saying it will always be Firefox designed/tested only, but for now it is.

Here is mine as the live demo : http://house.zsnnet.org/folding

Here is the .zip of the current progress: http://house.zsnnet.org/hosted/HardHFMv1.zip

You'll need to make some personalization changes which are located in the /HFM.NET/XSL/WebOverview.xsl file (Find "TAGLINE" and "TITLE" comments) and change the signature in /HFM.NET/XSL/WebSummary.xsl (Find "HARDSIG" comment.)
To install at, drop the HFM.NET folder into the HFM.NET Program Files location, make any overwrites. Set the CSS to Red.css in HFM.NET's preferences. Then drop the /folding/ into your webserver as it will be the root directory for the webpages. If you want your own directory, you'll need to make some modifications I believe. Then make sure HFM.NET has it's web-upload directory to that /folding/ DIR on your webserver.

Like I've said before, it's still a major work in progress and I don't know if people will like the scripting I've used to make it more interesting, but maybe someone will want to play with it themselves.

Report any bugs if you can, etc, etc. The big ones I know about are the table not being the right size and the page not auto-refreshing (due to browser cache) in IE.
 
Last edited:
I just remembered I left a statistics code in the source, it's called Piwik and its in WebOverview.xsl

Remove that if you don't want it calling home, I used it to see the average browser settings. I'll removed it when I get home but I'm trapped at school right now.
 
You must log in or register to reply here.
Back
Top