3 kleine Designanpassungen (viewforum und viewtopic)

Alles zu Styles, Templates, Icons und Smilies für phpBB 2.0, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
phpBB 2.0 hat das Ende seiner Lebenszeit überschritten
phpBB 2.0 wird nicht mehr aktiv unterstützt. Insbesondere werden - auch bei Sicherheitslücken - keine Patches mehr bereitgestellt. Der Einsatz von phpBB 2.0 erfolgt daher auf eigene Gefahr. Wir empfehlen einen Umstieg auf phpBB 3.0, welches aktiv weiterentwickelt wird und für welches regelmäßig Updates zur Verfügung gestellt werden.
Antworten
Benutzeravatar
ccDesigns.
Mitglied
Beiträge: 54
Registriert: 09.02.2006 20:58
Wohnort: Sachsen
Kontaktdaten:

3 kleine Designanpassungen (viewforum und viewtopic)

Beitrag von ccDesigns. »

Hallo Leute,

brauche dringend Hilfe in drei eher kleinen Problemen, welche ich einfach nicht hinbekomme. Es handelt sich dabei zweimal um die viewforum und einmal um die viewtopic.

Problem 1:
Ich will diese Seitennavigation nach rechts verschieben, sie soll aber auf gleicher Höhe bleiben wie jetzt. Auch will ich die eckigen Klamern und das Postingsymbol entfernen. Bekomme das einfach nicht hin. Habe die Stelle, wo das hin soll, mit einem rot umrandeten Kreis markiert.
[ externes Bild ]

Problem 2:
Zwischen den jeweiligen Typen der Threads (Ankündigungen, Wichtig, Globale Ankündigung) ist ein Leerzeichen zuviel. Wie und wo bekomme ich das weg?
[ externes Bild ]

Problem 3:
Beim Yellow Card Mod sind diese vier Karten rechts merkwürdig nach unten verschoben, ich finde bloß nicht die Stelle, in der dieser Unterschied definiert wird. Wöllte die natürlich gerne auf selbe Höhe wie die anderen Buttons bringen.
[ externes Bild ]

Dateien:
viewtopic_body.tpl
viewforum_body.tpl
style.css

