Gibt es eigene Möglichkeit, bei WordPress Bilder in den Fließtext einzufügen und diesem dann automatisch einen CSS-definierten Style hinzufügen?
Auf dieser Seite (Beispiel) kann man ganz gut sehen, wie dem eingefügtem Video ein Rahmen mit abgerundeten Ecken sowie eine Fläche für Bildunterschriften hinzugefügt worden ist.
Gibt es für WordPress eine Lösung, sowas für in den Fließtext eingefügte Bilder und Videos zu automatisieren? Stelle es mir so vor, dass man ein Bild einfügt und anschließend den Style sowie die Bildunterschrift als Vorlage auswählen kann.
Jemand einen Vorschlag für mich oder sowas schon mal selbst verwendet?
Seite 1 von 1
Wie: Rahmen Mit Abgerundeten Ecken Und Bildunterschrift? Bilder oder Videos einfügen und automatisch Style zuordnen
Anzeige
#2
geschrieben 16. Februar 2010 - 08:14
das problem bei abgerundeten ecken in css ist, dass der IE in keiner version und opera, safari und webkit es nur in der aktuellsten version unterstützen...
wie du das mit den bildern im Fließtext meinst weis ich allerdings nicht... erklär mir was du willst, dann versuch ich dir zu helfen!
wie du das mit den bildern im Fließtext meinst weis ich allerdings nicht... erklär mir was du willst, dann versuch ich dir zu helfen!
#3
geschrieben 16. Februar 2010 - 09:07
border-radius gibt es erst in CSS 3: http://www.css3.info...rounded-border/
Was aber, wie Ludacris schon gesagt hat, nicht alle Browser unterstützen. IE kann nix (konnte auch noch nie was ) und FX nutzt stattdessen -moz-border-radius.
Was aber, wie Ludacris schon gesagt hat, nicht alle Browser unterstützen. IE kann nix (konnte auch noch nie was ) und FX nutzt stattdessen -moz-border-radius.
#4
geschrieben 17. Februar 2010 - 12:46
-moz-border-radius: 10px; -webkit-border-radius: 10px;
und schon hast du einen 10 px radius bei der ebene, bei der du das angegeben hast.
#5
geschrieben 17. Februar 2010 - 16:25
Ich verwende bereits seit einiger Zeit "border-radius". Der Befehl wird zwar nur von modernen Browsern unterstützt, hat allerdings keine Seiteneffekte - alle anderen kriegen eben die normalen Ecken. Ich finde das nicht schlimm, früher oder später werden andere Browser nachziehen (Chrome interpretiert schon länger CSS 3)
Natürlich muss das jeder für sich entscheiden, ich hab allerdings keine Lust auf unnötigen Traffic wegen zusätzlichen Grafiken (für runde ecken).
Alternativ kann man noch massenweise Divs verschachteln, funktioniert auch. Für mich jedoch ist die Zeit vorbei, in der ich mir wegen schlechten Browsern ein Bein ausreiße (zumindest für Kleinigkeiten wie runde Ecken).
Natürlich muss das jeder für sich entscheiden, ich hab allerdings keine Lust auf unnötigen Traffic wegen zusätzlichen Grafiken (für runde ecken).
Alternativ kann man noch massenweise Divs verschachteln, funktioniert auch. Für mich jedoch ist die Zeit vorbei, in der ich mir wegen schlechten Browsern ein Bein ausreiße (zumindest für Kleinigkeiten wie runde Ecken).
#6
geschrieben 17. Februar 2010 - 19:53
Hallo1
eine Möglichkeit ist es, auf jQuery-Corner auszuweichen.
http://www.methvin.c...orner-demo.html
Der Vorteil: Ab IE6 ist das ganze in praktisch jedem gebräuchlichen Browser möglich damit, z.B. hier http://www.websiteba...lfe-projekt.php
Der nachteil: Bei deaktiviertem Javascript (was ca. 2-5% von Internetbenutzern betrifft) sieht man die Ecken leider nicht. Allerdings haben wesentlich mehr Leute Javascriptfähige Browser als Firefox / Webkit (Safari4 unter Windows z.B. mag auch die Webkit-Ecken nicht besonders).
Alternative: Das Ganze per Bildchen gemacht (in obigem Beispiel die Menü-Box rechts neben den anderen Boxen).
eine Möglichkeit ist es, auf jQuery-Corner auszuweichen.
http://www.methvin.c...orner-demo.html
Der Vorteil: Ab IE6 ist das ganze in praktisch jedem gebräuchlichen Browser möglich damit, z.B. hier http://www.websiteba...lfe-projekt.php
Der nachteil: Bei deaktiviertem Javascript (was ca. 2-5% von Internetbenutzern betrifft) sieht man die Ecken leider nicht. Allerdings haben wesentlich mehr Leute Javascriptfähige Browser als Firefox / Webkit (Safari4 unter Windows z.B. mag auch die Webkit-Ecken nicht besonders).
Alternative: Das Ganze per Bildchen gemacht (in obigem Beispiel die Menü-Box rechts neben den anderen Boxen).
- ← Nach Xx Sekunden Div Inhalt Tauschen
- Skript/Web-Programmierung
- Html Formular Mit Post Gibt Werte Nicht Weiter →
Thema verteilen:
Seite 1 von 1