Fala galera, estou usando uma tabela que mostra quests feitas na página 'characters.php no gesior aac mas gostaria de dar uma melhorada no scripts para nao ocupar uma área muito grande na página.

 

Como está:

Mostrar conteúdo oculto

Como Quero:

Mostrar conteúdo oculto

 

 

Código usado.

 

//quest status by ballack13
            $id = $player->getCustomField("id");
            $number_of_quests = 0;
            $main_content .= '<br><TABLE BORDER=0 CELLSPACING=1 CELLPADDING=1 WIDTH=30%><TR BGCOLOR='.$config['site']['vdarkborder'].'><TD COLSPAN=2 CLASS=white><B>Goku Set</B></TD></TR>';        
                        $quests = array('Ninja Helmet' => 60005,'<img src="images/items/12655.gif"/> Goku armor' => 60018,'<img src="images/items/12675.gif"/> Goku legs' => 60028,'<img src="images/items/12693.gif"/> Goku boots' => 60041);
                        foreach ($quests as $storage => $name) {
                if(is_int($number_of_quests / 2))
                    $bgcolor = $config['site']['darkborder'];
                else
                    $bgcolor = $config['site']['lightborder'];
                $number_of_quests++;
            $main_content .= '<TR BGCOLOR="'.$bgcolor.'"><TD WIDTH=100%>'.$storage.'</TD>';
                        $quest = $SQL->query('SELECT * FROM player_storage WHERE player_id = '.$id.' AND `key` = '.$quests[$storage].';')->fetch();
                           if($quest == false) {
            $main_content .= '<TD><img src="images/false.png"/></TD></TR>';
                        }
            else
            {
            $main_content .= '<TD><img src="images/true.png"/></TD></TR>';
            }
            }
            $main_content .= '</TABLE>';
            //quest status by ballack13
            $id = $player->getCustomField("id");
            $number_of_quests = 0;
            $main_content .= '<br><TABLE BORDER=0 CELLSPACING=1 CELLPADDING=1 WIDTH=30%><TR BGCOLOR='.$config['site']['vdarkborder'].'><TD COLSPAN=2 CLASS=white><B>Goku Set</B></TD></TR>';        
                        $quests = array('Ninja Helmet' => 60005,'<img src="images/items/12655.gif"/> Goku armor' => 60018,'<img src="images/items/12675.gif"/> Goku legs' => 60028,'<img src="images/items/12693.gif"/> Goku boots' => 60041);
                        foreach ($quests as $storage => $name) {
                if(is_int($number_of_quests / 2))
                    $bgcolor = $config['site']['darkborder'];
                else
                    $bgcolor = $config['site']['lightborder'];
                $number_of_quests++;
            $main_content .= '<TR BGCOLOR="'.$bgcolor.'"><TD WIDTH=100%>'.$storage.'</TD>';
                        $quest = $SQL->query('SELECT * FROM player_storage WHERE player_id = '.$id.' AND `key` = '.$quests[$storage].';')->fetch();
                           if($quest == false) {
            $main_content .= '<TD><img src="images/false.png"/></TD></TR>';
                        }
            else
            {
            $main_content .= '<TD><img src="images/true.png"/></TD></TR>';
            }
            }
            $main_content .= '</TABLE>';

 

  Em 02/12/2017 em 16:04, Spraiinedweb disse:

Fala galera, estou usando uma tabela que mostra quests feitas na página 'characters.php no gesior aac mas gostaria de dar uma melhorada no scripts para nao ocupar uma área muito grande na página.
 
Como está:







Como Quero:







 
 
Código usado.
 

//quest status by ballack13            $id = $player->getCustomField("id");            $number_of_quests = 0;            $main_content .= '<br><TABLE BORDER=0 CELLSPACING=1 CELLPADDING=1 WIDTH=30%><TR BGCOLOR='.$config['site']['vdarkborder'].'><TD COLSPAN=2 CLASS=white><B>Goku Set</B></TD></TR>';                                $quests = array('Ninja Helmet' => 60005,'<img src="images/items/12655.gif"/> Goku armor' => 60018,'<img src="images/items/12675.gif"/> Goku legs' => 60028,'<img src="images/items/12693.gif"/> Goku boots' => 60041);                        foreach ($quests as $storage => $name) {                if(is_int($number_of_quests / 2))                    $bgcolor = $config['site']['darkborder'];                else                    $bgcolor = $config['site']['lightborder'];                $number_of_quests++;            $main_content .= '<TR BGCOLOR="'.$bgcolor.'"><TD WIDTH=100%>'.$storage.'</TD>';                        $quest = $SQL->query('SELECT * FROM player_storage WHERE player_id = '.$id.' AND `key` = '.$quests[$storage].';')->fetch();                           if($quest == false) {            $main_content .= '<TD><img src="images/false.png"/></TD></TR>';                        }            else            {            $main_content .= '<TD><img src="images/true.png"/></TD></TR>';            }            }            $main_content .= '</TABLE>';            //quest status by ballack13            $id = $player->getCustomField("id");            $number_of_quests = 0;            $main_content .= '<br><TABLE BORDER=0 CELLSPACING=1 CELLPADDING=1 WIDTH=30%><TR BGCOLOR='.$config['site']['vdarkborder'].'><TD COLSPAN=2 CLASS=white><B>Goku Set</B></TD></TR>';                                $quests = array('Ninja Helmet' => 60005,'<img src="images/items/12655.gif"/> Goku armor' => 60018,'<img src="images/items/12675.gif"/> Goku legs' => 60028,'<img src="images/items/12693.gif"/> Goku boots' => 60041);                        foreach ($quests as $storage => $name) {                if(is_int($number_of_quests / 2))                    $bgcolor = $config['site']['darkborder'];                else                    $bgcolor = $config['site']['lightborder'];                $number_of_quests++;            $main_content .= '<TR BGCOLOR="'.$bgcolor.'"><TD WIDTH=100%>'.$storage.'</TD>';                        $quest = $SQL->query('SELECT * FROM player_storage WHERE player_id = '.$id.' AND `key` = '.$quests[$storage].';')->fetch();                           if($quest == false) {            $main_content .= '<TD><img src="images/false.png"/></TD></TR>';                        }            else            {            $main_content .= '<TD><img src="images/true.png"/></TD></TR>';            }            }            $main_content .= '</TABLE>';

 

https://www.w3schools.com/css/css_inline-block.asp

Enviado de meu MI 5s usando Tapatalk