Grafik neben Stats-Block anzeigen

[Talk19zehn]

Ja, das ist klar. Auch in dem Falle würde ich dann floaten.

Und doch wenn dem nun nicht so ist, werden ja nun aufgrund des Vorschlags alle drei

• <div class="stat-block online-list">
  <div class="stat-block birthday-list">
  <div class="stat-block statistics">

im Standard um das padding-left verschoben, da du ja der Klasse eine neue Anweisung zuweist. Das ist schon ein wenig verzwickt.

Gruß

P.S.: Hinzu kommt das Absatzelement "p" und *dort liegende Events. M.E. muss man das CSS umschreiben und Container neu erfassen. Sie haben die *Statistikbereiche ja (leider) in der phpBB-Version 3.1.x verändert.

[Crizzo]

Das klang aber so, als wollte er das so haben und beschwerte sich, dass nur ein Block verschoben wird.

[Talk19zehn]

Also bei mir wird der ganze Statistikblock verschoben = alle drei Bereiche. Das sieht dann komisch aus. Ich ging vom Standard Prosilver aus.
Der andere Ansatz, einen Container herum zu bauen und zu floaten, wenn die Grafik entsprechend hoch ist, macht m.E. Sinn. Das muss man sehen, denke ich, dann entscheiden.

Du hast natürlich insofern recht, wenn man die beigestellte

externer Link zum Screenshot

Quelle: viewtopic.php?p=1349146#p1349146

Grafik ansieht. Das ist vermutlich kein Original der index_body (Prosilver) bzw. sind Teile bereits umgeschrieben.


LG


Ich hatte oben editiert.

[Puppe]

Ich habe das jetzt nochmal versucht, also das in der colours.css alles eingebaut und in dieses image-verzeichnis. Leider will mein Internet mir den Screenshot nicht hochladen... eigerückt sind die Stats-Blöcke (bis auf den top-poster der durch eine Extension zugefügt wurde, der bleibt an alter Stelle...). Jedoch ist die Grafik nur über die wer-ist-online Reihe zu sehen, also nur teilweise, sie soll nämlich über die gesamte Länge der stats-blöcke gehen, sie ist auch ca 300px gross und man sieht jetzt eben nur einen kleinen teil.

mit welchem befehl ändere ich es denn in der index.html, dass das bild die gesamte stats-block reihe "umschliesst"?
und muss ich dann wohl in der extension den top-poster block verschieben, oder geht das noch irgendwie anders?

ich habe einige extensions installiert, kann sein, dass dabei auch eine die statistik noch weiter verändert, habe das aber leider nicht ganz im kopf... kann aber auch gerne den link mal per pn versenden, so öffentlich mag ich den nicht so gerne posten.

[Talk19zehn]

Moin, moin, - nur ein Beispiel, gedachter Ansatz (ohne einen Container herumzubauen!) Auszug meiner index_body.html (Prosilver): phpBB-3.1.6

Code: Alles auswählen

<!-- EVENT index_body_stat_blocks_before -->

<div style="clear:both"></div>
	<div style="float: right; padding: 24px;">
		<img src="{T_THEME_PATH}/images/deinbild.jpg" alt="" />
	</div>
