fix css homepage

This commit is contained in:
Lorenzo Giacomelli
2016-03-03 18:40:54 +01:00
parent 15fb78fc7d
commit 0c05a57540
3 changed files with 50 additions and 31 deletions
+17 -15
View File
@@ -186,24 +186,26 @@ class GUIHandler {
}
}
?>
<div class="menuTab" id="menuable" >
<a href="javascript:void(0);">TUTTE LE SEZIONI <img style="margin-left:5px;vertical-align:middle;"src="images/menuArrow.png" alt""></a>
<div style="display:inline-block;">
<div class="menuTab" id="menuable" >
<a href="javascript:void(0);">TUTTE LE SEZIONI <img style="margin-left:5px;vertical-align:middle;"src="images/menuArrow.png" alt""></a>
</div>
<div class="hiddenMenu" style="display:none;">
<ul class="categoryList">
<?php
foreach(NotiziaModel::$NOTIZIE_CATEGORY as $category=>$data){
if(!$data["mainMenu"] && !$data["hidden"]){
?>
<li class="categoryVoice"><a href="javascript:void(0)"><?php echo strtoupper($data["label"]);?></a></li>
<?php
}
}
?>
</ul>
</div>
</div>
<div class="searchBar"><input class="inputBar" name="search" placeholder="cerca nel sito" /><img alt="" src="images/magnifyingGlass.png"/></div>
</div>
<div class="hiddenMenu" style="display:none;">
<ul class="categoryList">
<?php
foreach(NotiziaModel::$NOTIZIE_CATEGORY as $category=>$data){
if(!$data["mainMenu"] && !$data["hidden"]){
?>
<li class="categoryVoice"><a href="javascript:void(0)"><?php echo strtoupper($data["label"]);?></a></li>
<?php
}
}
?>
</ul>
</div>
</div>
<script type="text/javascript">
+21 -5
View File
@@ -176,9 +176,9 @@ catch (Exception $ex){
<div class="newsMainMedia"><?php $media->renderMedia();?></div>
<?php }?>
<div class="newsTitle"><?php echo $sport->titolo;?></div>
<div class="newsSubTitle" style="color:#3498d4;font-weight:bold;"><?php echo $string;?></div>
<div class="newsSubTitle"><?php echo $string;?></div>
</div>
<a class="continue" href="articolo.php?id=<?php echo $sport->id;?>"><div style="color:black;">Continua</div></a>
<a class="continue" href="articolo.php?id=<?php echo $sport->id;?>"><div style="color:#3498d4;">Continua</div></a>
</div>
<?php }
}?>
@@ -253,13 +253,22 @@ catch (Exception $ex){
<div class="categoryLine"></div>
</div>
<?php if(sizeof($gossipNews)>0){
$i = 0;
foreach($gossipNews as $gossip){
$i++;
$stringTitle = (strlen($last->titolo) > 53) ? substr($last->titolo,0,50).'...' : $last->titolo;
$stringSubTitle = (strlen($last->sottotitolo) > 23) ? substr($last->sottotitolo,0,20).'...' : $last->sottotitolo;?>
<div class="gossipContainer">
<div class="gossipTitle" style="margin-bottom:5px;font-weight:bold;font-size:23px;"><?php echo $stringTitle;?></div>
<div class="gossipSubtitle" style="margin-bottom:5px;color:#64bff0;font-weight:bold;font-size:15px;"><?php echo $stringSubTitle?> </div>
<div id="gossip_<?php echo $i;?>"class="gossipContainer">
<div class="gossipTitle"><?php echo $stringTitle;?></div>
<div class="gossipSubtitle"><?php echo $stringSubTitle?> </div>
</div>
<script type="text/javascript">
$(document).ready(function(event){
$("#gossip_<?php echo $i;?>").click(function(event){
window.location.href="articolo.php?id=<?php echo $gossip->id;?>";
});
});
</script>
<?php }
}?>
@@ -278,6 +287,13 @@ catch (Exception $ex){
<?php }?>
<div class="viaggiTitle" style="margin-bottom:5px;font-weight:bold;font-size:17px;"><?php echo $stringTitle;?></div>
</div>
<script type="text/javascript">
$(document).ready(function(event){
$(".viaggiTitle").click(function(event){
window.location.href="articolo.php?id=<?php echo $lastViaggi->id;?>";
});
});
</script>
<?php }?>
</div>
</div>
+12 -11
View File
@@ -22,8 +22,8 @@ body{font-family:lato, arial;}
.menuContainer{position:relative;z-index:2;}
.menuBar{background-color:#139be5;font-weight:bold;height:45px;margin-top:2px;color:white;overflow:hidden;}
.menuTab{display:inline-block;padding:15px 17px 15px 16px;font-size:12px;}
.menuBar{background-color:#139be5;font-weight:bold;height:45px;margin-top:2px;color:white;}
.menuTab{display:inline-block;padding:15px 17px 15px 16px;font-size:12px;vertical-align:top;}
.menuTab:hover{background-color:#0069a3;}
.menuTab > a {text-decoration:none;color:white;}
@@ -43,17 +43,14 @@ body{font-family:lato, arial;}
right: 5px;
z-index: 2;
position: absolute;
top: 3px;
top: 5px;
}
.hiddenMenu{
background-color: #139be5;
position: absolute;
left: 508px;
top: 45px;
width:156px;
width:100%;
}
.hiddenMenu > ul{list-style:none;padding:0px;}
.hiddenMenu > ul{list-style:none;padding:0px;margin:0px;}
.categoryVoice{padding:10px 9px;font-size:12px;}
.categoryVoice:hover{background-color:#0069a3;}
.categoryVoice > a {color:white;font-weight:bold;}
@@ -79,13 +76,13 @@ body{font-family:lato, arial;}
.ansaImage{display:inline-block;margin:15px 7px;width:150px;overflow:hidden;text-align:center;}
.ansaNews{margin-top:2px;width:330px;cursor:pointer;}
.ansaTitolo{font-weight:bold;font-size:23px;text-align:justify;}
.ansaTitolo{font-weight:bold;font-size:20px;text-align:justify;}
.ansaSottotitolo{font-size:17px;color:#767676;text-align:justify;}
.ansaTesto{color:#5aa8d8;font-weight:bold;text-align:justify;}
.ansaTesto > p{margin:0px;text-align:justify;}
.socialBarAnsa{margin-top:3px;border:solid #d6d6d6 1px;border-left:0px;border-right:0px;border-top:0px;}
.socialBarAnsa{margin-top:3px;border:solid #d6d6d6 1px;border-left:0px;border-right:0px;border-top:0px;padding-left:10px;}
.socialBarAnsa > a{margin-right:3px;display:inline-block;}
.socialBarAnsa > a > div{display:inline-block;width:22px;height:22px;background-repeat:no-repeat;background-position:center;}
@@ -177,8 +174,12 @@ body{font-family:lato, arial;}
.lastTitle{font-size:12px;font-weight:bold;margin-bottom:5px;}
.lastTitle > a{color:#64bff0;}
.gossipContainer{max-height:120px;margin-top:5px;margin-bottom:5px;border-bottom:dotted #C1B4B4 1px;}
.gossipContainer{max-height:120px;margin-top:5px;margin-bottom:5px;border-bottom:dotted #C1B4B4 1px;cursor:pointer;}
.gossipTitle{margin-bottom:5px;font-weight:bold;font-size:20px;}
.gossipSubtitle{margin-bottom:5px;color:#64bff0;font-weight:bold;font-size:15px;}
.viaggiContainer{max-height:165px;margin-top:5px;margin-bottom:5px;}
.viaggiTitle{cursor:pointer;}
.footer{background-color:#14477c;height:177px;margin-top:10px;}