http://kardelentv.com.tr/havadurumu/ linkinde bulunan verileri

şekilde ki gibi düzenlemem gerekiyor ama kafayı yemek üzereyim kodlar css ve php olarak aşağıdadır ücretli/ücretsiz yardım edebilecek olan varmı toplam 40 il var ama 5-6 tane il koyabilirseniz gerisini bende kopya çekerek yapabilirm :/
PHP :
<html>
<head>
<!-- Bring to you by http://www.CSSTableGenerator.com -->
<link rel="stylesheet" href="table.css" type="text/css"/>
</head>
<meta http-equiv="Content-Type" content="text/HTML; charset=utf-8" />
<body>
<div class="CSS_Table_Example" style="width:600px;height:150px;">
<table>
<?php
function baglan($veri) {
$ref="http://google.com.tr";
$uag="Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/41.0.2228.0 Safari/537.36";
$a=curl_init();
curl_setopt($a,CURLOPT_URL,$veri);
curl_setopt($a,CURLOPT_REFERER,$ref);
curl_setopt($a,CURLOPT_USERAGENT,$uag);
curl_setopt($a,CURLOPT_RETURNTRANSFER,true);
$b=curl_exec($a);
curl_close($a);
return $b;
}
$il=array('ERZURUM','ADANA','AMASYA','ANTALYA','ISTANBUL','SIVAS','CORUM');
for($l=0;$l<=count($il)-1;$l++) {
$a="http://mgm.gov.tr/tahmin/il-ve-ilceler.aspx?m=".$il[$l]."#sfB";
$b=baglan($a); $c=explode('<div id="govde_ust_genis_icerik_sayfa">',$b); $c=explode('<div id="divSecim520Blok">',$c[1]); $c=$c[0];
preg_match('#<h1 id="sfB" style="clear:both;">(.*?)<strong>(.*?)</strong></h1>#',$c,$a1); $a1=$a1[2]; // $a1 IL ISMI.
$c1=explode('<tbody>',$c); $c1=explode('</tbody>',$c1[1]); $c1=$c1[0];
preg_match_all('#<tr>(.*?)</tr>#si',$c1,$d);
echo "
<tr>
<td>
".$a1."
</td>
<td >
Derece
</td>
<td>
Hadise
</td>
</tr>
";
for($i=0;$i<=count($d[1])-1;$i++) {
if($i==0) {$num="1";} if($i==1) {$num="2";} if($i==2) {$num="3";}
preg_match('#<th id="cp_sayfa_thmGun'.$num.'" class="(.*?)">(.*?)</th>#si',$d[1][$i],$gun); $gun=$gun[2]; // GÜN.
$gun1=explode(' ',$gun); $gun=$gun1[count($gun1)-1]; // BURADA EXPLODE BOÞLUK ÝLE AYIRDIK VE GELEN SON DEÐER OLAN GÜN ÝSMÝNÝ COUNT ÝLE ALDIK.
preg_match('#<td id="cp_sayfa_thmMax'.$num.'" class="(.*?)">(.*?)</td>#',$d[1][$i],$derece); $derece=$derece[2]; // MAX SICAKLIK DERECESI.
preg_match('#<img id="cp_sayfa_imgHadise'.$num.'" src="(.*?)" alt="(.*?)" /></td>#',$d[1][$i],$durum); $durum=$durum[2]; // HAVA DURUMU.
echo "
<tr>
<td>
".$gun."
</td>
<td>
".$derece."
</td>
<td>
".$durum."
</td>
</tr>
";
if($i==2) {break;}
}
}
?> </table>
</div>
</body>
</html>Table.css: .CSS_Table_Example {
margin:0px;padding:0px;
width:100%;
box-shadow: 10px 10px 5px #888888;
border:1px solid #000000;
-moz-border-radius-bottomleft:9px;
-webkit-border-bottom-left-radius:9px;
border-bottom-left-radius:9px;
-moz-border-radius-bottomright:9px;
-webkit-border-bottom-right-radius:9px;
border-bottom-right-radius:9px;
-moz-border-radius-topright:9px;
-webkit-border-top-right-radius:9px;
border-top-right-radius:9px;
-moz-border-radius-topleft:9px;
-webkit-border-top-left-radius:9px;
border-top-left-radius:9px;
}.CSS_Table_Example table{
width:100%;
height:100%;
margin:0px;padding:0px;
}.CSS_Table_Example tr:last-child td:last-child {
-moz-border-radius-bottomright:9px;
-webkit-border-bottom-right-radius:9px;
border-bottom-right-radius:9px;
}.CSS_Table_Example table tr:first-child td:first-child {
-moz-border-radius-topleft:9px;
-webkit-border-top-left-radius:9px;
border-top-left-radius:9px;
}.CSS_Table_Example table tr:first-child td:last-child {
-moz-border-radius-topright:9px;
-webkit-border-top-right-radius:9px;
border-top-right-radius:9px;
}.CSS_Table_Example tr:last-child td:first-child{
-moz-border-radius-bottomleft:9px;
-webkit-border-bottom-left-radius:9px;
border-bottom-left-radius:9px;
}.CSS_Table_Example tr:hover td{
background-color:#82c0ff;
background:-o-linear-gradient(bottom, #82c0ff 5%, #56aaff 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #82c0ff), color-stop(1, #56aaff) );
background:-moz-linear-gradient( center top, #82c0ff 5%, #56aaff 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#82c0ff", endColorstr="#56aaff"); background: -o-linear-gradient(top,#82c0ff,56aaff);
}.CSS_Table_Example tr:first-child td{
background:-o-linear-gradient(bottom, #0069d3 5%, #007fff 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0069d3), color-stop(1, #007fff) );
background:-moz-linear-gradient( center top, #0069d3 5%, #007fff 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0069d3", endColorstr="#007fff"); background: -o-linear-gradient(top,#0069d3,007fff);
background-color:#0069d3;
border:0px solid #000000;
text-align:center;
border-width:0px 0px 1px 1px;
font-size:18px;
font-family:Comic Sans MS;
font-weight:bold;
color:#ffffff;
}.CSSTableGenerator tr:first-child:hover td{
background:-o-linear-gradient(bottom, #0069d3 5%, #007fff 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0069d3), color-stop(1, #007fff) );
background:-moz-linear-gradient( center top, #0069d3 5%, #007fff 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0069d3", endColorstr="#007fff"); background: -o-linear-gradient(top,#0069d3,007fff);
background-color:#0069d3;
}.CSS_Table_Example tr:first-child td:first-child{
border-width:0px 0px 1px 0px;
}.CSS_Table_Example tr:first-child td:last-child{
border-width:0px 0px 1px 1px;
}.CSS_Table_Example td{
background:-o-linear-gradient(bottom, #56aaff 5%, #82c0ff 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #56aaff), color-stop(1, #82c0ff) );
background:-moz-linear-gradient( center top, #56aaff 5%, #82c0ff 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#56aaff", endColorstr="#82c0ff"); background: -o-linear-gradient(top,#56aaff,82c0ff);
background-color:#56aaff;
border:1px solid #000000;
border-width:0px 1px 1px 0px;
text-align:left;
padding:7px;
font-size:12px;
font-family:Comic Sans MS;
font-weight:bold;
color:#000000;
}.CSS_Table_Example tr:last-child td{
border-width:0px 1px 0px 0px;
}.CSS_Table_Example tr td:last-child{
border-width:0px 0px 1px 0px;
}.CSS_Table_Example tr:last-child td:last-child{
border-width:0px 0px 0px 0px;
}