ilch Forum » Ilch Clan 1.1 » Module und Modifikationen » "Topmatch"-Box umbauen

Geschlossen
  1. #1
    User Pic
    [F-F] sterope Mitglied
    Registriert seit
    11.06.2013
    Beiträge
    23
    Beitragswertungen
    0 Beitragspunkte
    Hallo zusammen,

    derzeit baue ich eine neue Homepage auf, bei der ich noch Hilfestellung bei der Anpassung der "Topmatch"-Box benötige. Ich hoffe dabei auf euch und freue mich über jeden Hilfe-Versuch!

    Zuerst möchte ich euch, zur einfacheren Erklärbarkeit, bitten, auf die betroffene Site zu gehen (Homepage).

    Bei folgenden Aufgaben benötige ich eure Hilfe:

    • "VS"-Schriftzug muss in die horizontale und vertikale Mitte der blauen Box.
    • Beide Clan-Bilder (derzeit Katze und schwarzes Quadrat) müssen in die vertikale und horizontale Mitte der weißen Boxen in der blauen Box.
    • "Datum und Uhrzeit"-Schriftzug muss vertikal in die Mitte, horziontal direkt unter die blaue Box mit vllt. 5 Pixeln Abstand zur blauen Box.
    • "Matchansicht" muss vertikal in die Mitte der weißen Box und horizontal direkt unter den "Datum und Uhrzeit"-Schrifzug.


    Wie kann ich dies lösen?

    Leider kenne ich mich mit PHP nur sehr eingeschränkt aus, sodass mir eine Code-Anpassung des Original-Codes am Liebsten wäre, wenn es nicht zu viel Umstand macht.

    Vielen herzlichen Dank schonmal vorab und einen lieben Gruß
    sterope

    Original-Code:
    <?php
    #   Copyright by: Tobias Schwarz
    #   Support www.ilch.de
    
    
    defined ('main') or die ( 'no direct access' );
    
    echo '<table width="100%" border="0" cellpadding="2" cellspacing="0">';
    $akttime = date('Y-m-d');
    $erg = @db_query("SELECT DATE_FORMAT(datime,'&nbsp; %d.%m.%y - %H:%i Uhr') as time,oid, id, game, status, tid, owp, opp, wlp FROM prefix_wars WHERE topmatch = 1 ORDER BY datime LIMIT 5");
    if ( @db_num_rows($erg) == 0 ) {
    	echo '<tr><td>kein Topmatch gesetzt</td></tr>';
    } else {
    	while ($row = @db_fetch_object($erg) ) {
    	 
    	 if($row->status == 2) {
        $war = "next";
       } else {
        $war = "last";
       }
    	 
    	 if($row->wlp == 1) {
        $color = "green";
       }elseif ($row->wlp == 2) {
        $color = "red";
       } else {
        $color = "black";
       }
    	 
    		$row->gegner = '<img width="90" height="90" src="'.get_opponent_details('logo', $row->oid).'" alt="'.get_opponent_details('name', $row->oid).'" />';
    		$row->team = '<img width="90" height="90" src="'.get_team_details('logo', $row->tid).'" alt="'.get_team_details('name', $row->tid).'" />';
    
    		echo '<tr>
                <td>'.$row->team.'</td>
                <td style="vertical-align:middle;font-size:14px;"><b>VS</b></td>
                <td>'.$row->gegner.'</td>
              </tr>';
        if($war == "last") {
        echo '<tr>
                <td colspan="3" align="center" style="color: '.$color.'">'.$row->owp.':'.$row->opp.'</td>
              </tr>';
        }
        echo '<tr>
                <td colspan="3" style="font-size:10px;"><b>'.$row->time.'</b></td>
              </tr>
              <tr>
                <td align="center" colspan="3"><a href="index.php?wars-'.$war.'-'.$row->id.'" style="font-size: 10px;">MATCHANSICHT</a></td>
              </tr>';
    	}
    }
    echo '</table>';
    ?>


    betroffene Homepage: externer Link
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Rock@wulf Hall Of Fame
    Registriert seit
    03.06.2004
    Beiträge
    3.282
    Beitragswertungen
    239 Beitragspunkte
    ZitatZitat
    Leider kenne ich mich mit PHP nur sehr eingeschränkt aus,



    Gut das es damit nichts zu tun hat alle deine Änderungen kannst du in den entsprechenden html Dateien vornehmen.
    Meine Postings repräsentieren meine Meinung wenn nicht anders gekennzeichnet.
    MFG Rock@wulf
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    [F-F] sterope Mitglied
    Registriert seit
    11.06.2013
    Beiträge
    23
    Beitragswertungen
    0 Beitragspunkte
    Und in welcher HTML-Datei soll dies hinterlegt sein?

    Ich finde nur eine Verknüfpung zur "Topmatch"-Box in meiner index.htm, die im Design-Ordner hinterlegt ist, in dieser werden aber nur die TD-Maße festgelegt. Ansonsten kann ich nirgends eine "Topmatch.htm" finden.

    Bitte um "Aufklärung".

    Gruß
    sterope
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    [F-F] sterope Mitglied
    Registriert seit
    11.06.2013
    Beiträge
    23
    Beitragswertungen
    0 Beitragspunkte
    Vergiss es bitte, Kommando zurück, die Befehle sind natürlich auch in der .php hinterlegt...manchmal sieht man den Wald vor lauter Bäumen nicht:).

    Danke für die Hilfe

    Gruß
    sterope
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Trucker-Siggi Mitglied
    Registriert seit
    21.11.2010
    Beiträge
    740
    Beitragswertungen
    41 Beitragspunkte
    welche TopMatch-Box ist das? die vom Original Advans...
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    [F-F] sterope Mitglied
    Registriert seit
    11.06.2013
    Beiträge
    23
    Beitragswertungen
    0 Beitragspunkte
    Müsste vom Advanced War-Pakets sein, die Anfänge hat der Kollege gemacht und ich mache das jetzt Weiter, weshalb ich es nicht sicher sagen kann, welche Quelle wir nutzen. Hintergrundgrafik ist aber selbstgestaltet.

    Noch eine letzte Frage:
    Versuche gerade, die Schriftart für die einzelnen Texte der Box zu definieren, mit
    <td align="center" colspan="3" font-family:"webdings">
    scheitere ich aber glorreich.

    Jemand eine Idee?

    Gruß
    sterope
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    she Mitglied
    Registriert seit
    13.11.2010
    Beiträge
    1.115
    Beitragswertungen
    82 Beitragspunkte
    <td align="center" colspan="3" style="font-family:webdings;">
    Google+ shelfinger.eu
    Das Wissen verfolgt mich - doch ich bin schneller!
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.675
    Beitragswertungen
    1212 Beitragspunkte
    <td colspan="3" style="text-align:center; font-family:webdings">

    ...besser aber mit einer Klasse arbeiten.

    PS: zu langsam zwinker


    Zuletzt modifiziert von Lord|Schirmer am 22.07.2013 - 20:35:45
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    [F-F] sterope Mitglied
    Registriert seit
    11.06.2013
    Beiträge
    23
    Beitragswertungen
    0 Beitragspunkte
    Danke an die bisherigen Antworter!

    Habe den Code eingearbeitet, beide Varianten probiert, leider keine Funktion in meinen Browsern erkennbar.

    Wie ist es bei euch?
    Weitere Vorschläge?

    Getestet mit Firefox 22.0 und Internet Explorer 10.0.9.

    P.s.: Die von mir gewünschte Zentrierung hingegen hat funktioniert.

    Gruß
    sterope


    Zuletzt modifiziert von [F-F] sterope am 22.07.2013 - 20:49:08
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.675
    Beitragswertungen
    1212 Beitragspunkte
    Poste mal deinen Code! Ist Webdings als Schriftart erwünscht?
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    [F-F] sterope Mitglied
    Registriert seit
    11.06.2013
    Beiträge
    23
    Beitragswertungen
    0 Beitragspunkte
    Webdings habe ich nur zu Testzwecken genommen, da man aufgrund der Symbol-Schriftart schön sieht, ob's geklappt hat, oder nicht. Die richtige Schriftart wird Verdana sein.

    Anebei der vollständige Code:

    <?php
    #   Copyright by: Tobias Schwarz
    #   Support www.ilch.de
    
    
    defined ('main') or die ( 'no direct access' );
    
    echo '<table width="100%" border="0" cellpadding="2" cellspacing="0">';
    $akttime = date('Y-m-d');
    $erg = @db_query("SELECT DATE_FORMAT(datime,'&nbsp; %d.%m.%y - %H:%i Uhr') as time,oid, id, game, status, tid, owp, opp, wlp FROM prefix_wars WHERE topmatch = 1 ORDER BY datime LIMIT 5");
    if ( @db_num_rows($erg) == 0 ) {
    	echo '<tr><td>kein Topmatch gesetzt</td></tr>';
    } else {
    	while ($row = @db_fetch_object($erg) ) {
    	 
    	 if($row->status == 2) {
        $war = "next";
       } else {
        $war = "last";
       }
    	 
    	 if($row->wlp == 1) {
        $color = "green";
       }elseif ($row->wlp == 2) {
        $color = "red";
       } else {
        $color = "black";
       }
    	 
    		$row->gegner = '<img width="90" height="90" src="'.get_opponent_details('logo', $row->oid).'" alt="'.get_opponent_details('name', $row->oid).'" />';
    		$row->team = '<img width="90" height="90" src="'.get_team_details('logo', $row->tid).'" alt="'.get_team_details('name', $row->tid).'" />';
    
    		echo '<tr>
                <td>'.$row->team.'</td>
                <td style="vertical-align:middle;font-size:14px;"><b>VS</b></td>
                <td>'.$row->gegner.'</td>
              </tr>';
        if($war == "last") {
        echo '<tr>
                <td colspan="3" align="center" style="color: '.$color.'">'.$row->owp.':'.$row->opp.'</td>
              </tr>';
        }
        echo '<tr>
                <td colspan="3" style="font-size:10px;"><b>'.$row->time.'</b></td>
              </tr>
              <tr>
         <td colspan="3" style="text-align:center; font-family:webdings"><a href="index.php?wars-'.$war.'-'.$row->id.'" style="font-size: 10px;">MATCHANSICHT</a></td>
              </tr>';
    	}
    }
    echo '</table>';
    ?>


    Und hier nur der Code-Abschnitt:
             <tr>
                <td colspan="3" style="text-align:center; font-family:webdings"><a href="index.php?wars-'.$war.'-'.$row->id.'" style="font-size: 10px;">MATCHANSICHT</a></td>
              </tr>';


    Gruß
    sterope


    Zuletzt modifiziert von [F-F] sterope am 22.07.2013 - 21:23:16
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.675
    Beitragswertungen
    1212 Beitragspunkte
    <td colspan="3" style="text-align:center"><a href="index.php?wars-'.$war.'-'.$row->id.'" style="font-family:Verdana;font-size:10px">MATCHANSICHT</a></td>
    rules :: doku :: faq :: linkus
    1 Mitglieder finden den Beitrag gut.
  13. #13
    User Pic
    [F-F] sterope Mitglied
    Registriert seit
    11.06.2013
    Beiträge
    23
    Beitragswertungen
    0 Beitragspunkte
    Scheint zu funktionieren. Was mich wundert, dass er Webdings nicht annimmt, obwohl die Schriftart installiert ist.

    Vielen Dank für die Lösung, das geht offensichtlich.

    Gruß
    sterope
    0 Mitglieder finden den Beitrag gut.
  14. #14
    User Pic
    she Mitglied
    Registriert seit
    13.11.2010
    Beiträge
    1.115
    Beitragswertungen
    82 Beitragspunkte
    Moeglichkeiten hast du...

    Das Webdings nicht in Firefox funktioniert ist bekannt und gewollt.

    Um trotzdem Webdings zuladen kannst du es ueber Font-Face laden. Dazu braeuchtest du aber die EOT,TTF Dateien (Google hilft)

    @font-face {
        font-family: 'webdings';
        src: url('webdings.eot?') format('eot'),
             url('webdings.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }


    Dies ist der CSS Klasse. Nun kannst du font-family ueberall benutzen.


    Zuletzt modifiziert von she am 22.07.2013 - 22:22:11
    Google+ shelfinger.eu
    Das Wissen verfolgt mich - doch ich bin schneller!
    0 Mitglieder finden den Beitrag gut.
  15. #15
    User Pic
    [F-F] sterope Mitglied
    Registriert seit
    11.06.2013
    Beiträge
    23
    Beitragswertungen
    0 Beitragspunkte
    Verstanden. Dank euch habe ich nun das Schriftproblem gelöst, stehe aber jetzt vor dem Nächsten:

    Wie kann ich die einzelnen Script-Elemente auf meiner Seite positioneren?

    Beispiel: Die Clan-Logos (schwarzes Rechteck und Katze) müssen in die weißen Rechtecke des blauen Kastens meiner "Upcoming Match"-Grafik, derzeit stehen sie noch zu weit Rechts und Darunter.


    Laut selfhtml ist es nicht möglich, eine absolute Positionierung bei <td>-Elementen vorzunehmen. Bedeutet für mich derzeit, ich muss das .php-Script in größerem Maße anpassen.

    Wie gehe ich das am Besten an?
    Wie würdet ihr mein Problem lösen?
    Oder übersehe ich gerade eine einfachere Variante?
    <?php
    #   Copyright by: Tobias Schwarz
    #   Support www.ilch.de
    
    
    defined ('main') or die ( 'no direct access' );
    
    echo '<table width="346px" height"170px" border="0" cellpadding="2" cellspacing="0">';
    $akttime = date('Y-m-d');
    $erg = @db_query("SELECT DATE_FORMAT(datime,'&nbsp; %d.%m.%y - %H:%i Uhr') as time,oid, id, game, status, tid, owp, opp, wlp FROM prefix_wars WHERE topmatch = 1 ORDER BY datime LIMIT 5");
    if ( @db_num_rows($erg) == 0 ) {
    	echo '<tr><td>kein Topmatch gesetzt</td></tr>';
    } else {
    	while ($row = @db_fetch_object($erg) ) {
    	 
    	 if($row->status == 2) {
        $war = "next";
       } else {
        $war = "last";
       }
    	 
    	 if($row->wlp == 1) {
        $color = "green";
       }elseif ($row->wlp == 2) {
        $color = "red";
       } else {
        $color = "black";
       }
    	 
    		$row->gegner = '<img width="90" height="90" src="'.get_opponent_details('logo', $row->oid).'" alt="'.get_opponent_details('name', $row->oid).'" />';
    		$row->team = '<img width="90" height="90" src="'.get_team_details('logo', $row->tid).'" alt="'.get_team_details('name', $row->tid).'" />';
    
    		echo '<tr>
                <td>'.$row->team.'</td>
                <td style=";vertical-align:font-size:14px;"><b>VS</b></td>
                <td>'.$row->gegner.'</td>
              </tr>';
        if($war == "last") {
        echo '<tr>
                <td colspan="3" align="center" style="color: '.$color.'">'.$row->owp.':'.$row->opp.'</td>
              </tr>';
        }
        echo '<tr>
                <td colspan="3" style="text-align:center; font-family:Verdana; font-size:11px;"><b>'.$row->time.'</b></td>
              </tr>
              <tr>
                <td colspan="3" style="text-align:center"><a href="index.php?wars-'.$war.'-'.$row->id.'" style="font-family:Verdana;font-size:10px">MATCHANSICHT</a></td>
              </tr>';
    	}
    }
    echo '</table>';
    ?>


    Gruß
    sterope


    Zuletzt modifiziert von [F-F] sterope am 23.07.2013 - 17:58:13
    0 Mitglieder finden den Beitrag gut.
  16. #16
    User Pic
    [F-F] sterope Mitglied
    Registriert seit
    11.06.2013
    Beiträge
    23
    Beitragswertungen
    0 Beitragspunkte
    Keiner eine Idee?
    0 Mitglieder finden den Beitrag gut.
  17. #17
    User Pic
    Boy83Ol Mitglied
    Registriert seit
    23.01.2008
    Beiträge
    395
    Beitragswertungen
    12 Beitragspunkte
    Mach doch mal ein design zur Ansicht wie es aussehen soll und per html geht das wunderbar dazu benötigst du die php nicht Positionierung kannst schnell per div machen
    Gestern noch zu blöd, den Computer einzuschalten,
    heute schon die eigene Homepage
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Module und Modifikationen

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten