Hjälp, någon som kan hjälpa mig, HTML och CSS

[TomasL]

Behöver modifiera en joomla template, men fattar nada, typ. Instruktionerna man hittar är så dåliga så att det är skrämmande, typ "Skapa en CSS fil och det är klart".

[ojz0r]

Länge sedan jag kodade html och med ytterst lite css.
Men kan du inte ladda upp filerna och vad som behöver göras/ändras så kanske vi alla kollektivt kan hjälpas åt? (om det inte finns någon expert dvs)

[meconer]

Jag har pysslat med Joomla för en herrans massa år sen och jag tyckte det var jättekrångligt. Vad är det du vill göra?

[TomasL]

Börjar få ordning på det, så smått.
Uppgraderat en J3.1-site till J4 och det är rätt stora skillnader, uppenbarligen.

[oskars]

Hur går det? Behöver du hjälp med något?

[TomasL]

Ja CSS, har aldrig pysslat med det.

[SeniorLemuren]

Det finns ju en uppsjö av tutorials om CSS på youtube. Här är en länk till en som beskriver hur det fungerar på ett enkelt elementärt sätt. Använder man Visual Studio Code så kan man ladda plugginunderstöd för CSS som gör det enkelt att använda. Personligen så tycker jag det är smidigast att använda external metod. DVS man lägger alla CSS i en separat fil.

Edit: Glömde länken:

[TomasL]

Det är så här jag vill att det skall se ut, på ett ungefär.
I och med att jag använder ett CMS, så gehöver ju allt göras i enlighet med reglerna för CMSet dvs i detta fallet JOOMLA.
Vad som krånglar till det i mitt huvud är att mallen är responsiv, dvs skalar om och ändrar sig beroende på klientens skärm.

[oskars]

Ja, att det ska vara responsivt gör det lite mer komplext. Det enklaste alternativet du har är att göra så att de olika kolumnerna LOGIN, SENASTE FILERNA och REKLAM ligger under varandra på mindre skärmar (till exempel). Beroende på hur grundlayouten är skapad så finns det lite olika sätt att lösa det på.

Har du redan den layouten du visar på bilden?

Det absolut bästa är om du kan dela det du jobbar med om du kan. T.ex en länk till sidan eller liknande. Då kan de som försöker hjälpa dig gå in och peka direkt på vad du behöver lägga till osv.

[TomasL]

Det är den Layouten jag hade innan, men den gjorde jag för JOOMLA 1.5 för typ 20 år sedan eller nått, och det var ett helt annat system, dessutom såg mallen i princip ut så, så det behövdes inte så mycket modifieringar.
Nu iofs, så kommer jag att att använda den statiskt, dvs, om jag förstått det rätt, så kommer det sannolikt inte funka för mobiler, vilket jag ärligt talat inte bryr mig så mycket om.
Du tankar inte ned 100MB manual till en mobil.

[TomasL]

Orginal ser mallen ut så här

[oskars]

Aha! Joomla borde ha stöd för allt du vill göra antar jag. Har du problem med något?

[TomasL]

Nja, det är väl så att jag måste dyka ned och lära mig CSS antar jag, för att få ordning på det, och förstå hur saker och ting är tänkt att fungera.

[Nerre]

CSS är i grunden enkelt, men det tenderar att bli rätt mycket.

Jag tror att de flesta som gör CSS idag använder grafiska verktyg för att skapa CSS-filen.

Ska man koda för hand tror jag man behöver titta på den gamla CSS-filen och se hur den gör.

Sen finns det en massa trix för att saker ska fungera dynamiskt, som "float", sätta max- och minvärden etc.

Jag har aldrig skrivit komplicerad CSS från scratch, men har (med en del trial and error) lyckats modifiera befintliga enligt mina egna önskemål.

[SeniorLemuren]

Länken jag bifogade visar ju hur enkelt det hela är. Jag brukar arbeta så här. Jag kopierar originalfilen och testar fram vad jag vill ändra, spara ändringen i en egen CSS-fil som jag läser in efter originalfilen, på så sätt så har jag alla funktioner kvar från originalet förutom de ändringar jag gjort i men egen CSS, eftersom den laddas efter originalfilen. Att offra 11 minuter på att kolla den länkade filen är definitivt värt tiden om man är novis.