<!-- IF S_DISPLAY_ONLINE_LIST -->
	<div class="online-list">
		<!-- IF U_VIEWONLINE --><br /><h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3><!-- ELSE --><h3>{L_WHO_IS_ONLINE}</h3><!-- ENDIF -->
		<p>
			<!-- EVENT index_body_block_online_prepend -->
			{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /> <br />{LOGGED_IN_USER_LIST}
			<!-- IF LEGEND --><br /><em>{L_LEGEND}{L_COLON} {LEGEND}</em><!-- ENDIF -->
			<!-- EVENT index_body_block_online_append -->
		</p>
	</div>
<!-- ENDIF -->

<!-- IF S_DISPLAY_BIRTHDAY_LIST -->
	<div class="birthday-list">
		<h3>{L_BIRTHDAYS}</h3>
		<p>
			<!-- EVENT index_body_block_birthday_prepend -->
			<!-- IF .birthdays -->{L_CONGRATULATIONS}{L_COLON} <strong><!-- BEGIN birthdays -->{birthdays.USERNAME}<!-- IF birthdays.AGE !== '' --> ({birthdays.AGE})<!-- ENDIF --><!-- IF not birthdays.S_LAST_ROW -->, <!-- ENDIF --><!-- END birthdays --></strong><!-- ELSE -->{L_NO_BIRTHDAYS}<!-- ENDIF -->
			<!-- EVENT index_body_block_birthday_append -->
		</p>
	</div>
<!-- ENDIF -->

<!-- IF NEWEST_USER -->
	<div class="statistics">
		<h3>{L_STATISTICS}</h3>
		<p>
			<!-- EVENT index_body_block_stats_prepend -->
			{TOTAL_POSTS} &bull; {TOTAL_TOPICS} &bull; {TOTAL_USERS} &bull; {NEWEST_USER}
			<!-- EVENT index_body_block_stats_append -->
		</p>
	</div>
<!-- ENDIF -->

<div style="clear:both"></div>

Die Klasse "stat-block" habe ich nicht (!) genutzt. Meine Grafik (also eine für den gesammten Blockbereich) hat eine Breite von 110px und ist 190px hoch. Ich nutze kein padding-left sondern ein padding. Den Abstand musst du passend zur Grafik regeln. In dem Beispiel sitzt die Grafik rechts. Soll sie links liegen, ändere style="float: right; in style="float: left;

Teste bitte und prüfe bitte auch die "responsiven" Browseransichten. Ggf. teste auch unter Hinzunahme dort liegender Events.

Grüße

[Puppe]

Hey,

ich hab das mal so versucht, meine index_body sieht also so aus:

Code: Alles auswählen

<!-- EVENT index_body_stat_blocks_before -->
<div style="clear:both"></div>
   <div style="float: left; padding: 24px;">
      <img src="{T_THEME_PATH}/images/statistik.gif" alt="" />
   </div>

<!-- IF S_DISPLAY_ONLINE_LIST --> 
<div class="stat-block online-list">		
	<!-- IF U_VIEWONLINE --><h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3><!-- ELSE --><h3>{L_WHO_IS_ONLINE}</h3><!-- ENDIF -->		<p>			
	<!-- EVENT index_body_block_online_prepend -->			
	{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /> <br />{LOGGED_IN_USER_LIST}			
	<!-- IF LEGEND --><br /><em>{L_LEGEND}{L_COLON} {LEGEND}</em><!-- ENDIF -->			
	<!-- EVENT index_body_block_online_append -->		
</p>	
</div>
<!-- ENDIF -->

<!-- IF S_DISPLAY_BIRTHDAY_LIST -->	
<div class="stat-block birthday-list">		
	<h3>{L_BIRTHDAYS}</h3>		
	<p>			
		<!-- EVENT index_body_block_birthday_prepend -->			
		<!-- IF .birthdays -->{L_CONGRATULATIONS}{L_COLON} <strong><!-- BEGIN birthdays -->{birthdays.USERNAME}<!-- IF birthdays.AGE !== '' --> ({birthdays.AGE})<!-- ENDIF --><!-- IF not birthdays.S_LAST_ROW -->, <!-- ENDIF --><!-- END birthdays --></strong><!-- ELSE -->{L_NO_BIRTHDAYS}<!-- ENDIF -->			<!-- EVENT index_body_block_birthday_append -->		
	</p>	
</div>
<!-- ENDIF -->

<!-- IF NEWEST_USER -->
	<div class="stat-block statistics">		
		<h3>{L_STATISTICS}</h3>		
		<p>			
			<!-- EVENT index_body_block_stats_prepend -->			
			{TOTAL_POSTS} &bull; {TOTAL_TOPICS} &bull; {TOTAL_USERS} &bull; {NEWEST_USER}		
			<!-- EVENT index_body_block_stats_append -->		
		</p>	
	</div>
	<!-- ENDIF -->

	<!-- IF TOP_POSTERS_LIST -->	
	<h3>{L_TOP_POSTERS}</h3>	
	<p>{TOP_POSTERS_LIST}<br/>
		<!-- IF TOP_POSTERS_HOURS_LIST -->	<i>{TOP_POSTERS_HOURS}</i> 		{TOP_POSTERS_HOURS_LIST}
		<!-- ENDIF -->
	</p>
	<!-- ENDIF -->


    <div style="clear:both"></div>
	<!-- EVENT index_body_stat_blocks_after -->
	<!-- INCLUDE overall_footer.html --> 

Allerdings wird die Grafik mir nun über der Statistik angezeigt, also zwischen der letzten Forenkategorie und der Statistik, statt neben der Statistik zu stehen. Habe ich da einen Fehler drin?

[Talk19zehn]

Moin, moin, -

Die Klasse "stat-block" habe ich nicht (!) genutzt.

Vgl. Codierung.

LG