» Forum » Allgemein » HTML, PHP, SQL,... » Anpassung von Lastwars-Box
  Mitglieder   |   Gallery   |   FAQ's   |   Regeln

[ Anmelden zum schreiben ]

Anpassung von Lastwars-Box
Infamous
Mitglied
0 Beitragspunkte
Posts: 14

0 Mitglieder finden den Beitrag gut.

Merkliste 15.01.2012 - 17:02:43     Zitieren
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
-saarlonz-
Moderator
81 Beitragspunkte
Posts: 1178

User Pic

0 Mitglieder finden den Beitrag gut.

Merkliste 15.01.2012 - 17:07:24     Zitieren
Erklär dein Problem bitte genauer. Kann so auf den ersten Blick nichts falsches erkennen. Meinst du dem Abstand zum obereren Rand??




Infamous
Mitglied
0 Beitragspunkte
Posts: 14

0 Mitglieder finden den Beitrag gut.

Merkliste 15.01.2012 - 17:44:47     Zitieren
Ja, die Abstände sollen oben, unten und zu den Linien hin passen.
Soldat53b
Mitglied
1 Beitragspunkte
Posts: 119

0 Mitglieder finden den Beitrag gut.

Merkliste 15.01.2012 - 22:10:53     Zitieren
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;">
Infamous
Mitglied
0 Beitragspunkte
Posts: 14

0 Mitglieder finden den Beitrag gut.

Merkliste 16.01.2012 - 14:59:47     Zitieren
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

[ Anmelden zum schreiben ]