Projekt von überflüssigen CSS-Scripts bereinigen

WolfgangB

Hallo zusammen,

im Laufe der Zeit haben sich auf meinem Projekt eine Menge Scripts angesammelt. Da ich fast alle Responsiven Layouts getestet habe, habe ich (leider) auch viele CSS-Scripts ausprobiert. Es läuft zwar alles einwandfrei, dennoch denke ich, dass ich die überflüssigen Scripts löschen sollte, kenne mich aber dabei nicht aus. Gibt es dazu eine Lösung bzw. Tipp?

Noch etwas: Wie kann ich die Grundbegriffe für CSS lernen, kennt da eventuell jemand eine passende, auch für absolute Laien verständliche Site?

Danke im Voraus,

WolfgangB

Hanabi

Hallo Wolfgang,

CSS ist ja eher die Strecke von Mario , madas ; Jochen und den direkten Zeta-Supportern. Ich kann nur empfehlen, bei künftiger Verwendung von Scripten immer mit Kommentaren zu arbeiten, um die einzelnen Scripte sauber voneinander zu trennen und auch später noch nachvollziehen zu können, wofür dieses Script ist. In CSS verwendest Du dazu /* für den Beginn eines Kommentares und */ am Ende. Alternativ kann man sich natürlich je Projekt eine Textdatei (Word etc.) als Kladde oder Notizbuch für die Seite anlegen, in der man dann die einzelnen Scripte mit Kommentaren und am besten auch gleich einem Link zum entsprechenden Forumsbeitrag abspeichert. Das hätte zusätzlich den Vorteil, dass man dann direkt wieder in den Stoff reinkommt, was man eigentlich mit der CSS-Anpassung erreichen wollte.

OpaPit

Hallo Wolfgang,

guck mal u.a. hier:

https://www.w3schools.com/css/

http://www.css-lernen.net/css-grundlagen.html

WolfgangB

Hallo Thomas,

herzlichen Dank für deine Antwort.

Ich habe mir zwar die meisten Scripts (aber leider nicht alle) mit Kurzerklärung auch auf einer Word-Seite gespeichert, das mit dem Link ist natürlich eine sehr gute Idee. Das Kommentieren ist mir komplett neu, werde ich aber klarerweise gleich machen.

Ich dachte halt, es gäbe einen Trick, nicht mehr benötigte Scripts anzuzeigen. Also muss ich mich halt "händisch" durchwursteln....

OpaPit

Vielen Dank für deine Links, der zweite in Deutsch ist für mich sehr wertvoll, weil ich halt über Schul- und Urlaubsenglisch nicht hinauskam.

Du verwendest ja auch "Stripe-Responsiv". Ich bin gerade dabei, meine Site ebenfalls von Clear-Responsiv auf Stripe umzustellen, weil ich ein fixiertes Menü brauche. Darf ich fragen, mit welchem Script du die fixierte Freyung-Grafik links oben eingebunden hast? Danke schon mal im Voraus.

Das Forum ist wirklich toll!

Gruß, Wolfgang

OpaPit

Hallo Wolfgang,

das Freyung-Logo habe ich mit folgendem angepassten script von Mario eingebunden (unter Einstellungen>CSS)

Code

<style>
#frg-logo-rund {
  position: fixed;
  top: 0%;
  left:0%;
  margin-left: -15px;
  z-index: 8000;
}
@media (max-width: 200px) {
  #frg-logo-rund {
  visibility: hidden;
}}
#frg-logo-rund span {
  width: 315px;
  height: 135px;
  display: block;
  background: url('https://panoramaferienwohnung-geyersberg.de/media/images/logo-frg-rund.png') no-repeat;
}
</style>

Alles anzeigen

Viel Erfolg!

WolfgangB

Hallo Peter,

vielen Dank, werde ich nach dem Layoutwechsel nach Stripe-Resp. einbauen.

Liebe Grüße,

Wolfgang

WolfgangB

Hallo Peter,

leider funktioniert das Script nicht bei mir. Kann es sein, dass da noch ein Html-Quellcode dazugehört?

Welches Script von Mario hast Du angepasst? Habe Marios Site durchsucht, finde es jedoch nicht.

Danke,

Wolfgang

OpaPit

Guten Morgen Wolfgang,

Du hast natürlich recht, sorry, habe folgenden Code vergessen hier zu posten:

Code

<div id="frg-logo-rund" style="display: block; ">
  <a href="#top">
     <span></span>
   </a>
</div>

Dazu hatte Mario diverse Scripts angeboten, die ich alle ausprobiert habe. Meiner Erinnerung nach war Ausgangspunkt für mein Logo das hier:

https://www.zella.de/code/bilder-frei-positionieren.html

WolfgangB

Guten Morgen Peter,

wieder mal herzlichen Dank für deine schnelle Antwort. Werde ich gegen Mitag testen, jetzt muss ich weg.

Einen schönen Tag wünscht

Wolfgang

Projekt von überflüssigen CSS-Scripts bereinigen

Jetzt mitmachen!

Hilfe zum Support-Forum

Wollen Sie eine professionelle Website erstellen?