Für so etwas kannst du dir ja den Inhalt und die CSS Dateinen der Seite ansehen. Da findest du:
style.css (line 1793)
Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellenFür so etwas kannst du dir ja den Inhalt und die CSS Dateinen der Seite ansehen. Da findest du:
style.css (line 1793)
Hmm, von Google Sitemap Plugin gibts mehrere neuere Versionen und auch WP 2.1 ist nicht ganz auf dem Stand der Dinge, sollte mindestens 2.3.3 sein wenn schon nicht 2.5.1.
... und da willst du super Designs verlosen ? :mrgreen:
Spass beiseite, hast du evtl. Plugins installiert, die mit einer alten prototype.js / jquery.js Version daherkommen und den Editor beschädigen ?
Vielleicht kann ja jetzt nochmal jemand aus der Windows-Welt sagen wie es aussieht?
Der IE7 ist wie gehabt ok, alles super.
Da solltest du in die Logfiles schauen, was versucht wurde.
Und eine Frage am Rande, ist das hier Absicht ?
Kenn das nicht und hab keine Vorstellung, wer das brauchen könnte.
Sieht mir nach User Key aus, hast du ggf. eine Version geupdated, die bereits übernommen (hacked) wurde ?
Die Seite lädt bereits ein Patch fü IE 6 unter:
http://www.17hippies.de/hiplounge/wp-content/themes/hipstyle_2.0/css/ie_patches/patch_layout_hipstyle.css
mit diese Inhalt:
@charset "UTF-8";
/**
* "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
* (en) IE patch stylesheet
* (de) IE-Anpassungs-Stylesheet
*
* @creator YAML Builder V1.0 beta1 (http://builder.yaml.de)
* @file patch_my_layout.css
*/
/* Layout independent adjustments | Layout-unabhängige Anpassungen */
@import url(../../yaml/core/iehacks.css);
/* Layout-dependent adjustments | Layout-abhängige Anpassungen */
@media screen
{
/**
* Bugfix for IE 3-Pixel-Jog Bug
*
* @bugfix
* @affected IE 5.x/Win, IE6
* @css-for IE 5.x/Win, IE6
* @valid yes
*/
* html #col3 {height: 1%}
* html #col1 {margin-left: -3px}
* html #col1.widecolumn { width: 770px; margin-left: -3px}
* html #col1.Presse-LogIn { width: 770px; margin-left: -3px}
* html #col1.Impressum { width: 770px; margin-left: -3px}
* html #col3 {margin-right: 527px}
[COLOR=Red] * html #TB_overlay {background-image:none; zoom:1; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.17hippies.de/hiplounge/wp-content/themes/hipstyle_2.0/images/pix/bg_black_alpha75.png', sizingMethod='scale'); }
[/COLOR]}
Alles anzeigen
Dann sollte der zusätzliche Patch
<!--[if IE]>
<style type="text/css" media="screen">
* html #TB_overlay { background-image:none; zoom:1; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.17hippies.de/hiplounge/wp-content/themes/hipstyle_2.0/images/pix/bg_black_alpha75.png', sizingMethod='scale'); }
</style>
<![endif]-->
den du rein genommen hast, obsolete und nur der wmode nötig sein.
Aber soweit ich das so ohne IE6 sehen kann, ist der TB_overlay als position:fixed angegeben, das kann IE6 nicht. Das müsste man mit position:absolute umgehen, top/left mit 0 und die Breite/Höhe auf 100% stellen. Ist ein wenig kompliziert ohne IE6, der will nicht richtig auf Windows XP64.
Ich reich mal noch IE6 nach: der zeigt das Bild auf weißem Hintergrund an. Ohne Flash.
Evtl. ein Screenshot möglich, um sich ein Bild machen zu können ?
Normalerweise: "Who care's IE 6 ?"
Mir scheint, ich hab's hingekriegt. Wenn ja, bist du mein Held des Tages :wink:
Richtig, ich benutze ein Script (swfobject). Aber das ist ja ein ganz feines, und man hat Zugriff auf alle Flash-Parameter.
Alles was zu tun war, war folgende Zeile einzugeben:Super!
Wie siehts denn auf Windows-Rechnern aus?
Das sieht auch auf IE7 so aus, wie du es haben wolltest. Schön gedimmt und der Flash ebenfalls.
IE6 kann ich nicht sagen, hab ich nicht.
Wenn du mit fester Feed URL arbeiten kannst, dann so:
<ul>
<?php
$url = 'http://static.winfuture.de/feeds/WinFuture-News-rss2.0.xml';
require_once(ABSPATH.'/wp-includes/rss.php');
$rss = fetch_rss($url);
if ( $rss ) {
$rss->items = array_slice($rss->items, 0, 10);
foreach ($rss->items as $item ) {
echo "<li>\n";
echo "<a href='$item[link]' title='$item[description]'>";
echo $item['title'];
echo "</a><br />\n";
echo "</li>\n";
}
}
?>
</ul>
Alles anzeigen
Dem Flash bitte folgendes mitgeben:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="300" height="200">
<param name="movie" value="flash.swf">
<param name=quality value=high>
[COLOR=Red][B]<param name="wmode" value="transparent">[/B][/COLOR]
<embed src="flash.swf" width="300" height="200" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" [COLOR=Red][B]wmode="transparent"[/B][/COLOR]></embed>
</object>
Schaust du hier: HTML-Inhalt über einem Flash
Scheint das Problem zu sein, das du das per Script reinschreiben lässt. Müsstest du dann direkt in den Header codieren un zwar so, wie es das Script macht + die roten Angaben.
Also bei mir mit
kein Problem. IE 7 legts tatsächlich noch drüber, dann mach mal statt:
testhalber
Und kannst du das hier bitte auch reparieren, das verhindert eine Validierung der Seite:
<style type="text/css" media="screen">
.comment.comment_author {
background:#4d9301 url(images/transparency/white-90.png);
}
</style>
<!--[if lte IE 6]>
<style type="text/css" media="screen">
* html .comment.comment_author {
background-image:none;
zoom:1;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='komplette-url-hier/images/transparency/white-90.png', sizingMethod='scale');
}
</style>
<![endif]-->
Alles anzeigen
Hier ein Beispiel mit Kommentar Backgrounds und als Inline Styles. Die "normalen" Standard Browser benutzen die erste Angabe und für die IE's ist die 2. Angabe. Aber in allen Fällen wird ein PNG benutzt, während deine Seite sich mit opactiy begnügt, was bei Flashinhalten (aktive Sachen) nicht geht. Wie auch sonst würden denn die Werbe DIV's funktionieren, die bei bestimmten Seiten immer von der Seite reinschiessen und über Flash liegen ?
Erstmal danke für die Antwort, auch wenn ich sie nur halb verstehe.
Du meinst, ich sollte ein schwarzes png als hintergrundbild nehmen und dann den alpha-wert auf 75 stellen? Oder muß ich die Transparenz schon in Photoshop oder so erzeugen?
Also es muß schon ein PNG mit bereits enthaltenem 75% alpha sein. Also Photoshop auf, schwarz (oder braun oder was auch immer dunkles) und dann den Alpha runterdrehen.
Ab IE 7 kannst du das als Background Image im Stylesheet verwenden, für IE's drunter braucht es speziell einen extra filter Eintrag mit stretch Angabe. Kann ich momentan nur nicht nachschauen, da mein lokales System hier nicht verfügbar ist. :)
PS: Habs doch irgendwo noch rumliegen mit weißen alpha Bild für IE's:
Zitat
filter : progid : DXImageTransform.Microsoft.AlphaImageLoader(src='hier-dein-path/images/transparency/white-90.png', sizingMethod='scale');
Sorry die Leerzeichen vor und nach den Doppelpunkten müssen weg, kann es aber hier nicht anders machen, sonst kommen Smilies raus.
Abhilfe gibts schon, aber da muß der Plugin-Entwickler ran. Eventuell muß er eine zum Rest von WP kompatible Thickbox dem Plugin mit mitgeben.
Man kann das lösen, in dem das Javascript der Thickbox feststellt, ob sich in der Seite Flashinhalte (oder Media Player, InputFelder usw.) befinden.
Wenn nicht, kann der Background behandelt werden wie immer. Wenn doch, braucht man als Background einen transparenten iframe mit hoher z-order, in dem die Abdunklung gemacht wird. Über dieses iframe kommt dann erst die Bilddarstellung.
Im IE ist der ganze Header übrigens ebenfalls nicht abgedunkelt.
[COLOR=Red] Ergänzung:[/COLOR] Hab den Seitencode nochmal angesehen. Das ist mit einem div gelöst, das nur folgendes macht:
#TB_overlay { thickbox.css (line 28)
height:100%;
left:0px;
position:fixed;
top:0px;
width:100%;
z-index:100;
}
.TB_overlayBG { thickbox.css (line 38)
background-color:#000000;
opacity:0.75;
}
Alles anzeigen
Im IE wir hier noch
verwendet.
Nur dem Div opacity zu geben ist für IE und andere sinnlos bei aktiven Inhalten. Wenn man den Hammer mit dem iframe nicht auspacken will, da muß man ein alpha channel 75% *.png als background nehmen und repeaten, dann liegt das garantiert auch über dem Flash Inhalt.
@ codestyling
in welcher css-datei würde ich
.topbigspace { margin-top: 80px; }
.red { color: #f00; }
.clear { clear: both; }etc denn einbinden???
Dass der Text nicht unterm Bild weiterfließt sondern daneben ist ein echtes Problem. Am Liebsten hätte ich ja eine Lösung für die visuelle Eingabemaske für die absoluten HTML-Dummies...
Schau mal hier: http://forum.wordpress-deutschland.org/design/35528-c…html#post171477
Hab das CSS Styling mal in ein kleines Plugin gegossen.
Anyway. Zurück zum Thema. Das Internet ist ja v.a. dazu da, dass sich Leute inhaltlich zu Themen austauschen, dass man von anderen etwas lernen kann und nicht, dass man andere öffentlich angreift. Jedenfalls verstehe ich das so.
Wenn du das als Angriff siehst, so ist das deine Meinung, war es aber nicht. Hab ja schliesslich ein Frage gestellt und nur weil ich die Begriffe Spam und Phishing benutzt habe, ohne das zu unterstellen sondern nur zu vergleichen, wird das noch nicht ein Angriff und wenn du es so siehsts, dann kann ich es nicht ändern.
Sinn der Anzeige jeglicher URL-Weiterleitung (301/302) bleibt nach wie vor die "same domain policy" um als Benutzer eine Sicherheit zu bekommen, wo man gerade ist.
Als Informatiker kenne ich die HTTP Codes ganz gut, aber danke für den WikiPedia Hinweis.
Brauchst du nicht extra betonen, bin auch bloß vom Fach seit mehr als 15 Jahren. Konstruktive Diskussionen führen und auch unbequeme Fragen vernünftig verarbeiten, ist da wertvoller. :)
Grüsse
Heiko
Dazu ist ja das Forum auch da. Und im Blog kannst du auch nachfragen oder Email schicken :)
Kein Problem.
Also, alles was TinyMCE macht ist, den markierten oder aber Bereich (wenn nicht markiert ist) die entsprechend ausgewählte Klasse zu geben. Wenn du also eine Überschrift (was ein <h1> ist) zuerst formatierts und dann zum Beispiel important anklickst, bleibt es ein h1 nur eben mit
<h1 class="important"> ... </h1>
Wenn du es am Ende der style.css einbindest, überschreibt es die bereits enthaltenen Styles oben drüber mit den Definitionen, die du importierts.
Wenn du es am Anfang einbindest, werden Definitionen aus der Datei mit denen aus dem style.css überschrieben.
Du solltest dir eine geeignete Trennung überlegen, wie du das am besten machst.
Die Konstante kannst du im Texteditor ändern und hochladen oder im Plugineditor ganz nach Belieben.