Auf Thema antworten

JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.

Beitrag: <blockquote data-quote="Rata" data-source="post: 2524471" data-attributes="member: 79455">Moin <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile    :)" loading="lazy" data-shortname=":)" />FragestellungIn diversen WordPress-Installationen nutze ich für eine gewünschte Wettervorhersage seit fast 10 Jahren das Widget wp-forecast von Hans Matzen.Immer wieder mal habe ich ein Problemchen: wird die <s>Widget-Spalte</s> Sidebar zu breit, „zerlegt“ sich das Widget und schreibt die Datumsangaben der Vorhersagungen „rechts daneben“ <img src="/styles/default/xenforo/smilies/tongue.gif"  class="smilie" loading="lazy" alt=":p" title="Stick Out Tongue    :p" data-shortname=":p" />Bisher hat mich das nicht belästigt, denn bisher konnte ich die Spaltenbreite einfach in den Anpassungen des jeweiligen Themes etwas verkleinern, schon kam das Widget zur „Raison“ <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile    :)" loading="lazy" data-shortname=":)" />Jetzt habe ich eine Installation, bei der ich mich nicht um wohl temperiertes Hinzulernen drücken kann, ich kann mich aus Gründen der notwendigen Breite eines anderen Widgets nicht mehr durchpfuschen <img src="/styles/default/xenforo/smilies/confused.gif"  class="smilie" loading="lazy" alt=":confused:" title="Confused    :confused:" data-shortname=":confused:" />So sieht die Installation zur Zeit aus:<a href="http://abload.de/image.php?img=screenshot-wetter1na3z.jpg" target="_blank"><img src="http://abload.de/thumb/screenshot-wetter1na3z.jpg" alt="" class="fr-fic fr-dii fr-draggable " data-size="" style="" /></a>Es sei an dieser Stelle ausdrücklich gebeichtet, daß die ganzen Programmier- und Beschreibungssprachen in mir Abneigungen erzeugen, die kaum zu kontrollieren sind. Will sagen: Rättchen und HTML, PHP, CSS et cetera pp. <img src="/styles/default/xenforo/smilies/cool.gif"  class="smilie" loading="lazy" alt=":cool:" title="Cool    :cool:" data-shortname=":cool:" /> sind keine (!) Freunde, weil Rättchen die „dogmatische Grammatik“ als sein Leben einschränkend empfindet; ist einfach so, wird sich auch nicht mehr ändern, Rättchen ist zu alt.Das PlugIn als Widget besitzt eine eigene CSS-Datei.Das lässt mich hoffen.Eine solche Datei zu editieren traue ich mir auch zu <img src="/styles/default/xenforo/smilies/zwinker.gif"  class="smilie" loading="lazy" alt=";)" title="Wink    ;)" data-shortname=";)" />Es bleibt nur die Frage nach dem Wie.Wo schreibe ich in diese CSS-Datei was rein, damit sich die Darstellung dieser Wettervorhersage auf 200px Breite beschränkt?Lieber GrußRataPS: Übrigens liegt <a href="http://www.tuxlog.de/wp-forecast-handbuch/" target="_blank">hier</a> das Online-Handbuch dieses tollen PlugIns. Den Autor möchte ich nicht nerven. Wozu gibt es schließlich Euch? <img src="/styles/default/xenforo/smilies/frech.gif"  class="smilie" loading="lazy" alt=":frech:" title="Frech    :frech:" data-shortname=":frech:" />PPS: Ich weiß, der Ein oder Andere von Euch kugelt sich jetzt im eigenen Saft <img src="/styles/default/xenforo/smilies/biggrin.gif"  class="smilie" loading="lazy" alt=":D" title="Big Grin    :D" data-shortname=":D" />Sagt lieber an wie’s geht!PPPS: Eilt nicht.PPPPS: ... <img src="/styles/default/xenforo/smilies/zwinker.gif"  class="smilie" loading="lazy" alt=";)" title="Wink    ;)" data-shortname=";)" />EditPPPPPS: Ich hänge mal die CSS-Datei für vertikale Darstellung dran:[code=CSS]/* style for current weather data */div.wp-forecast-curr {    font-size: 11px;    font-family: Arial;    border: 0px solid;    padding: 3px;    text-align:center;    margin-left:auto;    margin-right:auto;}/* style for forecast data details left side */div.wp-forecast-curr-left {    border: 0px solid;    padding: 3px;    float: left;    text-align:center;    vertical-align:middle;}/* style for forecast data details right side */div.wp-forecast-curr-right {    font-size: 14px;    font-family: Arial;    font-weight: bolder;    font-variant: small-caps;    border: 0px solid;    padding: 3px;    text-align:left;    float: left;    margin-right: -100%;}/* style for current weather data details */div.wp-forecast-curr-details {    font-size: 11px;    font-family: Arial;    border: 0px solid;    padding: 3px;    text-align:left;}/* style for clearing float settings */div.wp-forecast-curr-clear {    clear:both;    height:0;}/* style for current weather icon */img.wp-forecast-curr {    border: 0px;    width: 48px;    padding: 0px;    vertical-align:middle;}/* style for forecast data */div.wp-forecast-fc {    font-size: 11px;    font-family: Arial;    border: 0px solid;    padding: 2px;    text-align:left;    margin-left:auto;    margin-right:auto;}/* style for forecast data */div.wp-forecast-fc-head {    font-size: 11px;    font-family: Arial;    border: 0px solid;    padding: 3px;    text-align:left;    margin-left:auto;    margin-right:auto;}/* style for forecast data details */div.wp-forecast-fc-block {    border: 0px solid;    padding: 0px;}/* style for forecast data details left side */div.wp-forecast-fc-left {    font-size: 11px;    font-family: Arial;    border: 0px solid;    padding: 3px;    text-align:center;    float: left;}/* style for forecast data details right side */div.wp-forecast-fc-right {    font-size: 11px;    font-family: Arial;    border: 0px solid;    padding: 3px;    text-align:left;    float: left;    margin-right: -100%;}/* style for clearing float settings */div.wp-forecast-fc-clear {    clear:both;    height:0;}/* style for forecast weather icon */img.wp-forecast-fc-left {    border: 0;    width: 48px;    padding: 0px;}[/code]</blockquote> Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung: Der grüne Frosch hüpft über die Hügel an den Bäumen vorbei in die Höhle. Bitte nenne das fünfte Wort!