ilch Forum » Allgemein » HTML, PHP, SQL,... » Anpassung von Lastwars-Box

Geschlossen
  1. So. 15.01.2012 17:02 Uhr #1
    User Pic
    Infamous Mitglied
    Registriert seit
    11.06.2010
    Beiträge
    14
    Beitragswertungen
    0 Beitragspunkte
    Gute Morgen!

    Ich arbeite gerade am DDvXv2 für eine Community!
    Wie man sehen kann, habe ich den Imageslider durch eine Lastwars-Box ersetzt!
    Leider stimmen die Proportionen so ganz, wie bei der Lastnews und Lastforum-Box.

    Ich danke im Vorraus für Hilfe.

    MfG Ken

    Einmal die lastwars.php 

    <?php 
#   Copyright by Manuel 
#   Support www.ilch.de 


defined ('main') or die ( 'no direct access' ); 

$farbe = ''; 
$farb2 = ''; 

echo '<table style="padding-top:0px; padding-bottom:2px; padding-left:3px;" cellspacing="2" cellpadding="3" width="95%">'; 
$erg = db_query('SELECT DATE_FORMAT(datime,"%d.%M.%Y - %H:%i") as datum,tag, owp, opp, gegner, id, game, wlp FROM prefix_wars WHERE status = "3" ORDER BY datime DESC LIMIT 5'); 
while ($row = db_fetch_object($erg) ) { 
    $row->tag = ( empty($row->tag) ? $row->gegner : $row->tag ); 

  if ($row->wlp == 1) { 
    $bild = 'include/images/icons/win.png'; 

  } elseif ($row->wlp == 2) { 
    $bild = 'include/images/icons/los.png'; 

  } elseif ($row->wlp == 3) { 
    $bild = 'include/images/icons/pad.png'; 

  } 

      
echo'<tr>'; 
echo'<td><table width="100%" border="0" cellspacing="1" cellpadding="7">'; 
echo'<tr>'; 
echo'<td style="padding-right:10px" rowspan="2" align="left" valign="middle">'.get_wargameimg($row->game).'</td>'; 
echo'<td style="padding-right:10px;font-weight:bold;color:#39F;font-size:10px;" rowspan="2" align="left" valign="middle">vs.</td>'; 
echo'<td width="100%" style="font-size:13px;font-weight:bold;"><a class="lasttitle" href="index.php?wars-more-'.$row->id.'">'.$row->tag.'</a></td>'; 
echo'<td width="20%" rowspan="2" align="left" valign="middle"><table width="42" border="0" cellspacing="0" cellpadding="0">'; 
echo'<tr>'; 
echo'<td style="color:#000;font-weight:bold;font-size:9px;" background="'.$bild.'" width="42" height="16" align="center" valign="middle">'.$row->owp.':'.$row->opp.'</td>'; 
echo'</tr>'; 
echo'</table></td>'; 
echo'</tr>'; 
echo'<tr>'; 
echo'<td style="font-weight:bold;color:#4a4a4a;font-size:7px;">'.$row->datum.' Uhr</td>'; 
echo'</tr>'; 
echo'</table></td>'; 
echo'</tr>'; 

} 
echo '</table>'; 
?>





    Und hier ist die index.htm 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  
<html>
<head>
   
<title>{TITLE}</title>
<!-- Title Start -->
<script type='text/javascript'>
<!--
var textcount = 0;

var titletext = new Array();

// hier den Titel anpassen
titletext[textcount++] = "Herzlich Willkommen";
titletext[textcount++] = "bei Gamers and Friends";
titletext[textcount++] = "Schön das ihr uns";
titletext[textcount++] = "gefunden habt.";
titletext[textcount++] = "Ihr habt keinen Clan,";
titletext[textcount++] = "sucht aber Leute";
titletext[textcount++] = "zum Zocken?";
titletext[textcount++] = "Dann seid ihr";
titletext[textcount++] = "hier richtig!";
titletext[textcount++] = "Besucht uns";
titletext[textcount++] = "im eigenen TS3";
titletext[textcount++] = "und habt Spass!";