Bitte helft mir! :(
Benutzeravatar
ccDesigns.
Mitglied
Beiträge: 54
Registriert: 09.02.2006 20:58
Wohnort: Sachsen
Kontaktdaten:

Beitrag von ccDesigns. »

*bump*
Benutzeravatar
ccDesigns.
Mitglied
Beiträge: 54
Registriert: 09.02.2006 20:58
Wohnort: Sachsen
Kontaktdaten:

Beitrag von ccDesigns. »

Kann mir denn niemand helfen? Es ist relativ dringend, weil das Forum auch ziemlich groß ist und wir sehr bald von einem Rapid- auf ein phpBB-Forum umladen wollen. Derjenige, der diese kleinen Probleme löst, könnte auch unten im Footer mit einem Link zu seiner Webseite verewigt werden.

Also ich wäre wirklich für jede Hilfe dankbar.
Benutzeravatar
ccDesigns.
Mitglied
Beiträge: 54
Registriert: 09.02.2006 20:58
Wohnort: Sachsen
Kontaktdaten:

Beitrag von ccDesigns. »

Ich denke, nach 4 Tagen kann man mal wieder bumpen.

Leute, ich flehe euch an. Bitte helft mir! :(
Benutzeravatar
roum
Mitglied
Beiträge: 569
Registriert: 12.07.2004 13:23
Wohnort: Köllefornia
Kontaktdaten:

Beitrag von roum »

Zu Problem 1:

Öffne: viewforum.php
Finde:

Code: Alles auswählen

		if( ( $replies + 1 ) > $board_config['posts_per_page'] )
		{
			$total_pages = ceil( ( $replies + 1 ) / $board_config['posts_per_page'] );
			$goto_page = ' [ <img src="' . $images['icon_gotopost'] . '" alt="' . $lang['Goto_page'] . '" title="' . $lang['Goto_page'] . '" />' . $lang['Goto_page'] . ': ';

			$times = 1;
			for($j = 0; $j < $replies + 1; $j += $board_config['posts_per_page'])
			{
				$goto_page .= '<a href="' . append_sid("viewtopic.$phpEx?" . POST_TOPIC_URL . "=" . $topic_id . "&start=$j") . '">' . $times . '</a>';
				if( $times == 1 && $total_pages > 4 )
				{
					$goto_page .= ' ... ';
					$times = $total_pages - 3;
					$j += ( $total_pages - 4 ) * $board_config['posts_per_page'];
				}
				else if ( $times < $total_pages )
				{
					$goto_page .= ', ';
				}
				$times++;
			}
			$goto_page .= ' ] ';
		}
		else
		{
			$goto_page = '';
		}
Ersetze mit:

Code: Alles auswählen

		if( ( $replies + 1 ) > $board_config['posts_per_page'] )
		{
			$total_pages = ceil( ( $replies + 1 ) / $board_config['posts_per_page'] );
			$goto_page = '' . $lang['Goto_page'] . ': ';

			$times = 1;
			for($j = 0; $j < $replies + 1; $j += $board_config['posts_per_page'])
			{
				$goto_page .= '<a href="' . append_sid("viewtopic.$phpEx?" . POST_TOPIC_URL . "=" . $topic_id . "&start=$j") . '">' . $times . '</a>';
				if( $times == 1 && $total_pages > 4 )
				{
					$goto_page .= ' ... ';
					$times = $total_pages - 3;
					$j += ( $total_pages - 4 ) * $board_config['posts_per_page'];
				}
				else if ( $times < $total_pages )
				{
					$goto_page .= ', ';
				}
				$times++;
			}
			$goto_page .= '';
		}
		else
		{
			$goto_page = '';
		}
So ist schonmal der ungewünschte Part weg.

Jetzt die Ausrichtung:
Öffne: style.css
Finde:

Code: Alles auswählen

.gotopage { 
	float: middle;
	font-size: 10px;
	line-height: 1em;
	margin: 3px 0 1px 0; 
}
Ersetze mit:

Code: Alles auswählen

.gotopage {
	float: right;
	font-size: 10px;
	line-height: 1em;
	margin-top: -15px;
	padding: 3px;
} 
Öffne: viewforum_body.tpl
Finde:

Code: Alles auswählen

<br /><span class="random">von {topicrow.TOPIC_AUTHOR} am {topicrow.FIRST_POST_TIME}</span><span class="gotopage">{topicrow.GOTO_PAGE}</span></td>
Ersetze mit:

Code: Alles auswählen

<br /><div class="viewforumbox"><span class="random">von {topicrow.TOPIC_AUTHOR} am {topicrow.FIRST_POST_TIME}</span><span class="gotopage">{topicrow.GOTO_PAGE}</span></div></td>
Füge irgendwo in deiner style.css folgende Klasse ein:

Code: Alles auswählen

.viewforumbox {
	width: 100%;
}
Zu Problem 2:
Öffne: viewforum.php
Finde:

Code: Alles auswählen

		if( $topic_type == POST_ANNOUNCE )
		{
			$topic_type = $lang['Topic_Announcement'] . ' ';
		}
		else if( $topic_type == POST_STICKY )
		{
			$topic_type = $lang['Topic_Sticky'] . ' ';
		}
		else
		{
			$topic_type = '';		
		}
Ersetze mit:

Code: Alles auswählen

		if( $topic_type == POST_ANNOUNCE )
		{
			$topic_type = $lang['Topic_Announcement'] . '';
		}
		else if( $topic_type == POST_STICKY )
		{
			$topic_type = $lang['Topic_Sticky'] . '';
		}
		else
		{
			$topic_type = '';		
		}
Wie du siehst ist da ein Leerzeichen zwischen den beiden '' gewesen.
Das selbe findest du übrigens auch bei Umfragen

Code: Alles auswählen

$topic_type .= $lang['Topic_Poll'] . ' ';
und verschobenen Topics

Code: Alles auswählen

$topic_type = $lang['Topic_Moved'] . ' ';
Ob das bei den globalen Ankündigungen jetzt auch weg ist kann ich nicht sagen. Das ist doch ein extra Mod im phpBB2 oder nicht?

Zu Problem 3:
So weit komme ich in deinem Forum nicht um mir das live anzusehen.
Ich empfehle dir für solche spielereien den Firefox mit der Firebug Erweiterung. Da kannste dann nen Rechtsklick auf die 4 Grafiken machen, gehst auf Inspect Element und kannst im Live Betrieb mit den paddings und margins rumexperimentieren ohne was zu verbasteln. Wenn du dann weisst was du wie ändern musst kannst du die enstsprechende Änderung im Stylesheet vornehmen.

Grüße
Roman
Jeder Tag ist gleich lang doch unterschiedlich breit.
Benutzeravatar
ccDesigns.
Mitglied
Beiträge: 54
Registriert: 09.02.2006 20:58
Wohnort: Sachsen
Kontaktdaten:

Beitrag von ccDesigns. »

Wow, für so eine Antwort hat es sich gelohnt, zu warten!

Hab tausendmal Dank! Die ersten beiden Probleme wurden gelöst und das dritte Problem werde ich versuchen, mit dem Firebug zu lösen.

Ich werde dich im Footer verlinken, wenn du nichts dagegen hast. :)
Benutzeravatar
roum
Mitglied
Beiträge: 569
Registriert: 12.07.2004 13:23
Wohnort: Köllefornia
Kontaktdaten:

Beitrag von roum »

Hab tausendmal Dank! Die ersten beiden Probleme wurden gelöst
Super, freut mich das es klappt. Hat auch ne Weile gedauert bis ich das ausgetüftelt habe :wink:
Ich werde dich im Footer verlinken, wenn du nichts dagegen hast.
Kannste machen wenn du unbedingt willst. Brauchst es aber nicht machen. Ich betreibe ja nur ein kleines Forum für meinen Freundeskreis. Da wird sich ohnehin kaum einer hin verirren (wollen).
Jeder Tag ist gleich lang doch unterschiedlich breit.
Antworten

Zurück zu „phpBB 2.0: Styles, Templates und Grafiken“