Beiträge von egado

Es wäre super Hilfreich, wenn du einen Link zu deiner Seite posten könntest. Da steckt eigentlich wenig Zauberei hinter... kommt auf den HTML Aufbau und das dazugehörige CSS an... so geben die ihrer Illustration per CSS z.B. max-width: 100%; als Befehl. Dieser sorgt dafür, dass die Grafik zwar skaliert, aber maximal so weit, bis sie ihre maximale Breite erreicht hat, d.h. ein Bild mit 600px wird nicht Breiter skaliert als 600px, egal wie groß der umgebende Container ist.

Gern, viel Spaß und Erfolg weiterhin

Also wenn ich dich richtig verstehe, wird die Background Grafik in der CSS Datei des Themes definiert und deine logo-appel.png hast du als <img> in deinem Template verwendet und die Grafik logo-appel.png liegt im Ordner "wp-content/themes/DeinTheme/img" – richtig?

Aktuell:

<img border="0" alt="Logo Dachdecker Appel" src="img/logo-appel.png" width="100" height="100">

Versuch mal:

<img border="0" alt="Logo Dachdecker Appel" src="<?php echo get_template_directory_uri(); ?>/img/logo-appel.png" width="100" height="100">

Hintergrundwissen: https://developer.wordpress.org/reference/func…_directory_uri/

Das ist quasi völlig normales und korrektes Verhalten

Das "Thema" dahinter nennt sich "Relative Pfade" bzw. "Absolute Pfade". Indem du src="img/logo-appel.png" in deinem Template verwendest schaut der Browser "relativ" zu der Seite auf der er sich befindet in diesen Pfad, d.h. befindet man sich auf der Seite http://www.example.com/ueber-uns so wird der Browser im Ordner http://www.example.com/ueber-uns/img/logo-appel.png versuchen die Grafik zu finden. Befindet man sich auf http://www.example.com/ueber-uns/geschichte so wird der Browser im Ordner http://www.example.com/ueber-uns/gesc…/logo-appel.png nach dem Bild suchen. Was natürlich wenig erfolgsversprechend ist.

Daher kannst du es dir in solchen Fällen leicht machen, wenn du in deinen Templates auf eine Datei zugreifen willst die sich in deinem Theme Ordner befindet und diesen Befehl nutzen <?php echo get_template_directory_uri(); ?> welcher automatisch für den Korrekten "absoluten" Pfad sorgt. Da der vollständige Pfad in deinen ThemeOrdner ausgegeben wird. Ist die elegantere Variante zu deiner Lösung es manuell/hart in den Code zu schreiben.

Innerhalb der CSS Datei funktiniert diese "relative" Pfadangabe, da sich die Background-Grafik "realtiv" zur CSS-Datei im Ordner /img befindet aus der sie aufgerufen wird.

/meinTheme/style.css » relativ dazu wird an den Pfad in dem sich die Datei befindet /img angehanden » /meinTheme/img/background.png

Ich hoffe das war halbwegs verständlich

Alle deine Links in dieser Liste sind nicht korrekt geschlossen bzw. deine Syntax ist nicht korrekt, versuche mal folgendes:

<div class="main-header-container">
  <header class="main-header clearfix">
    <a class="logo" href="index.html">
      <img src="img/vorlage.JPG" height="60px" alt="Ingenieurbüro Staaden">
    </a>
    <nav>
      <ul class="clearfix">
        <li><a href="planung_beratung_bauleitung.html">Planung | Beratung | Bauleitung</a></li>
        <li><a href="baubegleitung.html">Baubegleitung</a></li>
        <li><a href="sigeko.html">SiGeKo</a></li>
      </ul>
    </nav>
  </header>
  <!--main-header-->
</div>
<!--main-header-container-->

Einzelvergleich Vorher:

<li><a href="sigeko.html"</a>SiGeKo</li>

Einzelvergleich Nachher:

<li><a href="sigeko.html">SiGeKo</a></li>

Hallo zusammen, die Lösung ist eigentlich denkbar einfach: Man kann in PhotoShop für Aktionen eine "Falls" Bedingung erstellen, insgesamt werden für diese Lösung 3 Aktionen gebraucht.

Zitat

• Hinweis 1: Sollte die Aktion bei euch nicht fuktionieren, ist evtl. eure PhotoShop CC Version nicht aktuell.
• Hinweis 2: Die Aktion geht davon aus, dass alle Bilder mind. 800px + in Breite und Höhe haben, bei Bildern mit kleineren Seitenlängen müsste zunächst definiert werden, was mit denen passieren soll, z.B. Weißraum ergänzen etc. – Falls das gewünscht sein sollte, ließe sich das auch realisieren - Bitte Bescheid geben und klar und deutlich definieren was passieren soll "wenn".
• Hinweis 3: Die Aktionen lassen sich natürlich auch noch anpassen, wenn man z.B. einen weißen Rahmen um die Bilder herum haben will muss man entsprechend halt nochmal selber hand anlegen.

Teil A

• Neuen Aktions-Satz erstellen (einen Ordner für mehrere Aktionen): Name Irgendwas sinnvolles
  

• Aktion Aufzeichnen > wenn es sich um ein Querformat Bild handelt: Name Quer800x800
  2.1 STRG+I Bildhöhe auf 800px reduzieren
  2.2 STRG+C Arbeitsfläche auf 800px Breite reduzieren