// ab hier nichts mehr ändern
var i  = 1;
var wo = 0;
var ud = 1;

function animatitle() {
   window.document.title = titletext[wo].substr(0, i)+"_"; 
   if ( ud== 0 ) i--;
   if ( ud== 1 ) i++;
   if ( i== -1 ) {
      ud = 1;
      i  = 0;
      wo++;
      wo = wo % titletext.length;
   }
   if ( i == titletext[wo].length + 10 ) {
      ud = 0;
      i  = titletext[wo].length;
   }
   parent.window.document.title = titletext[wo].substr(0, i) + "_";
   setTimeout( "animatitle()", 80 );
} 
animatitle();
//-->
</script>
<!-- Title Ende -->
   
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" type="text/css" href="include/designs/DDvXv2/style.css">
    
    
<style type="text/css">

.hame
{
   display: block;
   border:none;
   color: #4a4a4a;
   font-size: 12px;
   width: 208px;
   text-indent: 50px;
   text-decoration: none;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   line-height:26px;
   background: url(include/designs/DDvXv2/Bilder/button_sitemenu.png);
}
.hame:hover
{
   display: block;
   border:none;
   color: #39F;
   font-size: 12px;
   width: 208px;
   text-indent: 50px;
   text-decoration: none;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   line-height:26px;
   background: url(include/designs/DDvXv2/Bilder/button_sitemenu_2.png);
} 


/*--Setzt alle Abstände auf "Null"--*/ 
* { 
margin: 0; 
padding: 0; 
}

/*--formatiert die Menüleiste + BGcolor Blau--*/ 
#menu { 
width: 1100px;
height:38px; 
background: ; 
font-family: Verdana; 
font-size: 1em; 
line-height: 1.5; 
float: left; 
}

/*--formatiert die Themenblöcke - Nebeneinander--*/ 
#menu ul { 
float: left; 
width: 119px;
list-style-type: none;
padding-top: 2px;
}

/*--definiert die Blocküberschriften--*/ 
#menu h3 { 
font-size: 11px; 
text-align: center; 
color: #CCC; 
border: 0px solid #003366; /*--erforderlich für IE 7--*/ 
background: url(include/designs/DDvXv2/Bilder/button.png);
height: 29px;
width: 119px;
padding-top: 9px;
} 

/*--definiert die Blocküberschriften--*/ 
#menu h3:hover { 
font-size: 11px; 
text-align: center; 
color: #3CF; 
border: 0px solid #003366; /*--erforderlich für IE 7--*/ 
height: 29px;
width: 119px;
background: url(include/designs/DDvXv2/Bilder/button_hover.png);
padding-top: 9px;
} 

/*--definiert die "Drop-Down-Links" im Normalzustand--*/ 
#menu a { 
text-decoration: none; 
display: block; 
border: 1px solid #222; 
text-align: center; 
background: url(include/designs/DDvXv2/Bilder/DropDownbutton.png);
color: #3CF;
height: 20px; 
} 

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/ 
#menu a:hover { 
color: #000; 
background: url(include/designs/DDvXv2/Bilder/DropDownbutton_hover.png);
}

/*--definiert einen Einzellink im Normalzustand, wenn kein Drop-Down erforderlich--*/ 

#menu a.direkt:link { 
font-size: 11px; 
font-weight: bold; 
text-align: center; 
color: #CCC; 
border: 0px solid #003366;  
background: url(include/designs/DDvXv2/Bilder/button.png);
height: 29px;
width: 119px;
padding-top: 9px;
} 

/*--definiert einen Einzellink im Hoverzustand, wenn kein Drop-Down erforderlich--*/ 

#menu a.direkt:hover { 
font-size: 11px; 
font-weight: bold; 
text-align: center; 
color: #3CF; 
border: 0px solid #ccc; 
height: 29px;
width: 119px;
background: url(include/designs/DDvXv2/Bilder/button_hover.png);
padding-top: 9px;
} 

