Beiträge von Tutrix

nun du hast mehrere Fehler in deiner Seite
schau dir mal den Quelltext deiner Seite an, am PC > Firefox > Rechtsklick > Seitenquelltext anzeigen
dann siehst du schon an der Darstellung das was nicht stimmt

einige Fehler werden dir dort dann auch rot angezeigt, auf Grund der Darstellung etwas mühsam zu finden

z.Beispiel

class="header-image" width="960" height="250" alt="" />[COLOR="#FF0000"]</a>[/COLOR]

das schließende a Tag ist zu viel, da kein Link also kein öffnendes vorhanden ist

und so geht es weiter

Herzogstrasse 120<br /> 80796 München[COLOR="#FF0000"]</p>[/COLOR]

schließendes p Tag aber kein öffnendes

Sitemap</a></footer></div>[COLOR="#FF0000"]</div>[/COLOR]

ob dies zu viel oder das öffnende fehlt, sehe ich jetzt auf die schnelle nicht

ach ja, Firefox versucht solche Fehler zu korrigieren, weshalb es da nicht auffällt

ob dein q2w3-fixed-widget noch für Probleme sorgt musst testen wenn die anderen Fehler beseitigt sind
im Moment hüpft die Sidebar ja etwas unkontrolliert

das gehört dahin wo der Effekt ausgeführt werden soll, wenn du das selbst nicht weißt, woher soll ich das dann wissen?

mal ein Beispiel damit du die Funktionsweise sehen kannst

transition-beispiel.zip

Zitat

Hab ich probiert - ändert aber nichts...?!!

was soll sich da auch ändern, ist ja nix definiert, außer display: block;

wann soll den der Effekt ausgeführt werden?
in der Regel definiert man dies bei hover, also wenn man mit der Maus über einem Menüpunkt ist

height 0px wäre dann der Ausgangszustand
height 98px bei hover, mit der definierten transition

Zitat von blaumann

Das mit der "height" erschließt sich mir nicht wirklich

nun das height hier

transition: [COLOR="#FF0000"]height[/COLOR] 0.3s ease-out;

bedeutet das transition nur auf height angewendet wird und nicht auf eventuell andere geänderte css Definitionen

lässt du es weg, wird es auf alle Änderungen angewendet

du kannst auch mehrere Formatierungen einfügen

angenommen nicht nur die Höhe sondern auch die Hintergrundfarbe wechselt

transition: height 0.3s ease-out, background-color 1.5s ease-out;

bedeutet, das die Höhe in 0.3 Sekunden sich ändert, die Hintergrundfarbe langsamer, also 1.5 Sekunden

was genau soll den passieren über transition?
es muss ja eine Veränderung definiert sein, die z.B. dann bei hover langsam ein und ausblendet oder was auch immer

#secondary li > a:hover {
    background-position: 0px 0px;
    color: white;
}

hier änderst du die Position des Backgrounds von

#secondary li > a {
    display: block;
    position: relative;
    float: right;
    width: 24rem;
    height: 3rem;
    text-align: left;
    color: rgba(98,126,172,1)/*blau*/;
    font-family: 'Noto Sans', sans-serif;
    font-size: 90%;
    font-weight: bold;
    line-height: 220%;
    text-indent: 2.2rem;
    text-decoration: none;
    background-image: url(images/nav-vertikal-2.png);
    [COLOR="#FF0000"]background-position: 0px -30px;[/COLOR]
    background-repeat: no-repeat;
}

somit würde transition auch da integriert

also

#secondary li > a {
    display: block;
    position: relative;
    float: right;
    width: 24rem;
    height: 3rem;
    text-align: left;
    color: rgba(98,126,172,1)/*blau*/;
    font-family: 'Noto Sans', sans-serif;
    font-size: 90%;
    font-weight: bold;
    line-height: 220%;
    text-indent: 2.2rem;
    text-decoration: none;
    background-image: url(images/nav-vertikal-2.png);
    background-position: 0px -30px;
    background-repeat: no-repeat;
    overflow: hidden;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

ohne das height

das ist jetzt nur mal ein Beispiel, ich weiß ja nicht was du machen willst und einen Link zum Problem gibt es ja auch nicht

dann in der style.css bei

.single-author .byline {
    display: none;
}

das

.single-author

entfernen

oder zusätzlich

.byline {
    display: none;

hinzufügen

hab das Theme mal heruntergeladen

ist also wie oben beschrieben

wenn du nicht übersetzen willst/kannst

dann home.php auch diese befindet sich im Sixteen-Theme-Ordner

<h2 id="page-title"><?php _e("Recent Posts", 'sixteen') ?></h2>

ersetzen durch

<h2 id="page-title">Neuigkeiten</h2>

du hast ein Theme, dieses Theme heißt Sixteen in diesem befindet sich ein language-Ordner

also nicht unterm Bett suchen, da ist er nicht :)

wie oben beschrieben im language-Ordner deines Sixteen-Themes

language = Sprache..... also der Ordner für Sprachdateien

Zitat des Autors

Zitat

Translation ready(.pot File Provided)

also gibt es einen languages-Ordner mit einer .pot Datei vermutlich sixteen.pot, eventuell auch eine sixteen.po
mit beiden Dateien kannst du deutsche Sprachdateien anlegen, also de_DE.po und de_DE.mo

