mouseover popup box YII griview

YII Drid cell with a javascript/css content box that pops up upon mouseover.

<! --- Style ------- >


<! ---- Java script ----->

add this on YII drid view

array( 'header'=>' User', 'value' => ' " ".CHtml::link($data->user->username,array("user/admin/view/id/".$data->UserId))."

Email : ".$data->user->email."
Telephone : ".$data->user->Telephone."

" ', 'name'=>'UserId', 'filter'=>FALSE, 'type'=>'raw', ),

 

Read More

change the color of scrollbars

add this in your style .css  to change the color of the scrollbars on my pages in Internet Explorer and Firefox

::-webkit-scrollbar {
width: 12px;
height: 4px;
background: rgba(111, 78, 78, 0.35);
}
::-webkit-scrollbar-thumb {
background-color: rgba(145, 36, 66, 0.99);
-webkit-border-radius: 1ex;
}

Read More

rating stars

HTML Code:

CSS Code:

.rating {
    float: left;
}
.rating span {
    font-size: 25px;
    cursor: pointer;
    float: right;
}

.rating span:hover, .rating span:hover ~ span{
    color: red;
}


      

JS Code:

$('.rating span').click(function(){
    alert($(this).attr('id'));
})

      

Read More