/* 
*verhindert im Zusammenhang mit position absolute bei ul ul 
*eine Höhenvergrößerung von #menu beim Hovern-- 
*/ 

#menu li { 
position: relative; 
} 

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/ 
#menu ul ul { 
position: absolute; 
z-index: 2; 
display: none; 
}

/*--lässt die Dropdown-Links beim Hovern erscheinen--*/ 
#menu ul li:hover ul { 
display: block; 
}

/*--nur für IE-Versionen kleiner gleich 6 erkennbar--*/ 

* html #menu ul li { 
float: left; 
width: 100%; 
} 

/*--nur für IE 7 erkennbar--*/ 

*+ html #menu ul li { 
float: left; 
width: 100%; 
}


</style>

</head>

<body> 

<center>
<center>

<table width="100%" border="0" align="center" cellspacing="0" cellpadding="0">
    <tr>
        <td width="2000 height="29" align="center" background="include/designs/DDvXv2/Bilder/loginbar.png">
        <div id="top">{_boxes_login}</div>
        </td>
    </tr>
</table>

   <table width="1100" border="0" cellpadding="0" cellspacing="0">
    <tr>
     <td width="1100" height="49" align="left">
       <table border="0" cellpadding="0" cellspacing="0">
        <tr>
         <td style="padding-top: 0px;"><a href="index.php" onClick="toggleMenu(1);"><img src="/include/designs/DDvXv2/Bilder/submenu/home.png" onMouseOver="this.src='/include/designs/DDvXv2/Bilder/submenu/home_hover.png'" onMouseOut="this.src='/include/designs/DDvXv2/Bilder/submenu/home.png'" border="0"></a><a href="?news" onClick="toggleMenu(1);"><img src="/include/designs/DDvXv2/Bilder/submenu/news.png" onMouseOver="this.src='/include/designs/DDvXv2/Bilder/submenu/news_hover.png'" onMouseOut="this.src='/include/designs/DDvXv2/Bilder/submenu/news.png'" border="0"></a><a href="?forum" onClick="toggleMenu(1);"><img src="/include/designs/DDvXv2/Bilder/submenu/forum.png" onMouseOver="this.src='/include/designs/DDvXv2/Bilder/submenu/forum_hover.png'" onMouseOut="this.src='/include/designs/DDvXv2/Bilder/submenu/forum.png'" border="0"></a><a href="?user" onClick="toggleMenu(1);"><img src="/include/designs/DDvXv2/Bilder/submenu/user.png" onMouseOver="this.src='/include/designs/DDvXv2/Bilder/submenu/user_hover.png'" onMouseOut="this.src='/include/designs/DDvXv2/Bilder/submenu/user.png'" border="0"></a><a href="?teams" onClick="toggleMenu(1);"><img src="/include/designs/DDvXv2/Bilder/submenu/teams.png" onMouseOver="this.src='/include/designs/DDvXv2/Bilder/submenu/teams_hover.png'" onMouseOut="this.src='/include/designs/DDvXv2/Bilder/submenu/teams.png'" border="0"></a><a href="?links" onClick="toggleMenu(1);"><img src="/include/designs/DDvXv2/Bilder/submenu/links.png" onMouseOver="this.src='/include/designs/DDvXv2/Bilder/submenu/links_hover.png'" onMouseOut="this.src='/include/designs/DDvXv2/Bilder/submenu/links.png'" border="0"></a><a href="?gbook" onClick="toggleMenu(1);"><img src="/include/designs/DDvXv2/Bilder/submenu/gbook.png" onMouseOver="this.src='/include/designs/DDvXv2/Bilder/submenu/gbook_hover.png'" onMouseOut="this.src='/include/designs/DDvXv2/Bilder/submenu/gbook.png'" border="0"></a><a href="?joinus" onClick="toggleMenu(1);"><img src="/include/designs/DDvXv2/Bilder/submenu/joinus.png" onMouseOver="this.src='/include/designs/DDvXv2/Bilder/submenu/joinus_hover.png'" onMouseOut="this.src='/include/designs/DDvXv2/Bilder/submenu/joinus.png'" border="0"></a><a href="?fightus" onClick="toggleMenu(1);"><img src="/include/designs/DDvXv2/Bilder/submenu/fightus.png" onMouseOver="this.src='/include/designs/DDvXv2/Bilder/submenu/fightus_hover.png'" onMouseOut="this.src='/include/designs/DDvXv2/Bilder/submenu/fightus.png'" border="0"></a>

   <table width="1100" border="0" cellpadding="0" cellspacing="0">
    <tr>
     <td width="1100" height="5" align="right" background="include/designs/DDvXv2/Bilder/kante.png">
     </td>
    </tr>
   </table

