New web interface experiment

Discussion in 'DD-WRT Firmware' started by RMerlin, Apr 25, 2005.

  1. RMerlin

    RMerlin Network Guru Member

    (I'm moving this to a new thread since we're no longer on the SonicOS featureset)

    I started doing some HTML experiments last night through the smb share. I think I might be able to pull off a better web interface. No promises here (I'm not an HTML expert, I've only done three or four small sites myself) , I'll let you know how it goes.

    My primary goals would be 1) replace the old, tired, bulky Linksys look for a new one, and 2) Better organize the options that keep being tossed into the overcrowded Administration page.

  2. BrainSlayer

    BrainSlayer Network Guru Member

  3. RMerlin

    RMerlin Network Guru Member

    I know - I posted that URL on the SonicOS thread (I also asked there if that design was still being worked on). But I'm not really fond of the color choice. I want to try doing something looking a bit more like that SonicOS demo (smaller text, alternate color rows for the lists, etc...)

    Plus it will ensure my HTML skills won't become too rusty :)
  4. Lazybones

    Lazybones Network Guru Member

    You might want to look at CSS, you can do a great deal with a page just by changing its style sheet.

    You can do much more interesting things than with plain HTML and tables.

    Very cool CSS demo page
  5. RMerlin

    RMerlin Network Guru Member

    I already know the basics of CSS as you can see on my personal website, however HTML design being just an occasional hobby (I did a few iterations of my personal website, as well as our website at work), I don't have that much time to burn on learning complex stuff just for the sake of it. My fulltime job as a computer tech / sysadmin is already taking most of my free time just keeping up to date with this stuff.

    I always say that simpler is better - make the design too complex, and either it will break on half of the browsers, or you will waste 2 hours just trying to achieve some very small details that nobody will even notice anyway. Just because CSS is powerfull doesn't mean you absolutely have to use it when all you want is a sidebar and a list of items in the main area.

    I'll get a basic layout done sometime this week (already spent a few hours last night rewriting the CSS and HTML from Brainslayer's demo interface), will post a screenshot for comments when the visual look is done. So far as I said, I'm headed for a look looking closer to the SonicOS look (at least colour-wise). Should even be easy to re-adjust the color scheme afterward by altering the CSS.
  6. Lazybones

    Lazybones Network Guru Member

    My point was that you didn't need to rewrite most of Brainslayer's interface since he already went through the trouble of naming and classing most things.. All you would need to do is write a nicer style to position and color the page. Your homepage does not use CSS positioning at all. Instead what you have is a basic html table page with CSS used to style the fonts and mouse overs.

    Take a close look at The content does not change but the layout does. This is very powerful for example you could have a style that is very compact for viewing on a PDA and a very simple look for a printed version without hard coding your self into tables.

    Anyway if you want to make it look the the sonic OS go right ahead.. Anything is an improvement over the tab crap that no one has really taken the time to correct and regroup yet.
  7. RMerlin

    RMerlin Network Guru Member

    Might as well take the occasion to see if I can rely on CSS for the layout... So far it's a pain in the butt - everything takes twice much time to do.

    I only managed to get the main area laid down the way I wanted it - sidebar and the header haven't really be done yet.

    This is what I've got so far:

    Still needed some changes to the HTML code so I could properly layout more than one block in the main area.

    At least it's getting somewhere :)
  8. jagboy

    jagboy Network Guru Member

    looks nice i like the color combo...
  9. oopsibrokeit

    oopsibrokeit Network Guru Member

    it's looking good... clean and uncluttered.

    now all you need is a funky logo of your own to apply!
  10. m00n

    m00n Network Guru Member

    Where can i find a tutorial orso where i can make my own interface for a linksys firmware?

    Because i don't know witch comments there are ect..

    I've got some designing and html experiance, but if i don't know the tags/comments i can't do sh*t :)

    Do i need the source of a firmware to do so?
  11. RMerlin

    RMerlin Network Guru Member

    There's no documentation on these. You'll have to rely on the existing pages, and the firmware source code if you want more information.
  12. RMerlin

    RMerlin Network Guru Member

    All right, this is pretty close to the final result as far as visuals are (yes, we do need a logo to put in that corner, someone feels like making one for DD-WRT? :)

    Brainslayer, any thoughts? If the visuals are to your liking you could use them on your webpages.
  13. BrainSlayer

    BrainSlayer Network Guru Member

    i think we should generally finish the web pages (bringing up to date)
    then we can always try to change the css stylesheets. but this is not the hardest part of the whole work
  14. akumulator

    akumulator Network Guru Member


    Sory, I dont have WRT54g yet... I am just planing it...

    This is the way how latest DD-WRT firmware look like?

    If yes, where can I set up QoS and other features?

    Can I see somwhere screenshots from latest DD-WRT?
  15. oopsibrokeit

    oopsibrokeit Network Guru Member

    I'm working on 2 logo's - a merlin one for you personally rmerlin and a DD-wrt one, unfortunately neither of them are going to be finished before work
    force me to take a trip to the edge of nowhere for the next 3 weeks!!

    It'll be done for the next revision :)
  16. MilesTEG

    MilesTEG Network Guru Member

    Hello, could youo post more screenshot please ?
    I'm interrest in this firmware, but I have no idea of functions it give... (in compraison with the HyperWRT...)

  17. RMerlin

    RMerlin Network Guru Member

    Ok, I'll wait for the other pages to be done before applying my visuals on them. I assume you have someone already working on this?
  18. RMerlin

    RMerlin Network Guru Member

    Thanks, but I don't personally need a logo :) This is DD-WRT, not my own firmware.
  19. RMerlin

    RMerlin Network Guru Member

    The other pages don't exist yet, I was only working on the visuals on a sample page I took from Brainslayer's site.

    This is DD-WRT 22 Pre 4, the featureset can be seen on Brainslayer's website, at
  20. MilesTEG

    MilesTEG Network Guru Member

    Ok, but the list don't tell me anything... (or I don't understand ^^)
    Screenshot are better for me to know if the firmware has the functions I except ! (do I tell thet like that ??)

    Anyelse, Is anyone has screenshots of the DD-WRT firwmare ???

  21. RMerlin

    RMerlin Network Guru Member

    Re: Screenshots

    DD-WRT still uses the same boring interface from Linksys. The pages on that site are work-in-progress for a future version.
  22. MilesTEG

    MilesTEG Network Guru Member

    OK, but with DD-WRT, will I have the power boosting for wifi ??
  23. XCOM7

    XCOM7 Network Guru Member

  24. MilesTEG

    MilesTEG Network Guru Member

    So DD-WRT firmware is more powerful than de HyperWRT ??

    If it is, how can I put this DD-WRT fw in my WRT54GS 1.1 ??
    Do I go back to official fw, or can i flash directly with the DD-WRT ?
  25. XCOM7

    XCOM7 Network Guru Member

    To my personal opinion DD-WRT is way more powerfull.
    Reset to factory defaults and than Hard Reset---> flash to DD-WRT 3.3 and than Flash to DD-WRTv4. You are dun.
  26. MilesTEG

    MilesTEG Network Guru Member

    Hum, I'm sorry but my english is not enought good to understand clearly what you said...

    I'll try to re-say, correct me if I don't understand corectly ;) :
    In your opinon, DD-WRT is the more powerfull...

    I understand the way o follow to install the firm, but why do I have to flash with the previous version 3.3 ?

    And, at last, what does meen "You are dun" ?

    Thanks, and apologize me for my misunderstanding/not understand ;)
  27. XCOM7

    XCOM7 Network Guru Member

  28. MilesTEG

    MilesTEG Network Guru Member

  29. oopsibrokeit

    oopsibrokeit Network Guru Member

    FAO Rmerlin

    my thinking is, if you continue to do work on the interfaces, it's entirely possible to run your own distribution of a UI, to front up other peoples firmware. For this you will need your own logo.

    There are some cracking firmwares out there, not just linksys ones, which are ruined by a badly thought out (ie. not thought out at all) UI.

    It's not taking me long as I did a graphic for a company called merlin entertainment as a tender for doing their graphic design work - they didn't take me up on the offer of that graphic, so I have it going spare, it just a little adaptation!
  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