Beef en Steak

HM Layout en HTML

Jappert
 
 
 
 

Jappert

Gemarineerd
Berichten
1.035
Ik had bij een ander draadje gekaapt, vandaar dat ik een nieuwe discussie start.

Ik ben vandaag lekker aan het klooien geweest met het pimpen van de achtergrond in mijn heatermeter. Na wat google werk uitgevonden dat WINSCP een prima pakketje is om dingetjes in HM aan te passen. Het is me gelukt om de achtergrond zwart te maken (yay!), behalve de onderste balk die is nog steeds wit en ik krijg die niet terug gevonden in de HTML code. Ook heb ik het top plaatje weten te vervangen... so far so good.

Echter zit ik nog met wat details die voor mij veel tijd kosten, dus wellicht is er hier iemand met veel verstand HTML?

Groeten,

Jasper
 
Jasper, een advies: maak middels slepen naar een andere directory op je harde schijf even een kopie van de index.htm en bewerk deze daar met het programma Notepad ++  (is freeware).
Rename de originele index.htm b.v. in indexold.htm.
Na bewerken van de index.htm in Notepadd ++ en het opslaan deze weer terugzetten in de directory waar de oorspronkelijke index.htm stond.
Dat terugzetten gaat weer door het slepen in WINSCP.
Je zult zien dat hij dan zichtbaar wordt als index.html, dat gewoon even hernoemen naar index.htm.
Ik kreeg ook de tip van Nosmo om op zijn tijd de cache van de browser leeg te maken zodat je ook effectief kunt zien of en wat er is gewijzigd.
De tips heb ik als waardevol beleefd.
Verder lees ik met belangstelling mee in dit draadje. :)
 
Heb je chrome?

Op het element met de rechtermuisknop klikken vervolgens "Element inspecteren", daar kijken welke css actief is op dit element, het regel nummer onthouden. Op die regel in de css even een background: #000; toevoegen (of beter even kijken welke zwart elders actief is).

Ipv de cache leeggooien... Even de devtools opstarten (f12) op het tandwieltje aan klikken, daar zeggen dat hij niks moet cachen.
 
Een backupje van de index maken had ik al gedaan  :D We kunnen dus altijd nog terug.

Ik had de dev tools ook al gevonden echter die witte balk wordt niet als wit gezien, het denkt dat het gewoon zwart is.....  :-/
 
Ik heb even mijn beheerder powers misbruikt en even je hm-site opgezocht.

Zoek de volgende regel op:
Code: 
body { font: normal 13px Arial, sans-serif; background: #f3f1e9; text-align: center; margin: 0; padding: 0; }

(staat in je head style)

en verander deze in:
Code: 
body { font: normal 13px Arial, sans-serif; background: #000; text-align: center; margin: 0; padding: 0; }

Dat doet de gehele achtergrond van je body naar zwart zetten, ook je nav-element....
 
regel 771 ;)
 
Ik had al zo'n gevoel dat dit een handig draadje zou worden.....  ;) Thanks Emiel!

By the way je kan gewoon via www.barrelhousebbq.nl op mijn controller als je wilt.

Het enige dat ik nog voor nu zou willen is de klok in 24 uurs notatie en de fan speed balk direct onder de foto  :blush:
 
Even dit fragment opzoeken

Code: 
function formatTime(date, includeSeconds)
{
    if (includeSeconds)
        return $.plot.formatDate(date, "%l:%M:%S %P");
    else
        return $.plot.formatDate(date, "%l:%M %P");
}

en vervangen door (niet getest maar even uit mijn hoofd):
Code: 
function formatTime(date, includeSeconds)
{
    if (includeSeconds)
        return $.plot.formatDate(date, "%k:%M:%S %P");
    else
        return $.plot.formatDate(date, "%k:%M %P");
}
 
Jappert zei:
Het enige dat ik nog voor nu zou willen is de klok in 24 uurs notatie en de fan speed balk direct onder de foto  :blush:
Klik om te vergroten...

Zoals Emiel aangaf, in Chorme rechtermuis click op fan balk dan wordt er in de code de juiste div geselecteerd. (heb je geen chrome zoek dan op class="probelist") onder deze div zie je  <table class="probelist".... </table>

Het verplaatsen van de fan bar <div....</div> naar onder de </table> zou voldoende moeten zijn.
 
Ik weet niet of de code van Emiel werkt maar ik gebruik;

Code: 
function formatTime(date, includeSeconds)
{
    if (includeSeconds)
        return $.plot.formatDate(date, "%H:%M:%S");
    else
        return $.plot.formatDate(date, "%H:%M");
}

 
structor zei:
Even dit fragment opzoeken

Code: 
function formatTime(date, includeSeconds)
{
    if (includeSeconds)
        return $.plot.formatDate(date, "%l:%M:%S %P");
    else
        return $.plot.formatDate(date, "%l:%M %P");
}

en vervangen door (niet getest maar even uit mijn hoofd):
Code: 
function formatTime(date, includeSeconds)
{
    if (includeSeconds)
        return $.plot.formatDate(date, "%k:%M:%S %P");
    else
        return $.plot.formatDate(date, "%k:%M %P");
}
Klik om te vergroten...

Helaas dan komt er een K te staan op de plek van de uren  :)
 
Jappert zei:
Helaas dan komt er een K te staan op de plek van de uren  :)
Klik om te vergroten...

Lees eens twee reacties hier boven.
 
Jullie zijn daar "verrekte" handig in  :)
 
Dat krijg je als je reageert terwijl er reacties bijkomen dan weet je niet dat ehm.... anyway. Ik ga hem testen Piet!
 
Jappert zei:
structor zei:
Even dit fragment opzoeken

Code: 
function formatTime(date, includeSeconds)
{
    if (includeSeconds)
        return $.plot.formatDate(date, "%l:%M:%S %P");
    else
        return $.plot.formatDate(date, "%l:%M %P");
}

en vervangen door (niet getest maar even uit mijn hoofd):
Code: 
function formatTime(date, includeSeconds)
{
    if (includeSeconds)
        return $.plot.formatDate(date, "%k:%M:%S %P");
    else
        return $.plot.formatDate(date, "%k:%M %P");
}
Klik om te vergroten...

Helaas dan komt er een K te staan op de plek van de uren  :)
Klik om te vergroten...
Dan zou ik doen wat Piet zegt, hij heeft wel getest :D
 
Super mannen! Mijn wensen voor vandaag zijn allemaal uitgekomen  :D

Weer een hoop geleerd, binnenkort weer verder tweaken.
 
Ook deze nog even aanpassen voor je "mouse over" datum.

Code: 
function formatDate(date)
{
    return $.plot.formatDate(date, "%d %b %y, %H:%M");
}
 
Dit lijkt mij ook wel wat kan ik dit ook op de tablet doen of moet dit met de pc gedaan worden.
En hoe gaat dit in zijn werk?heb het nog nooit gedaan een site aan passen?
Hoop dat jullie mij daar wat wegwijz kunnen maken. ;)

Vrg peter
 
Je moet ingelogd zijn om te kunnen reageren. Log in | Registreer
Nieuwe berichten
Terug
Bovenaan Onderaan