Ausgabegrösse Textparser ändern

IP-Symcon Visualisierung
1

mittels Textparser hole ich die „Idee des Tages“ vom grossen C.

nun möchte ich das Bild skallieren, hab aber keine Ahnung wie? :confused:

So ist die Variable beschrieben:



<div id="mainwrap">
	<div id="eyecatcher">
	
					    <style>
	    body {
        font-family: Arial, Verdana;
		background-repeat: repeat-y;
		padding: 0;
		margin: 0;
      }
	  a {
		color:#FFF;  
	  }
      h1 a {
        text-decoration: none;
        color: #3b5998;
      }
      h1 a:hover {
        text-decoration: underline;
      }
	  img {
		border: 0;  
	  }
	  #app_box {
		width: 600px;
		background-repeat: no-repeat;  
	  }
	  #content {
		padding-left: 0px;
		padding-top: 5px;
		background-image:url(http://web.conrad.ch/facebook/ideedestages/images/bg_sonder_de.gif);
	  }
	  .headline {
		padding: 4px 7px;
		background-color: #000;
		font-size: 14px;
		font-weight: bold;
		color: #ffe600;	 
		margin-top: 60px;
	  }
	  .headline2 {
		color: #000;
		font-size: 20px;
		font-weight: bold;
		position: absolute;
		padding-left: 32px;
		margin-top: 140px;
		position: absolute;
	  }
	  .arrow {
		padding: 7px 30px;
		font-size: 12px;
		font-weight: bold;
		color: black;
		background-image:url(http://web.conrad.ch/facebook/ideedestages/images/arrow.png);
		background-repeat:no-repeat;
		background-position:right top;
		position: absolute;
		height: 25px;
	  }
	  .likes {
		left: 400px;
		position: absolute;
		text-align: right;
		top: 28px;
		width: 150px;
		color: #FFF;
		text-decoration: none;
	  }
	  .languages {
		left: 320px;
		position: absolute;
		text-align: right;
		top: 25px;
		width: 70px;
		color: #000;
		text-decoration: none;
		font-size: 12px;
	  }
    </style>
  <script language="JavaScript" src="functions_de.js"></script>
  
	<script language="JavaScript" type="text/javascript">
		// Ziel-Datum in MEZ
				var jahr=2012, monat=0, tag=6, stunde=0, minute=0, sekunde=0;
		var zielDatum=new Date(jahr,monat,tag,stunde,minute,sekunde);
    </script>

  	<div id="app_box">
    <div id="content" style="width:624px; height:380px;">
    		<div id="timer" style="z-index:10; width:110px; height:111px; font-size: 11px; font-weight:bold; color: #fff; font-family: Arial; position:absolute;  margin-top:10px; margin-left:480px; text-align: center; padding-top:33px;">
                   Nur noch<br />
            </div>
            <div>
            	<div style="padding-left:200px; float:left; width:450px; margin-top:40px; position:absolute; z-index:1;">
                	<a href="http://web.conrad.ch/startseite/redirect.php?url=www1.conrad.ch/scripts/wgate/zcop_&article=560503" style="color:#000; text-decoration:none;">
                	<img src="http://web.conrad.ch/facebook/ideedestages/images/idt/560503.png" border="0" style="z-index:1;" /></a>
                </div>
                <div class="headline2" style="z-index:2;">Jetzt wird es warm</div>
                                <div class="arrow" style="margin-top: 175px; z-index:3;">Wartungsfreies Heizgerät mit stufenlosem Thermostat </div>                                <div class="arrow" style="margin-top: 210px; z-index:3;">3 Schaltstufen: 800/1200/2000 W</div>                                <div class="arrow" style="margin-top: 245px; z-index:3;">Integrierte Tages-Zeitschaltuhr</div>                <div class="price" style="width: 600px; float:left; margin-left:40px; margin-top:305px; position:absolute; z-index:10;">
                <a href="http://web.conrad.ch/startseite/redirect.php?url=www1.conrad.ch/scripts/wgate/zcop_&article=560503" style="color:#000; text-decoration:none;">
                	<img src="http://web.conrad.ch/facebook/ideedestages/images/button_sonder_de.gif" border="0" style="float:right; margin-top:20px; margin-right:25px;" /></a>
                	<div class="only_today" style="background-color: #fff; padding: 5px 10px; width: 65px; float:left; margin-top: 20px; z-index:15; font-size:11px;">
                    	Nur heute<br />
                        Statt 99.95    </div>

                	<img src="http://web.conrad.ch/facebook/ideedestages/images/price/49.95.png" border="0" style="margin-left: -15px; margin-top: -10px;" />

                </div>
            </div>

    	</div>
    </div>	
	<div style="clear:both;"> </div>			
	</div>
	<div id="services">

die Ausgabe ist angehängt.

c.png

2

sorry - war nix

3

Die Frage ist eher, wie und wo möchtest du das Bild ausgeben?

Wenn du es lokal speicherst und in einem String mit HTML img-Tag und width/high wieder einbindest, kannst du einfach die Größe verändern.

Falls du das Bild direkt verändern möchtest, gibt es PHP Kommandos ;).

4

es ist ja nicht nur ein Bild (hab mich da falsch ausgedrückt).

Die Frage ist eher, wie und wo möchtest du das Bild ausgeben?

Kommt ja über einen Textparser rein (wie im 1. Post angehängt) und wird direkt so im WF ausgegeben.

5

Sieh dir mal meine Wetterseite an, dort werden auch Bilder scalliert, je nach Wunsch einstellbar.

6

Ähmmm… meinst du jetzt deinen Thread mit 62 Seiten?

7

Nö, meinte die Scripts selber. Kannst aber auch 62 Seiten lesen wenn dir langweilig ist. Ob Du dort aber das findest was Du suchst, wage ich zu bezweifeln.:smiley:

8

Da der Inhalt wie bemerkt nicht das reine IMG-Tag ist wird das nichts werden.

Ansonsten gäbe es genügend Möglichkeiten ein Image per CSS zu ändern, da Du aber fast die halbe Seite parst musst Du eine andere Möglichkeit finden die ich aber auch nicht weiß.

Auch wenn Du es nicht hören willst, auch ich der nach 3 Jahren IPS- und schließlich PHP-Erfahrung hat, sucht noch in G… und entsprechenden Programmierseiten um ans Ziel zu kommen.

Vielleicht bietet C… auch einen RSS-Feed an den Du auswerten könntest habe jetzt aber nicht danach gesucht.

9

Das hatte ich nicht gesehen/verstanden.

Dann muss er halt im Code direkt anpassen ;).

Mein erster Versuch wäre mit str_replace die folgenden Werte anzupassen:

    <div id="content" style="width:624px; height:380px;">

Das ist nämlich die Größe der Ausgabe ;).

10

war zwar eine andere Zeile, aber str_replace war das Zauberwort.

Danke

11

ja, die Funktionsübersicht von SelfPHP ist bei der Suche nach passenden Befehlen immer hilfreich ;).