<center>
  
   <table width="1100" border="0" cellpadding="0" cellspacing="0" background="include/designs/DDvXv2/Bilder/header.png">
    <tr>
     <td width="1100" height="246" align="right">
     </td>
    </tr>
   </table>
   
   <table width="1100" border="0" cellpadding="0" cellspacing="0">
    <tr>
     <td width="1100" height="5" align="right" background="include/designs/DDvXv2/Bilder/kante2.png">
     </td>
    </tr>
   </table>

   <table width="1100" border="0" cellpadding="0" cellspacing="0" background="include/designs/DDvXv2/Bilder/lastbox.png">
    <tr>
     <td width="350" height="199" valign="top">
      <table width="100%"><tr>
        <td width="100%" style="padding-left: 10px; padding-top: 19px; padding-right:10px;">{_boxes_DDVX-LASTNEWS}</td></tr></table>
     </td>
     <td width="350" height="199" valign="top">
      <table width="100%"><tr>
        <td width="100%" style="padding-left: 15px; padding-top: 19px;">{_boxes_DDVX-LASTFORUM}</td></tr></table>
     </td> 
     <td width="350" height="199" valign="top">
      <table width="100%"><tr>
        <td width="100%" style="padding-left: 15px; padding-top: 19px;">{_boxes_DDV8LASTWARS}</td></tr></table>
     </td>
      </td></tr></table>
     </td>
    </tr>
   </table>
   
   <table width="1100" border="0" cellpadding="0" cellspacing="0">
    <tr>
     <td width="1100" height="6" background="include/designs/DDvXv2/Bilder/page_bg_oben.png"></td>
    </tr>
   </table>
   
   <table width="1100" border="0" cellpadding="0" cellspacing="0">
    <tr>
     <td width="1100" background="include/designs/DDvXv2/Bilder/page_bg.png">
     
      <table width="1100" border="0" cellpadding="0" cellspacing="0">
       <tr>
        <td width="230" align="left" valign="top">
         {_list_menunr1@
         <table width="230" border="0" cellpadding="0" cellspacing="0">
          <tr>
           <td width="230" height="51" align="center" background="include/designs/DDvXv2/Bilder/box_links_oben.png"><div style="color:#CCC;"><b>%1</b></div></td>
          </tr>
          <tr>
           <td width="230" align="left" valign="top" background="include/designs/DDvXv2/Bilder/box_links_mitte.png">
           
           <table width="230" border="0" cellspacing="0" cellpadding="0">
            <tr>
             <td width="11">&nbsp;</td>
             <td align="left" valign="top" class="hame">%2</td>
            </tr>
           </table>
   
           </td>
          </tr>
          <tr>
           <td width="230" height="15" background="include/designs/DDvXv2/Bilder/box_links_unten.png"></td>
          </tr>
         </table>    
         }
         
         {_list_menunr4@
         <table width="230" border="0" cellpadding="0" cellspacing="0">
          <tr>
           <td width="230" height="51" align="center" background="include/designs/DDvXv2/Bilder/box_links_oben.png"><div style="color:#CCC;"><b>%1</b></div></td>
          </tr>
          <tr>
           <td width="230" align="center" valign="top" background="include/designs/DDvXv2/Bilder/box_links_mitte.png">
           
           <table width="230" border="0" cellspacing="0" cellpadding="0">
            <tr>
             <td width="15">&nbsp;</td>
             <td align="center" valign="top">%2</td>
             <td width="15">&nbsp;</td>
            </tr>
           </table>
   
           </td>
          </tr>
          <tr>
           <td width="230" height="15" background="include/designs/DDvXv2/Bilder/box_links_unten.png"></td>
          </tr>
         </table>    
         }
        </td>
        <td width="640" align="left" valign="top">
         <table width="638" cellpadding="0" cellspacing="0" border="0">
          <tr>
           <td height="64" background="include/designs/DDvXv2/Bilder/hamanu.png"><div style="padding-left:15px; padding-bottom:20px;">{HMENU}</div></td>
          </tr>
          <tr>
           <td><div style="padding-left:10px; padding-right:10px; padding-bottom:20px;">{EXPLODE}</div></td>
          </tr>
         </table>
        </td>
        <td width="230" align="left" valign="top">
        
        {_list_menunr5@
         <table width="230" border="0" cellpadding="0" cellspacing="0">
          <tr>
           <td width="230" height="51" align="center" background="include/designs/DDvXv2/Bilder/box_rechts_oben.png"><div style="color:#CCC;"><b>%1</b></div></td>
          </tr>
          <tr>
           <td width="230" align="center" background="include/designs/DDvXv2/Bilder/box_rechts_mitte.png">
           
           <table width="230" border="0" cellspacing="0" cellpadding="0">
            <tr>
             <td width="15">&nbsp;</td>
             <td align="center" valign="top">%2</td>
             <td width="15">&nbsp;</td>
            </tr>
           </table>
           
           </td>
          </tr>
          <tr>
           <td width="230" height="17" background="include/designs/DDvXv2/Bilder/box_rechts_unten.png"></td>
          </tr>
         </table>    
         }
        
        </td>
       </tr>
      </table>
     
     </td>
    </tr>
   </table>
   
   <table width="1100" border="0" cellpadding="0" cellspacing="0">
    <tr>
     <td width="1100" height="130" valign="bottom"><img src="include/designs/DDvXv2/Bilder/footer.png" border="0" usemap="#Map"/>
     </td>
    </tr>
   </table>
   
   <br />
   
  </td>
