Beiträge von Gsi

  • Minimales Blog-Theme z.B. nach Bike Exif

    Hallo,
    was soll daran "minimal" sein?
    Macht gleich viel Arbeit wie andere Themes ;-)

    Zudem hast du wohl übersehen, dass da nicht nur "Content", "Sidebar rechts" und "Header" sind, sondern auch noch "Werbeleiste oben" und ein "Footer" ... also nicht sooooo minimal, sondern effizient aufs Wesentliche reduziert.

    So ein 4er-Theme (Header plus Navi horizontal, Content links, Sidebar rechts, Footer) hab ich selbst gebastelt ;-) ... und auch geprüft - funktioniert problemlos.

    Merkmale:
    - 100% Breite oder 999px voreingestellt (plus viewports)
    - Quellcode minimiert/optimiert ... also schnelle Ladezeiten
    - auch für mobile Endgeräte bis runter auf 320px Bildschirmbreite ohne waagrechtem Scrollen; mit Anleitung, worauf bei der Gestaltung geachtet werden muss
    - bedienbar mit PC (Maus, Tastatur) und Smartphones (Touchscreen)
    - entweder "leer" (ohne jegliche Inhalte; nur Quellcode), oder mit "Beispielen" zur besseren Orientierung befüllt (z.B. Bildern, Texten,...)
    - E-Mail-Support beim Einrichten ("Fair-Use")
    - usw.

    Ich kassiere aber € 30,- pro Lizenz für 1 URL ;-)

    Gruß,
    Heinz

  • Submenü mit 'focus' aufklappen?

    So! Nun hab ich die Krux gefunden *g*
    Nachdem ich WP Block für Block auseinander genommen habe, und dann die CSS, bin ich endlich auf den Fehler gestoßen. In der CSS hatte ich davor noch andere Link-Angaben (a:link, a:visited, a:focus, a:hover, a:active) mit einem 1px-Rahmen, welcher mir das Layout zerschossen hat :? ... nur ein einziger Pixel!
    Aber nun passt's!

    pixselig
    Auf deine Lösung wäre ich trotzdem gespannt, da mir die meinige etwas fragil erscheint. Würde mich freuen, etwas stabileres zu bekommen ;-)

  • Content nebeneinander in mehrspaltiges Raster einpflegen

    Da hast du wohl ein paar Denkfehler drin ;-)

    Dein 1. DIV wäre 8,33% breit, und dein 12. DIV 100%???
    "width" bezieht sich auf die Bildschirmbreite, womit das letzte DIV die den gesamten Bildschirm ausfüllen würde ;-)
    Selbst wenn du nur 1 DIV mit 8,33% Breite (12x) nehmen würdest, ist es höchstwahrscheinlich, dass es dir das div-Layout komplett zerbombt, da du nicht weißt, was deine Besucher für eine Bildschirmauflösung haben, welche Browsereinstellungen, usw...

    Du müsstest eine Wrapper-Div um den Loop herumziehen mit Mindestbreite min-width, und darin eine linksgefloatete Liste mit Listenpunkten, die 12x zusammen weniger als die Breite des Wrapper-Divs haben, sodass die Liste automatisch nach 12 Fotos umbricht. Und in den Loop kommt dann nur 1 Listenpunkt rein:

    PHP
    <?php if(have_posts()) : ?>
<?php while(have_posts()) : the_post(); ?>
  
<li class="spaltenbreite">
 <?php the_content(); ?>
</li>
   
