Link to home
Avatar of jagguy
jagguyFlag for Australia

asked on

restyle webpage

Hi,

I have a webpage with some styling that I want to change. The page just doesnt look great.
Can someone show me an example of a better way to display this data with CSS?

I have attache the code with CSS. It is cakephp

    <div class="container-fluid pagefont">
        
     <div class="row-fluid">
   <div class='span4'>
       
     <?php  if ($logged_in) {
      echo "<h4>Welcome: " . AuthComponent::user('username'); 
     }
       ?>
           
       </h5>
          
       </div>
        <div class='span4'>
       
            <h3> <?php   echo 'Dashboard'; 
                          
          
            ?></h3>
                <br>
            <br> <br>
       </div>
        <div class='span4'>
         <?php   echo $this->element('date');    ?>
     
       </div>  
         
    </div>
      <div class="row-fluid">
   <div class='span12'>  
       
          <?php  if ($logged_in) {
     
          if ($foundMessage==true){
                  echo  $this->Html->link($this->Html->tag('i', '', array('class' => '','title'=>'')).'(NEW )TimeSheets ', array(
                                                 'controller' => 'timeSheets',  'action' => 'admin_list2',      ),
                          array('escape'=>false,'class' => 'mybtn myred')).'</td>';
           }
           else{
                  echo  $this->Html->link($this->Html->tag('i', '', array('class' => '','title'=>'')).'TimeSheets ', array(
                                                 'controller' => 'timeSheets',  'action' => 'admin_list2',      ),
                          array('escape'=>false,'class' => 'mybtn mygreen')).'</td>';
        
               
           }
  
   	  echo '  ';
                              
         if ($foundMessage2==true){
                    echo  $this->Html->link($this->Html->tag('i', '', array('class' => '','title'=>'')).'(NEW )Tutor Requests', array(
                                                 'controller' => 'tutorRequests',  'action' => 'admin_requests',      ),
                            array('escape'=>false,'class' => 'mybtn myorange')).'</td>';
            }
           else{
                    echo  $this->Html->link($this->Html->tag('i', '', array('class' => '','title'=>'')).'Tutor Requests', array(
                                                 'controller' => 'tutorRequests',  'action' => 'admin_requests',      ),
                            array('escape'=>false,'class' => 'mybtn mygreen')).'</td>';
         
           } 
            
          echo '  ';
           
            if ($foundMessage3==true){
                          echo  $this->Html->link($this->Html->tag('i', '', array('class' => '','title'=>'')).'(NEW )Student Requests', array(
                                                 'controller' => 'studentRequests',  'action' => 'admin_requests',      ),
                                  array('escape'=>false,'class' => 'mybtn mygreen')).'</td>';
            } 
            else{
                                echo  $this->Html->link($this->Html->tag('i', '', array('class' => '','title'=>'')).'Student Requests', array(
                                                 'controller' => 'studentRequests',  'action' => 'admin_requests',      ),
                                        array('escape'=>false,'class' => 'mybtn mygreen')).'</td>';
          
            }
            
         echo '</h4>';
                         
   }      ?> 
       
        <?php  
         
          echo '<br><br>';
          echo        $this->Html->link(        'Student/Guardian Email', array('controller'=>'aptemails','action' => 'newemails')  ,array('escape' => false, 'class' => 'mybtn')
					);						
        
          echo        $this->Html->link(        'Tutor Email', array('controller'=>'aptemails','action' => 'newemails2')  ,array('escape' => false, 'class' => 'mybtn')
					);						
    
          echo $this->Html->link(        'Email History', array('controller'=>'aptemails','action' => 'emailhistory')  ,array('escape' => false, 'class' => 'mybtn')
						);						
                
                 echo $this->Html->link(        'New Student Sms ', array('controller'=>'apttexts','action' => 'smslists',20)  ,array('escape' => false, 'class' => 'mybtn')
						);						
                 echo $this->Html->link(        'New Tutor Sms ', array('controller'=>'apttexts','action' => 'smslists2')  ,array('escape' => false, 'class' => 'mybtn')
						);						
               
          
                 echo $this->Html->link(        'Sms History', array('controller'=>'apttexts','action' => 'smshistory')  ,array('escape' => false, 'class' => 'mybtn')
						);						
        
         /*
               echo  $this->Html->link($this->Html->tag('i', '', array('class' => '','title'=>'')).'TimeSheets', array(
                                               'controller' => 'timeSheets',  'action' => 'admin_list2',      ),array('escape'=>false,'class' => 'mybtn')).'</td>';
               echo  $this->Html->link($this->Html->tag('i', '', array('class' => '','title'=>'')).'Tutor Requests', array(
                                                'controller' => 'tutorRequests',  'action' => 'admin_requests',      ),array('escape'=>false,'class' => 'mybtn')).'</td>';
    
                       echo  $this->Html->link($this->Html->tag('i', '', array('class' => '','title'=>'')).'Student Requests', array(
                                                'controller' => 'studentRequests',  'action' => 'admin_requests',      ),array('escape'=>false,'class' => 'mybtn')).'</td>';
         */
         ?>
       
       
       <br><br>
    </div>
    </div>
        <br>
        <br>
    <div class="row-fluid">
   <div class='span4'>
       
       
        <div class="dashbox">
           <div  class="dashhead">
               TimeSheet Stats
           </div>
            <div class="textf">  
            <?php 
            $timesheetStart=date('d-m-Y',(strtotime( $timesheetStart)));
               $timesheetEnd=date('d-m-Y',(strtotime( $timesheetEnd)));
               
               echo '<br>Last Timesheet Period';  
             echo '<br><br>Last Timesheet Period Start: '. $timesheetStart ;
              echo '<br>Last  Timesheet Period End:    '. $timesheetEnd;
            
              if ( AuthComponent::user('role')=='admin'){
                  echo '<br><br>Last Pay Period Tutor Cost: $'.$lastPayCost;
             //     echo '<br>Last Pay Period Revenue : $'. $revenue  ;
           
              }
              //    echo '<br>MakeUp Lesson Count: '. $makeUpCount  ;
     
         
             echo  '<br>'.$this->Html->link($this->Html->tag('i', '', array('class' => '','title'=>'')).'more details...', array(
		 'controller' => 'users',  'action' => 'admin_dincome',      ),array('escape'=>false,'class' => '')).'</td>';
   
            ?>
        </div>
        </div>

          
       </div>
        <div class='span4'>
       
            <div class="dashbox">
           <div  class="dashhead">
               Inactive/Cancelled Lessons
           </div>
                <div class="textf">  
                
              <?php
               $currentStartDate =date('d-m-Y',(strtotime( $currentStartDate )));
               $currentEndDate=date('d-m-Y',(strtotime( $currentEndDate)));
               
             echo '<br>Cancelled Lesson Details'; 
             echo '<br><br>Current Pay Period Start: '. $currentStartDate ;
              echo '<br>Current Pay Period End:    '. $currentEndDate;
              echo '<br><br>No. New MakeUps for Pay Period : '. $noMakeUps;
              echo '<br>Cancellations by Students : '. $cancels;
        // $params='24-02-2015/24-02-2015';    
                   echo  '<br><br>'.$this->Html->link($this->Html->tag('i', '', array('class' => '','title'=>'')).'more details...', array(
		 'controller' => 'users',  'action' => 'admin_dlesson',     ),array('escape'=>false,'class' => '')).'</td>';
  
            ?>  
           </div>         
        </div>
            
       </div>
        <div class='span4'>
            
          <div class="dashbox">
           <div  class="dashhead">
               Lesson/Student Stats
           </div>
            <div class="textf"> 
           <?php echo ''; 
              echo '<br><br>Current Pay Period Start: '. $currentStartDate ;
              echo '<br>Current Pay Period End:    '. $currentEndDate;
             echo'<br><br>Todays date: '.$currDate2;
             echo '<br><br>No. Lessons today: '. $lessonCount; 
        //     echo '<br>No. Lessons this Pay Period: '.$lessonCountPayPeriod;
        //   echo '<br>No. Lessons this week : '. $lessonCountWeek;
            
             
           echo  '<br><br>'.$this->Html->link($this->Html->tag('i', '', array('class' => '','title'=>'')).'Lesson Stats ...', array(
		 'controller' => 'users',  'action' => 'admin_dhours',      ),array('escape'=>false,'class' => '')).'</td>';
           
           echo  '<br><br>'.$this->Html->link($this->Html->tag('i', '', array('class' => '','title'=>'')).'Student Stats ...', array(
		 'controller' => 'users',  'action' => 'admin_dstud',      ),array('escape'=>false,'class' => '')).'</td>';
   
            
            ?>
          </div>
       </div>
       </div>  <!-- span -->
  
    </div> <!-- row -->

    <br> <br> <br>
    
    
    
 </div> <!-- end everything container -->
  <br> <br> <br> <br> <br> <br>
 <style>
  
.dashhead{
    height:35px;
    border:none;
    text-align:center;
    padding-top:3px;
   
    font-size: 18px;
    font-weight:bold;
    color:white;
    background: -webkit-linear-gradient(blue, lightblue);
    background: -o-linear-gradient(blue, lightblue);
    background: -moz-linear-gradient(blue, lightblue);
    background: linear-gradient(blue, lightblue);
}
  .dashbox {
    height:400px;
    width:300px;
    border:1px solid blue;
    padding-left:0px;
    
}
.textf {
   font-weight:bold;
    padding-left:10px;
    
}

.pagefont{
        color:black;
      

}
</style>

Open in new window

main.png
ASKER CERTIFIED SOLUTION
Avatar of Julian Hansen
Julian Hansen
Flag of South Africa image

Blurred text
THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
Avatar of jagguy

ASKER

ok thanks for that.
You are welcome.