dies entweder mit dem Program Poedit oder dem Plugin Codestyling Localization

das ist doch standardmäßig bei diesem Theme bereits ausgeblendet, wozu also noch dieser Thread?!

das würde ja normalerweise auch bei Dir angezeigt

<span class="byline">Posted by <span class="author vcard"><a rel="author" title="Zeige alle posts von 3ch0 an" href="http://www.die-schnabeltiere.de/index.php/Archive/author/admin" class="url fn n">3ch0</a></span></span>

also du als Autor Posted by 3ch0

da aber bereits ausblendet mit display none sieht man es nicht

.single-author .byline {
    display: none;
}

Zitat von sonson

übersetzten von Templates ins deutsche. Gibt es vielleicht ein Plugin

z.B. http://wordpress.org/plugins/codestyling-localization/

Zitat von sonson

oben im Header per Fahnensymbol die Sprache anklicken kann? Das wäre Spitze! :-)

z.B. http://www.qianqin.de/de/qtranslate/ sowie weitere am Ende dieser Seite

Zitat von MC_LVN

Hallo,
Jedoch frag ich mich, an welcher Stelle ich das neue Logo "aufrufe"?
Oder fehlt das noch bei #neuesLogo{....} ?
das script müsste ich in functions.php einbinden, richtig?
die css sachen natürlich im css override oder direkt im style.css
und den code ins template der hauptseite?

ich wundere mich jetzt etwas über deine Fragen :shock:
bei deinem Leistungsumfang und Versprechen die du deinen Kunden anbietest, müsste doch die Umsetzung des Codes oben für dich kein Problem sein.

zudem hab ich dir doch eine fertige Datei per PN zukommen lassen, mit integriertem Script und funktionierenden Wechsel deines Logos beim scrollen
musst also nur anschauen und entsprechend angepasst bei dir verwenden
du verwendest ja ein Theme von Themeforest, somit hab ich keine Möglichkeit dir alle einzelnen Schritte genau zu beschreiben

Zitat

fehlt das noch bei #neuesLogo{....} ?

nein da fehlt nix, ist ja hier

<div id="logo"><img id="[COLOR="#FF0000"]neueslogo[/COLOR]" alt="" src="[COLOR="#FF0000"]dein logo nach dem Scrollen[/COLOR]"></div>

das kannst du mit einem kleinen Script umsetzen

css

#logo {
		width:191px;
		height:250px;
		background:url(dein standard Logo);
	}
	#neueslogo {
		width:191px;
		height:250px;
		display:none;
	}

Script

<script type="text/javascript">


	var neueslogo = document.getElementById('neueslogo');
	
	window.onscroll = function() {
		neueslogo.style.display = ((window.pageYOffset || document.documentElement.scrollTop) > 200) ? 'block' : 'none';
	};


	</script>

die 200 entsprechend anpassen

<div id="logo"><img id="neueslogo" alt="" src="dein logo nach dem Scrollen"></div>

nun die Seite enthält laut Quelltext einige Fehler

</head>
<title>PERSEUSold booking</title>


<body style="background:#FFFFFF;">
	


<html>


<body id="bdy">

zum Beispiel:
doppelter "Body Tag"
2ter "Title Tag" zwischen head und Body
"html" an falscher Stelle
usw.

ob das der Grund für den fehlenden Picker ist kann ich nicht sagen, ich verwende keine veralteten IE-Browser

Zitat von nettosun

Gibst Du auch Unterricht?

nein, Unterricht gebe ich keinen, aber es gibt Bücher z.B. von http://bueltge.de/
oder eben über http://codex.wordpress.org/Main_Page findest du Hilfe, zur Selbsthilfe

oder gegen Bezahlung http://forum.wpde.org/jobboerse/

hast du dir dein Menü schon angesehen, also mal den Quelltext?
meist sind schon Klassen vorhanden wie z.B. menu-item-123

suche mal nach Wordpress Grid Theme

Zitat von nettosun

Klasse, Vielen Vielen Dank, hat gut funktioniert !!! :) :) :)
lg
Kurt

nicht ganz, da du nun

opacity: 0;

und

opacity: 0.5;

gelöscht hast

das muss schon drin bleiben, für alle anderen Browser

den alpha Filter also zusätzlich einfügen

das ist kein Platzhalter, sondern ein als Overlay(wird über das Bild gelegt) definierter Background

.vantage-carousel-wrapper .vantage-carousel li.carousel-entry .thumbnail a span.overlay {
	width: 100%;
	height: 100%;	
	[COLOR="#FF0000"]background: #3279BB;[/COLOR]
	display: block;
	[COLOR="#FF0000"]opacity: 0;[/COLOR]
}

da die alten Versionen des IE mit opacity nichts anfangen können, wird auch der Wert 0 ignoriert und das blau definierte Overlay in voller Stärke über das Bild gelegt
normal ist das blau nur bei Hover mit Wert 0.5 zu sehen

wenn du also auf Browserkompatibilität Wert legst, lösche die Spielerei

oder versuche es mit

filter: alpha(opacity = 0);

und bei hover dann

filter: alpha(opacity = 50);