<?php endwhile; ?>
<?php endif; ?


    Hast du jedoch unterschiedliche Breiten, kannst du das nur mit PHP lösen oder über die Bildbreiten.

    ;-)
    Gruß,
    Gsi

  • Submenü mit 'focus' aufklappen?

    pixselig
    Link?
    Teste es dzt. auf meinem eigenen Web-Testserver sowie dem Webserver zweier Bekannten - die URIs geb ich deshalb nicht gerne her. Aber ich kann morgen eine URI einrichten, wo man das funktionierende Skript mal testen kann ... und auch kopieren zum selber testen ;-)
    Aber heute ist schon spät - bis morgen und Gute Nacht ;-)

    Gruß,
    Heinz

  • Submenü mit 'focus' aufklappen?

    Hallo pixselig,

    doch, muss so sein.
    Denn bei einem Server funzt das Skript ja, beim anderen mit WP nicht!

    Mein Skript habe ich vom funktionierenden Server dann 1:1 übertragen ... und mit WP funzt es nicht - aber ich weiß noch nicht was daran schuld ist.

    Habe schon viel rumprobiert ... alle Klassen und IDs überpüft, doctype-Angaben ausprobiert, Positionierung des Codes innerhalb der CSS bzw. dem Quellcode, die CSS-Angaben selbst auf alle möglichen Arten ausgetauscht, uvm. ...

    Morgen gehe ich dann mal dran, mir den WP-Quellcode zuerst mal Block für Block anzusehen und auszutesten, wo es hapert könnte, und dann eben halt mal Zeile für Zeile *grummel*

    Gruß,
    Heinz

  • Submenü mit 'focus' aufklappen?

    Hallo pixselig,
    vielen Dank für deine Antwort und v.a. dein Interesse für die Thematik :)

    Ich arbeite gerade an einem "tatsächlich" barrierefreien WP-Theme, kenne auch den BITVtest sehr gut, weshalb ich dieses Thema angeschnitten habe ... gerade bei WP. Es scheint mir entweder mit der WP-Software zusammen zu hängen, oder mit Einstellungen des Webspace-Servers, oder, oder, oder ...

    Ich habe ein Skript entwickelt, welches auf einem anderen Server wie gewünscht funktioniert, aber in Verbindung mit WP nicht.

    "display: none;" ist bez. Barrierefreiheit eh verpönt, weshalb ich schon lange z.B. Sprunglinks aus dem Sichtbereicht mit "position: absolute; top: - 9999px;" oder "margin-left: -9999px;" rausschiebe, was ich mit ":focus" eben wieder reinholen kann: "top: 9999px" oder "margin-left: auto".

    Aber sowas hatte ich noch nie mit Teilen einer Navi umgesetzt, z.B. Untermenü.
    Seit gestern sitze ich nun da dran *grummel* ... auf der einen Seite funktioniert's - mit WP geht's aber nicht. Nun weiß ich nicht, ob's am Server liegt, oder ob sich da was mit WP beißt ... ich teste noch rum!

    Aber ich denke, morgen werde ich das Problem gelöst haben ;-)
    Dachte nur, dass hier jemand schon Erfahrung bez. WP damit hat, woran es liegen könnte.
    ;-)

    Gruß,
    Heinz

  • Submenü mit 'focus' aufklappen?

    Hallo pixselig,
    ja, habe ":focus" schon verwendet - sogar viel :)

    Aber ein Menü (w.o. beschrieben) kriege ich nicht hin :cry:
    Beispiel: http://www.script-tutorials.com/demos/272/index.html
    Sowas geht locker - obwohl da z.B. kein :hover drin ist ;-)

    Mir geht es um Folgendes: Wenn man bei obigem Menü einen Menüpunkt mit der Maus hovert, klappt das Untermenü nach unten auf.
    Genau DAS will ich auch mit ":focus" erreichen, sodass man die Untermenüpunkte per Tastatur ansteuern kann.

    Also wenn ich mit der Tab-Taste auf z.B. "Menu 2" gelange (=fokusiert!), dann soll das Untermenü nach unten aufklappen, und aufgeklappt bleiben, bis ich mich durch diese 8 Untermenüpunkte mit der Tab-Taste durchge':focus't habe ;-)

    Ich krieg's aber leider nicht hin in der CSS.

    Gruß,
    Heinz

  • Wirklich freie Themes

    Hallo,
    man muss zwischen WP-Software und WP-Theme unterscheiden. Die Software ist lizenzfrei und steht jedem gratis zur Verfügung. In ein Theme hingegen investiert ein Programmierer Zeit und Geld, und es liegt dann an ihm, ob er dafür Geld verlangt oder nicht.

    Grundsätzlich ist ein WP-Theme (Quellcode) das geistige Eigentum des Programmierers, sofern es selbst geschrieben wurde, und alles andere (Fotos, Grafiken, ...) ebenso selbst produziert oder gekauft worden sind.

    Ob ein Theme tatsächlich frei ist, steht in der "Lizenz" - vielfach auch im Quellcode.

    Gruß,
    Gsi

  • Neues Design für meine Seite anlegen, bitte um Anregungen bei Grundlagen

    Bin ein wenig amüsiert über diese Diskussion ;-)

    Leute, die's drauf haben und es einfach und nicht ge-themed haben wollen, schreiben so eine Seite in ein paar Minuten selbst. Die Zauberwörter dafür lauten: HTML und CSS.

    Zitat

    ...ich habe die groben Grundlagen begriffen, wieso sollte ich es nicht WP versuchen.


    Weil das von hinten durch die Brust ins Auge gefahren ist. Befass dich lieber ein wenig mit HTML/CSS, und dann kannst du eine statische Webseite einfacher deinen Wünschen anpassen.

    Viele Wege führen nach Rom:
    Der kürzeste ist von hier aus gesehen über den Brenner (vgl. HTML/CSS).
    Du aber willst unbedingt über den Nordpol nach Kanada, von da aus runter zum Kap Horn, um dann über den Südpol nach Südafrika zu gelangen, wo es dann quer durch Afrika raufgeht bis Gibraltar, um von da aus auf der Hannibal-Route mit 37 Kriegselefanten über die Alpen auf direktem Wege nach Rom gelangen ... das wäre ungefähr der Weg, den du dir vorstellst: ein Imagegrid mittels WP, Gridframes, Plugins, Thumbs/Bildergalerien, alles bereits fertig, und-weiß-der-Kuckuck-was-noch-alles ... aber auch dafür brauchst du HTML/CSS-Kenntnisse, mit denen du aber einfacher was selbst basteln könntest ;-)

    Aber OK - wenn's denn unbedingt WP sein muss ... hier ein Tutorial, wie es am einfachsten geht:
    http://wordpress.lernenhoch2.de/handbuch/eigen…n/#weiter_links

    Statt dem Loop auf der index fügst du einfach den Quellcode für das Grid ein, kopierst die Styles in die style.css ... et voilà ... dein eigenes Imagegrid ist fertig.

    Gruß
    Gsi

    P.S. Bin gespannt, wie's weitergeht ;-)

  • Submenü mit 'focus' aufklappen?

    Hallo zusammen,

    zur Zeit bastle ich an einem barrierefreien Wordpress-Theme rum, und bin gerade beim "Menü".

    Dieses besteht aus einem sichtbaren Level1 (waagrecht, 5 Listenpunkte), und jeweils einem Submenü (Level2; ul li ul li). Das Submenü ist unsichtbar, und wird erst beim Hovern des Level1-Menpunktes nach unten aufgeklappt. Funktioniert wunderbar, ABER...

    ... nicht mit der Tastaturbedienung!
    Das Submenü (Level2) klappt nicht auf, wenn ich zu einem Level1-Listenpunkt komme.

    Hab schon gegoogelt (und auch hier die Suche verwendet), aber es lässt sich diesbezüglich nichts finden. Es gäbe zwar Lösungen mit JavaScript und C++, was ich aber nicht verwenden möchte.

    Nun meine Frage:
    Weiß jemand, ob es alleinig mittels CSS ("focus"; ohne hovern) möglich ist, ein aufklappbares Submenü aufzuklappen?

    Gruß,
    Heinz