• Aktion Aufzeichnen > wenn es sich um ein Hochformat Bild handelt: Name Hoch800x800
  3.1 STRG+I Bildbreite auf 800px reduzieren
  3.2 STRG+C Arbeitsfläche auf 800px Höhe reduzieren
• Falls Aktion erstellen (unsere eigentliche Aktion): Name 800x800 QuadratCrop
  4.1 Neue Aktion erstellen und Aufzeichnung direkt stoppen, damit wir eine Leere Aktion haben
  4.2 Das Optionsfenster der Aktionen (ganz oben rechts) anklicken > Bedingung einfügen
  4.3 In dem Fenster nun folgendes einstellen:
  

Das Ganze sollte nun in etwas so aussehen:

Teil B

Fast Fertig:
Nun fehlt noch die "Stapelverarbeitung" von allen Bildern.

• Datei > Scripten > Bildprozessor
• Quell und Zielverzeichnis wählen
• An Format anpassen deaktivieren!
• Gewünschte JPG Optionen wählen
• ganz unten: Aktion ausführen > Aktions-Satz aus Teil A 1.) wählen, dann Hauptaktion aus Teil A 4.) wählen
• Laufen lassen

--------------------------------------------------------

Die Fertige Aktion(en), die ich gebastelt habe gibt es hier für euch zum runterladen: http://www.egado.de/QuadratCrop800px.atn

Selbstverständlich lässt sich die Aktion auch unabhängig von der Stapelverarbeitung ausführen auf einzelne Bilder, wenn man denn möchte, hier dazu das Beispiel Video der Aktion(en) im Einsatz:

Hallo Sabine,

das ist ein "tpyisches Problem" welches bei reinen Schwarz/Weiß Drucken entsteht bzw. entstehen kann. Es gibt jedoch eine Möglichkeit, wie du in Zukunft sicherstellen kannst, dass deine Drucke keine Farbabweichungen mehr enthalten, sofern die Druckerei im letzten Schritt nicht doch noch irgendwas damit veranstaltet Der Grund dafür ist der CMYK Farbaufbau im Druckprozess, denn es lassen sich "theoretisch" neutrale Farben erzeugen, wenn alle Farben zu gleichen Anteilen enthalten sind, in der Praxis verhält sich das jedoch nicht unbedingt so, mal ist z.B. Cyan, mal Magenta dominanter, was für den entsprechenden Farbstich sorgt.

Das Umrechnungs-Verfahren von RGB > CMYK welches dir hier helfen kann nennt sich GCR (Grey Component Replacement)

Zitat

GCR Unbuntaufbau
Bei GCR werden sämtliche Unbuntanteile im Bild durch einen entsprechenden Anteil Schwarz ersetzt. Buntfarben werden nur noch gebraucht um Farbnuancen zu erzeugen.
Der Unbuntaufbau führt dazu, dass einzig der Schwarz-Auszug vollständig ist und die bunten Farben als Skelett-Auszüge vorliegen.
Vorteile des Unbuntaufbaus liegen insbesondere bei einem reduzierten Gesamtfarbauftrag und bei einer höheren Graustabilität. Vielfach geht jedoch in den Tiefen Kontrast verloren.

Quelle: http://cmyktastic.ch/lithografie/ucr-gcr/

Du gehst dabei in PhotoShop wie folgt vor:

• RGB Zeichnung/Scan öffnen
• Sicherstellen per Gradationskurven/Tonwertkorrektur, dass die Stellen die Schwarz sein sollen auch im RGB Farbraum aus R0 G0 B0 aufgebaut sind
• Bearbeiten > in Profil umwandeln
• In dem Fenster wählst du bei Zielfarbraum das Profil "Eigenes CMYK..." > Warnungsmeldung ist in Ordnung, bitte mit OK bestätigen
• In dem neuen Fenster "Eigenes CMYK" wählst du bei "Druckfarben > Eurostandard (Coated)", stellst unten die "Seperationsart" auf GCR, und wählst als Schwarzaufbau > Maximum
• Dialoge/Fenster nun mit OK bestätigen

Dein Bild wurde nun mit der GCR Max Methode in CMYK umgewandelt. Dies hat zur Folge, dass unbunte Farben nur noch aus Schwarz, also K aufgebaut werden. Bitte prüf dies in Anschluss in PhotoShop mit der Pipette bzw. im Info-Fenster, die Töne sollten nun CMY 0-1% aufweisen und bei K 0-100%. Achte nun noch in InDesign darauf, dass bei der PDF-Ausgabe unter "Ausgabe" > Farbkonvertierung > In Zielprofil konvertieren (Werte beibehalten) ausgewählt ist, damit InDesign die Werte deines manuell umgerechneten Bildes nicht mehr verändert. Abgesehen davon, kannst du sonst wie gewohnt mit dem ISO Coated v2 Profil arbeiten. Als letzten Schritt solltest du unbedingt im Acrobat ebenfalls nochmals prüfen, ob die Farbwerte stimmen: Anzeige > Werkzeuge > Druckproduktion > Ausgabevorschau. Nun fährst du mit der Maus erneut über deine Zeichnung und schaust dir an, ob der Farbaufbau noch dem entspricht wie er in PhotoShop war, d.h. CMY 0-1% Farbauftrag und bei K 0-100%

Falls du weiterhin Probleme haben solltest oder meine Anleitung dir an der einen oder anderen Stelle Kopfzerbrechen bereitet, gib einfach Bescheid