</tr>
</table>


</center>




<map name="Map" id="Map">
  <area shape="rect" target="_blank" coords="27,90,281,118" href="http://www.dragondesigns.de" alt="copyright" />
  <area shape="rect" coords="962,72,1017,115" href="#" alt="on top" />
</map>
</body>
</html>


<!-- {_list_DDDmenupoint@<strong><big>&middot;</big></strong><a %1 href="%2">%3</a><br />}
{_list_hmenupoint@<li><a target="%1" href="%2">%3</a>|</li>|<br />|</ul></li>}
{_list_hmenubegi@<ul>}
{_list_hmenuende@</ul>}
{_list_vmenupoint@<a target="%1" class="hame" href="%2">%3</a>}
{_list_vmenubegi@}
{_list_vmenuende@}//-->


    Und denn noch die Lastnews.php 


    <style type="text/css">
.lastautor { 
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #4a4a4a;
font-size:9px;
}
.lastautor:hover { 
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #39F;
font-size:9px;
}

.vor { 
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #4a4a4a;
font-size:9px;
}

</style>


<?php
#   Copyright by C.C.A.A.
#	Support www.DragonDesigns.de

defined ('main') or die ( 'no direct access' );

$sql ='SELECT
          a.news_kat as kate,
          UNIX_TIMESTAMP(a.news_time) as time,      
          a.news_title as title,
          a.news_id as nid,      
          b.name as uname,
          b.id as uid          
          FROM prefix_news as a
          LEFT JOIN prefix_user as b ON a.user_id = b.id
          WHERE news_recht >= '.$_SESSION['authright'].'
          ORDER BY a.news_time DESC
          LIMIT 0,5';

$erg = db_query($sql);
echo '<table width="100%" style="padding-bottom:2px; padding-left:10px;" cellspacing="2" cellpadding="3">';
while ($row = db_fetch_object($erg)) {  
echo'<tr>';
echo'<td><table width="100%" border="0" cellspacing="1" cellpadding="6">';
echo'<tr>';
echo'<td rowspan="2" align="center" valign="middle"><img style="padding-right:5px;" src="include/images/icons/lastcat.png" width="22" height="22" /></td>';
echo'<td width="100%" colspan="2" align="left"><b><a style="color:#4a4a4a;" href="index.php?news-'.$row->nid.'">'.((strlen($row->title)<30) ? $row->title : substr($row->title,0,27).'...').'</a></b></td>';
echo'</tr>';
echo'<tr>';
echo'<td width="70%" align="left" class="lastautor">'.$lang[date('l', $row->time)].', '.date('d. M  Y', $row->time).'|'.date('H:i',$row->time).'Uhr</td>';
echo'<td width="30%" salign="left" class="vor">Autor:&nbsp;<a class="lastautor" href="index.php?user-details-'.$row->uid.'">'.$row->uname.'</a></td>';
echo'</tr>';
echo'</table></td>';
echo'</tr>';
}
echo '</table>';
?>


    betroffene Homepage: nwa-testpage.square7.ch


    Zuletzt modifiziert von Infamous am 15.01.2012 - 17:03:27
    0 Mitglieder finden den Beitrag gut.
  2. So. 15.01.2012 17:07 Uhr #2
    User Pic
    Saarlonz Hall Of Fame
    Registriert seit
    07.08.2008
    Beiträge
    3.003
    Beitragswertungen
    235 Beitragspunkte
    Erklär dein Problem bitte genauer. Kann so auf den ersten Blick nichts falsches erkennen. Meinst du dem Abstand zum obereren Rand??
    0 Mitglieder finden den Beitrag gut.
  3. So. 15.01.2012 17:44 Uhr #3
    User Pic
    Infamous Mitglied
    Registriert seit
    11.06.2010
    Beiträge
    14
    Beitragswertungen
    0 Beitragspunkte
    Ja, die Abstände sollen oben, unten und zu den Linien hin passen.
    0 Mitglieder finden den Beitrag gut.
  4. So. 15.01.2012 22:10 Uhr #4
    User Pic
    Soldat53b gelöschter User
    Ich habs mir mal auf der Seite angeschaut.

    Irgendwo müsste im Codegewirr der ganzen Tabellen folgendes stehen: 
    <table width="100%">
<tbody>
<tr>
<td width="100%" style="padding-left: 15px; padding-top: 19px;">
<table width="90%" cellspacing="10" cellpadding="0" border="0" style="padding-top:1px">


    wenn du dann aus der letzten zeile da das machst: 
    <table width="90%" cellspacing="4" cellpadding="0" border="0" style="padding-top:1px">

    wird das für die last wars schonmal besser aussehen. aber noch nicht ganz perfekt.

    und für lastnews steht irgendwo: 
    <table width="100%" cellspacing="2" cellpadding="3" style="padding-bottom:2px; padding-left:10px;">

    und das erstzt du einfach mit: 
    <table width="100%" cellspacing="1" cellpadding="3" style="padding-bottom:2px; padding-left:10px;">
    0 Mitglieder finden den Beitrag gut.
  5. Mo. 16.01.2012 14:59 Uhr #5
    User Pic
    Infamous Mitglied
    Registriert seit
    11.06.2010
    Beiträge
    14
    Beitragswertungen
    0 Beitragspunkte
    Okay, danke für die Hilfe!

    Das mit den LastNews ist unwichtig, denn das habe ich nur dazu gepackt um's leichter zu machen die LastWars darauf anzupassen zwinker
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten