Beiträge von Einste1n

Moin,

ich möchte gern meinen Blog auf jquerry umstellen (vorher mootools). Und eigentlich sehen die Funktionen dazu auch recht simpel aus. Nur irgendwie will es nicht klappen! Ich hab mal ein Beispiel geschrieben, was klappen sollte. Er soll das "Fenster" verschwinden lassen. Wo liegt der Fehler ?

html

<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/functions.js"></script>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<a href="#" id="ToggleSidebar" title="ein-/ausblenden">Klick mich</a>
<div class="beispiel">
<b class="top">
<b class="r1"></b><b class="r2"></b>
<b class="r3"></b><b class="r4"></b>
</b>
<h1>Runde Ecken</h1>
<p>Wenig Code, viel Ergebnis</p>
<b class="bottom">
<b class="r4"></b><b class="r3"></b>
<b class="r2"></b><b class="r1"></b>
</b>
</div>

js

$("a#ToggleSidebar").click().toggle(function() {
    $('div.beispiel').animate({
        width: 'hide',
        opacity: 'hide'
    }, 'slow');
}, function() {
    $('div.beispiel').animate({
        width: 'show',
        opacity: 'show'
    }, 'slow');
});

css

body { background: #212121; }
.beispiel { width: 800px; position: fixed; top: 70px; left: 100px; background: #323232;}
.beispiel .top, .beispiel .bottom{display:block;background: #212121;}
.beispiel .top b, .beispiel .bottom b
{
  display:block;height: 1px; overflow: hidden; background: #323232; 
}
.beispiel .r1{margin: 0 5px;}
.beispiel .r2{margin: 0 3px;}
.beispiel .r3{margin: 0 2px;}
.beispiel .top .r4, .beispiel .bottom .r4{margin: 0 1px;height: 2px;}

Beispiel

okay vielen Dank, da hätte ich eigentlich selbst kommen können
Sieht schon viel besser aus!
mfg
Einste1n

Hier ist eine URL ... das ganze ist natürlich noch Baustelle, also nicht über lange Ladezeiten usw. wundern. Danke!
mfg
Einste1n

Hi,

ich bearbeite gerade ein Worpress Theme und das klappt auch schon ganz gut. Nur hab ich derzeit ein Designtechnisches Problem, wo ich etwas ratlos bin wo dran das liegt. Es geht um die Sidebar. Dort werden teile vom letzten Buchstaben "angebissen". Bei Links > Forum sieht man das gut. Das "m" wird da zum Schluss fast halbiert. Hat jemand eine Ahnung wo dran das liegt und wie ich das umgehen kann ? Das Problem scheint nur im Firefox auf zu treten ... im IE scheint die Schrift normal.
mfg
Einste1n

Moin!

ich hab da ein kleines Design Problem mit meinem Forum!
Und zwar wird das Menü (bei euch wäre das der Login!) in die Mitte verschoben im Firefox wenn unterhalb nicht viel Inhalt ist! Im IE scheint das Problem aber nicht aufzutreten. Ich kann mir das nicht erklären Kann mir jemand helfen ?

Beispiellink :
http://www.raid4res.de/groupcp.php

mfg
Einstein

Edit : hab mal nen Screenshot gemacht, da ich im moment noch rumteste und es evt. zwischendurch anders aussieht. Der rote Pfeil zeigt, wo das Menü eigentlich sein sollte ... nämlich oben! Aber es wird mittig gesetzt