Tomato alternate webgui ?

Discussion in 'Tomato Firmware' started by DeCex, May 3, 2008.

  1. DeCex

    DeCex LI Guru Member

    Is that somehow possible to change the top of the Tomato webgui by scripting ? Any webdesign/guru out thare wanna help make this possible? or is this hard coded in the firmware itself ? Im attaching 2 images of how i like it to be. Thanks

    Attached Files:

  2. nvtweak

    nvtweak LI Guru Member

    this should get you started

    good idea. i think I will make one for Buffalo now.

    Attached Files:

  3. nvtweak

    nvtweak LI Guru Member

    here's one for Buffalo

    I think my colors still need some work, but you get the basic idea

    Attached Files:

  4. DeCex

    DeCex LI Guru Member

    Oh total coolness, so it can be done. You know whare i can get a win css creator/desginer to use?, since my knowledge of css desginer is zero. :/
  5. jsmiddleton4

    jsmiddleton4 Network Guru Member

    I'm trying to configure the router for these custom .css but sorry I'm getting lost on the how to step. I have JIFS enabled but how to I xfer the css/jpg to the router? Or how exactly to I tell the router where to look? I need step by step. Sorry but I'm missing a piece on this...

    I'd like to load the css/jpg to the router in the jiffs area.
  6. DeCex

    DeCex LI Guru Member

  7. jsmiddleton4

    jsmiddleton4 Network Guru Member

    Thanks but it doesn't tell me each step. Sorry but I've not used linux commands, telenet shell, etc. I'd like to transfer the files needed, css files and jpg, to the router to the directory on the JIFFS mounted folder and then I don't need to leave the computer on all the time to load the css scripts.

    I've enabled JIFFS and formatted it. Teleneted to the router and mkdir /var/wwwext. But I need to get the files into the router and the script to load them internally.

    All the directions I've found assume you know how to do all of that. I don't.
  8. DeCex

    DeCex LI Guru Member

    Good question, i dunno either, maybe someone else will point us out howto.
  9. DeCex

    DeCex LI Guru Member

  10. DeCex

    DeCex LI Guru Member

    Someone please CSS

    oh so cool, now missing is someone nice that know howto CSS position those version number and routerstats upon image. Im attaching a zip file empty and an example how ill like it to be. Thanks

    Attached Files:

  11. Larix

    Larix LI Guru Member

    Nice idea, but I think it should have a tomato not the linksys logo. ;)
  12. DeCex

    DeCex LI Guru Member

    Oh well, is a linksys device with Tomato firmware, thats my way to look at it. The "about" page in the webgui explained itself anyhow.
  13. jsmiddleton4

    jsmiddleton4 Network Guru Member

    Thanks dec but that doesn't get to the simple step 1 kind of thing that I obviously need. These instructions assume you have gotten to the place where you understand the basic stuff you need to make all the cifs stuff work. To do it with JIFFS I need step 1 do this, step 2 do that, step 3 enables this, here's how you copy the file to the router's folder, etc. There has to be a way to copy the files to the jiffs folder. I've tried telnet, putty, etc., but can't figure it out.
  14. mstombs

    mstombs Network Guru Member

    Use winscp to copy files to /jffs this uses ssh and scp, make sure files are in Unix line-ending format, use notepad2 or notepad++ for text/shell script files.
  15. nvtweak

    nvtweak LI Guru Member

    to copy the image to /jffs

    1. enable jffs on the router
    2. use WinSCP to login to the router and copy the image to /jffs/wwwext
    3. in init script, create symbolic link to the image and custom.css
    mkdir /var/wwwext
    ln -sf /jffs/wwwext/buffalo-powered-by-tomato.jpg /var/wwwext/buffalo-powered-by-tomato.jpg

    Instead of copying custom.css to jffs, you can just use the method in the FAQ for creating startup script.


    If you look at my buffalo example, I got the version to display in the header. But I don't know if we can get all that other info to display. I think this will take some editing of web pages themselves, but I'm not sure.

    I don't have real css editor either, I just used Notepad++
  16. jsmiddleton4

    jsmiddleton4 Network Guru Member


    Thanks. Trying it now. Do I need the "In" as you typed it for the second line?

    Sorry but if I make the directory in jffs do I need to have the line mkdir in the script? Isn't it already made if I'm copying the graphics file to it?

    Just cut and pasted the script. Works! Thanks. I have one Buffalo router, one Linksys. This way I can copy the custom files to each router and then have each use the custom interface. While I made it work with WinSCP I'm pretty sure I was doing it the hardway, copy and paste the file. Gotta be an easier way to just send the file to the router.

    Wanted to thank you nv. There is a lot of assuming about skill set in many of the custom.css instructions. Not all of us have those skills and while we'd like to play with the gui stuff, the "how to" piece is a bit confusing. Would be very helpful to have a simple step by step starting from the very beginning like how to setup a jffs directory, copy files to it, how to setup cifs1, etc.
  17. nvtweak

    nvtweak LI Guru Member

    The command is ln as in Link, not "In" as in Ink.

    The mkdir command is straight from the Tomato FAQ. It creates a necessary directory in /var

    Basically the only thing not mentioned in the FAQ is how to save image across router reboot. But I think I already explained how. Store the image in /jffs and create a shortcut to it in /var/wwwext using the ln command.
  18. fun.k

    fun.k Addicted to LI Member

    gotta luv these forums, every question i have about tomato is covered either in the tomato faq or in a thread scattered around :)

    --snip misunderstood part--

    yup u still need the mkdir command (your css/graphics files reside on jffs (flash ram) and you are creating symbolic links (think of shortcuts in windows))

    i'm an outsider myself and sometimes i can get stuck to something pretty basic so yeah a step-by-step how-to is always nice, on the other hand these forums are very informative/detailed the faq has a zillion of threads split into a "how do i..." format for newbies

    Attached Files:

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice