Beiträge von Tomahawk

  • Layout verschoben (Magazine Basic)

    Hallo,
    ohne Garantie, dass das die sauberste Lösung für dein Theme ist. (Müßte man sich genauer anschauen...)

    Beginne damit, dass du die width vom "#leftcontent" auf 600px setzt.
    Das restliche ist dann Spielerei mit dem Padding und Margin der "#secondsitebar" und Padding-right vom "#mainwrapper"

    Sieht dann so aus:

    Schöne Grüße

  • Scroll-To beim Seitenaufruf - Wie realisieren???

    Hallo nochmal,

    kann mir da niemand helfen? Wäre mir wirklich wichtig.
    Ich hab' wieder weiter probiert, aber ich komme mit der JS-Syntax nicht zurecht.

    Hier ist der aktuelle Stand
    [size=14]http://jsfiddle.net/MMgXu/200/[/SIZE]

    Ich habe folgende Codezeile:

    $(document).ready(function() {
    window.scrollTo(0,$("#header").offset().top+230);
    });

    Beim Seitenaufruf wird zum #header + 230 Pixel gescrollt.
    Es wäre toll wenn es nicht 230px wären, sondern z.B. 70%. (... der Größe des Headers)

    Hier wird die Scrollto-Funktion beschrieben: http://flesler.blogspot.co.at/2007/10/jqueryscrollto.html
    Hier gibts ein Demo: http://demos.flesler.com/jquery/scrollTo/

    Hab' schon anhand dessen probiert, aber ohne JS-Kenntnisse geht nix. :-(

    Vielen Dank

  • hellgraue Umrandung entfernen

    Hallo,

    hab' kurz reingeguckt...

    Zitat

    rgendwie verändert sich der Header bei mir nicht...die Ecken sehen genauso aus wie vorher

    Trag' in deiner "style.css" in der Zeile ~497, wo steht ".header-img {" die folgende Zeile ein:
    border-radius: 10px;

    Du kannst die Rundung nach eigenen belieben anpassen. (5px, 10px, 20px ...)


    Zitat

    jetzt habe ich Aufzählungszeichen in rot in meine Seiten hinein kopiert, aber immer wieder erscheinen diese nach dem abspeichern in blau; ich habe schon geschaut an was es liegen könnte, komme da aber nicht weiter!


    Bei den Aufzählungszeichen ist das folgende hinterlegt:

    list-style-image: url("images/list-style-image.png");

    Das PNG-Bild "list-style-image.png" ist eben blau.
    Wenn deine roten Aufzählungszeichen diesen Dateinamen bekommen, dann sollten sie auch rot angezeigt werden.

    Ich hoffe ich konnte dir weiterhelfen.

    Schöne Grüße!

  • Scroll-To beim Seitenaufruf - Wie realisieren???

    Hallo,

    Vielen Dank für deine Antwort. Irgendwie dachte ich auch an Prozentangaben beim scrollto.
    Ich bekomme es nicht hin.
    Ich habe bei "jsfiddle" ein kleines Beispiel erstellt.
    Kannst du oder irgendjemand mir anhand des Beispiels zeigen wie das funktioniert?

    [size=14]http://jsfiddle.net/tomahawx/MMgXu/161/[/SIZE]

    Ziel ist es, das die Seite beim Laden auf Höhe des Ellebogens der Frau im Header beginnt. Egal welche Größe das Fenster hat.

    Vielen Dank und schöne Grüße!

  • Scroll-To beim Seitenaufruf - Wie realisieren???

    Hallo zusammen,

    ich möchte auf meiner Seite etwas spezielles haben, aber ich weiß nicht, wie man das umsetzt...

    Ich habe ein sehr großes Header-Bild auf jeder Seite. Damit man sich etwas darunter vorstellen kann - Hier habe ich eine Skizze erstellt:

    Ich möchte jetzt, dass beim Seitenaufruf automatisch bis zu einer gewissen Position gescrollt wird. Auf der Skizze habe ich die Position mal auf 30-Prozent Höhe des Header-Bildes gesetzt.
    Es kommt hinzu, dass meine Seite Voll-Responsive ist. Dabei wird auch die Breite+Höhe des Headers automatisch an die Auflösung des Endgerätes angepasst/skaliert:

    Code
    img {
    max-width: 100%;
    height: auto;
}

    Dies führt dazu, dass ich nicht sagen kann - "Scroll 200px nach unten" - da ja die Höhe des Bildes variiert.

    Ich denke mein Anliegen sollte soweit klar sein. Trotzdem habe ich noch ein Mock-Up erstellt, wie ich mir das vorstelle:


    Ich denke, dass das mit Javascript realisiert wird, aber ich habe noch nicht viel Erfahrung damit.
    Ich meine, dass auf Facebook eine solche Technik benutzt wird. Da ist, wenn man eine Profilseite aufruft, ja auch nicht das komplette Profilbanner sichtbar, sondern nur der untere Teil.

    Vielleicht kann mir jemand schildern, wie ich das umsetzen kann. Gegebenenfalls reichen mir auch ein paar Schlagworte für die Suchmaschine bzw. ein Anstoß, damit ich mir das selbst zusammensuchen kann.

    Vielen Dank im Voraus!

  • RSS-Feeds - Feed-Link für Kommentare nicht einbinden

    Hallo zusammen,

    ich habe mich doch dazu entschlossen RSS-Feeds in meine Seite einzubinden.
    Dazu habe ich in der "functions.php" meiner Theme die folgende Zeile eingetragen:

    PHP
    add_theme_support( 'automatic-feed-links' );


    Hat natürlich funktioniert und im Header meiner Seite werden die folgenden Feeds eingebunden:

    Code
    <link rel="alternate" type="application/rss+xml" title="SEITENNAME &raquo; Feed" href="http://wmm.contoso.org/?feed=rss2" />
<link rel="alternate" type="application/rss+xml" title="SEITENNAME &raquo; Kommentar-Feed" href="http://wmm.contoso.org/?feed=comments-rss2" />

    Ich finde unschön, dass auch dieser Kommentar-Feed (feed=comments-rss2) mit eingebunden wird:

    Dies möchte ich nicht haben.

    Weiß jemand eine saubere Lösung, wie ich verhindern kann, dass dieser mit eingebunden wird?

    Vielen Dank!

  • jQuery richtig laden??? - Scripte funktionieren nicht!

    Hallo zusammen,

    ich bin gerade am optimieren meiner Wordpress-Installation bzw. meines Themes.
    Es gibt leider eine Unklarheit bzw. ein Problem mit jQuery.
    Ich benutze eine handvoll kleiner jQuery Codeschnippsel.
    Dazu lade ich jQuery unsauber.


    [size=12]Ich beschreibe kurz die IST-Situation:[/SIZE]

    [INDENT]Ich lade jQuery in der "header.php" mit folgendem manuell von mir eingefügten Eintrag:

    Code
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

    Ich lade meinen kleinen jQuery-Code über den folgenden Aufruf in der "functions.php":

    PHP
    function toggle()
{
    wp_register_script( 'toggle', get_template_directory_uri() . '/js/toggle.js', array( 'jquery' ), '3.5', true);
    wp_enqueue_script( 'toggle' );
}
add_action( 'wp_enqueue_scripts', 'toggle' );


    [size=10]Nur damit man sich in etwa vorstellen kann, was dieses "toggle.js" macht ... - Hier der Link dazu: http://www.mkyong.com/jquery/jquery-…d-hide-content/[/SIZE]
    [/INDENT]
    [INDENT]Bis hierhin ist alles OK! Alles funktioniert einwandfrei!
    [/INDENT]

    [size=12]Nun zum Thema:[/SIZE]
    Ich lese derzeit viel zu Wordpress und es wird immer wieder beschrieben, dass jQuery in Wordpress bereits integriert ist und das man sich den manuellen Aufruf im Header (<script src="https://ajax.googleapis.com...) ersparen kann bzw. nicht machen sollte.

    Als einfachste Methode sollte man im Head der Seite auch dieses einfügen können:

    PHP
    <?php wp_enqueue_script("jquery"); ?>

    Somit sollte das jQuery von Wordpress geladen werden. Dies funktioniert scheinbar auch und es steht folgendes im Header:

    Code
    <script type='text/javascript' src='http://localhost/wordpress/wp-includes/js/jquery/jquery.js'></script>


    [size=12]Jetzt zum Problem:[/SIZE]
    Keines meiner jQuery-Scripte funktioniert!!!
    Kann mir bitte jemand sagen was da los ist bzw. was ich falsch mache?

    Vielen Dank im Voraus!

  • Füllzeichen mit HTML / CSS realisieren

    Hallo,
    dachte zuerst eigentlich, dass die Idee nicht schlecht ist mit <hr>. Hab's jetzt probiert, aber schaut auch schlecht aus:

    Hab versucht mit margin/padding die gepunktete Linie auf die selbe Höhe mit der Schrift zu bekommen, aber dann verschiebts mir die restliche Tabelle.

    Wie würde ich schließlich bewerkstelligen, dass sich die Länge der Linie exakt an den Freiraum zwischen der ersten und der dritten Spalte anpasst? Ich muß da ja eine width angeben, da die Zelle keinen Inhalt hat?? Und die width sollte ja variabel sein...

    Danke

  • Füllzeichen mit HTML / CSS realisieren

    Hallo zusammen,

    ich habe eine Frage die nicht direkt mit Wordpress zusammenhängt.
    Vorweg ich habe ein eigenes Theme gebaut und meine Seite ist fertig.
    Die Seite ist voll Responsive/Adaptive.

    Für eine Preisliste möchte ich Füllzeichen mit HTML / CSS realisieren.
    Damit man sich vorstellen kann was ich mit Füllzeichen meine, habe ich untenstehend einen Screenshot gemacht:

    Man sieht links steht das Produkt und rechts der Preis. Dazwischen sollen Punkte als Füllzeichen verwendet werden.
    Wie gesagt ist meine Seite Responsive und ich stelle mir vor, dass wenn ich das Browserfenster verkleinere die Anzahl der Punkte natürlich auch weniger werden soll. Ich denke ihr versteht das Problem.

    Ich habe jetzt mit einer Tabelle experimentiert:

    Der mittleren Spalte habe ich dann ein "border-bottom" - dotted gegeben. Leider schaut das nichts gleich. Beispielsweise ist die Linie viel zu weit unten usw.

    Jetzt wollte ich fragen, ob jemand von euch eine Idee hat, wie man das sauber realisieren könnte?

    Vielen Dank!

  • Problem mit Hyperlinks auf Apple-Geräten

    Hallo zusammen,

    ich habe eine Frage die nicht direkt mit Wordpress zusammenhängt.
    Vorweg ich habe ein eigenes Theme gebaut und meine Seite ist fertig.
    Die Seite ist voll Responsive/Adaptive und ich bin gerade am Testen.
    Dazu verwende ich verschiendene Browser und Endgeräte.

    Auf einem Ipad (mein einziges Apple-Geräte, dass ich zur Verfügung habe) habe ich ein Problem mit der Darstellung von Hyperlinks.
    Und zwar habe ich festgestellt, dass am IPad scheinbar kein Zeilenumbruch bei Hyperlinks stattfindet.
    Längere Links stehen somit über den Seitenrand hinaus. Zur veranschaulichung habe ich den folgenden Screenshot gemacht, welcher diese Sache zeigt:

    Kann mir jemand vielleicht sagen, wie ich diese Unschönheit korrigieren kann?

    Vielen Dank im Voraus!