Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.

Nhờ cao thủ chỉ dùm lỗi gì đây ạ.

Chủ đề thuộc danh mục 'Hỏi đáp - Thảo luận về web' được đăng bởi thangdesign112, 14/6/18 at 2:39 PM.

Lượt xem: 351

  1. thangdesign112 Mới đăng kí

    Website của em bị lỗi như hình đính kèm, khi kiểm tra phần tử F12 thì thấy thẻ <head></head> trống trơn, tất cả các meta nằm dưới thẻ body hết. Mặc dù view source hay kiểm tra code trong trang index vẫn bình thường. Bác nào biết chỉ em cái, đang bối rối quá.
    [​IMG]

  2. cái phần <head> sao nó có thể hiện ra được bạn phải vào code ấy
  3. Jully Dan

    Jully Dan Mới đăng kí

    Có phải là bạn đang làm web wordpress? nếu bạn chỉ đưa lên phần kiểm tra phần tử ngoài giao diện như thế này thì mọi người không thể nắm được để hỗ trợ bạn đâu, nếu bạn là người code web theo một hướng dẫn nào đó và tích hợp code không đúng chỗ thì rất dễ xảy ra mấy lỗi này, nếu bạn là dân lập trình mà code xong gặp vấn đề này thì thật khó nói lắm. Bạn nên nói thêm vài thông tin như bạn đang làm trong phạm vi thế nào, src index của bạn như thế nào, bạn sử dụng framework, ngôn ngữ gì (không cần thiết lắm nhưng dạng như mọi người nắm rõ thì dễ chỉ ra chỗ sai hơn ), hay bạn tích hợp plugin... đại loại thế, để mọi người hỗ trợ bạn dễ hơn.
    thangdesign112 thích bài viết này
  4. thangdesign112

    thangdesign112 Mới đăng kí

    Web này là PHP bạn nhé, mình không phải là người code web mà người khác code cho mình, mình làm seo thôi. Trang index.php mình up bên dưới các bạn chỉ giúp mình với.

    Code:
    <?php   
        session_start();
        @define ( '_template' , './templates/');
        @define ( '_source' , './sources/');
        @define ( '_lib' , './admin/lib/');   
        if(!isset($_SESSION['lang']))
        {
        $_SESSION['lang']='vi';
        }       
        $lang=$_SESSION['lang'];
        include_once _lib."config.php";
        include_once _lib."constant.php";
        include_once _lib."functions.php";
        require_once _source."lang_$lang.php";   
        include_once _lib."class.database.php";
        include_once _lib."file_requick.php";               
        if($_REQUEST['command']=='add' && $_REQUEST['productid']>0){
        $pid=$_REQUEST['productid'];
            addtocart($pid,1);
            redirect("http://$config_url/gio-hang.html");}               
    ?>
    <!DOCTYPE HTML>
    <html xmlns="http://www.w3.org/1999/xhtml" lang="vi" xml:lang="vi">
    <head>
    <base href="http://<?=$config_url?>/" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <?php
        $actual_link = "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
        if($tukhoa==''){
            $tukhoa = $row_meta['ten_'.$lang];
        }
        if($_GET['id'] || $_GET['idl'] ){
            $des1 =  $des;       
        }
        else{
            if($com=='gioi-thieu'){
                $des1 =  $row_title['des1_'.$lang];
            }elseif($com=='rem-cua-cao-cap'){
                $des1 =  $row_title['des2_'.$lang];
            }elseif($com=='man-cua'){
                $des1 =  $row_title['des3_'.$lang];
            }elseif($com=='tin-tuc'){
                $des1 =  $row_title['des4_'.$lang];
            }elseif($com=='khuyen-mai'){
                $des1 =  $row_title['des5_'.$lang];
            }elseif($com=='du-an'){
                $des1 =  $row_title['des6_'.$lang];
            }else{
                $des1 =  $row_meta['ten_'.$lang];
            }
        }   
    ?>
    <meta name="keywords" content="<?=$tukhoa?>" />
    <meta name="description" content="<?=$des1?>" />
    <meta name="author" content="an.nt82 - Nguyễn Thành An" />
    <meta name="copyright" content="Nguyễn Thành An [nguyenthanhan0802@gmail.com]" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="geo.region" content="VN-SG" />
    <meta name="geo.placename" content="TP. Hồ Chí Minh" />
    <meta name="geo.position" content="10.811092;106.705511" />
    <meta name="ICBM" content="10.811092, 106.705511" />
    <meta name="twitter:card" value="summary">
    <meta name="twitter:site" content="http://remcuavilla.com">
    <meta name="twitter:title" content="<?=$url_ten?>">
    <meta name="twitter:description" content="<?=$url_mota?>">
    <title><?php
        if($_GET['id'] || $_GET['idl']){
            echo $title_bar;   
        }
        else{
            if($com=='gioi-thieu'){
                echo $row_title['t1_vi'];
            }elseif($com=='rem-cua-cao-cap'){
                echo $row_title['t2_'.$lang];
            }elseif($com=='man-cua'){
                echo $row_title['t3_'.$lang];
            }elseif($com=='tin-tuc'){
                echo $row_title['t4_'.$lang];
            }elseif($com=='khuyen-mai'){
                echo $row_title['t5_'.$lang];
            }elseif($com=='du-an'){
                echo $row_title['t6_'.$lang];
            }else{
                echo $row_title['ten_'.$lang];
            }
        }
    ?>
    </title>
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
    <link rel="canonical" href="<?php echo $actual_link;?>" />
    <link href="style/style.css" rel="stylesheet" type="text/css" />
    <link href="style/map.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/tab.js"></script>
    <script type='text/javascript' src='js/jquery.stickyscroll.js'></script>
    <script type="text/javascript" src="js/crawler.js"></script>
    <script type="text/javascript" src="js/jquery_custom.js"></script>   
    <script type="text/javascript" src="js/nivo.slider.js"></script>
    <link href="css/nivo-slider.css" rel="stylesheet" type="text/css" />
    
    <link rel="image_src" type="image/jpeg" href="http://remcuavilla.com/<?=$url_photo?>"/>
    <meta property="og:title" content="<?php
        if($_GET['id'] || $_GET['idl']){
            echo $title_bar;   
        }
        else{
            if($com=='gioi-thieu'){
                echo $row_title['t1_vi'];
            }elseif($com=='rem-cua-cao-cap'){
                echo $row_title['t2_'.$lang];
            }elseif($com=='man-cua'){
                echo $row_title['t3_'.$lang];
            }elseif($com=='tin-tuc'){
                echo $row_title['t4_'.$lang];
            }elseif($com=='khuyen-mai'){
                echo $row_title['t5_'.$lang];
            }elseif($com=='du-an'){
                echo $row_title['t6_'.$lang];
            }else{
                echo $row_title['ten_'.$lang];
            }
        }
    ?>"/>
    <meta property="og:description" content="<?=$des1?>"/>
    <meta property="og:type" content="website"/>
    <meta property="og:url" content="<?php echo $actual_link;?>"/>
    <meta property="og:image" content="http://remcuavilla.com/<?=$url_photo?>"/>
    
    <script language="javascript" type="text/css">
        function addtocart(pid){
            document.form1.productid.value=pid;
            document.form1.command.value='add';
            document.form1.submit();
        }
    </script>
    <script>
        $(document).ready(function(){
            $(window).scroll(function(){
                var $offsethtml = $('html').offset();
                if($offsethtml.top<=-1){
                    $('#hotromangxh').css({position: 'fixed', top: '0px', zIndex: 9999,});
                }else{
                    $('#hotromangxh').css({position: 'relative'});
                }
            });
        });
     </script>
     <script>
        $(document).ready(function(){
            $(window).scroll(function(){
                var $offsethtml = $('html').offset();
                if($offsethtml.top <=-1){
                    $('#menu').css({position: 'fixed', top: '31px', zIndex: 9999,});
                }else{
                    $('#menu').css({position: 'relative'});
                }
            });
        });
     </script>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-119490981-1"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
    
      gtag('config', 'UA-119490981-1');
    </script>
    
    </head>
    <body <?php if(@$_GET['com']=='lien-he') echo 'onLoad="initialize()"'; ?> >
    
        <div id="hotromangxh"><?php include _template."layout/hotro.php"; ?></div>
        <div class="header"><?php include _template."layout/banner.php"; ?></div>
        <div id="menu"><?php include _template."layout/menu_top.php"; ?></div>
        <div class="container">
      <div class="clear"></div>
      <?php if($source == 'index'){?>
            <div id="slide"><?php include _template."layout/nivo1.php"; ?></div>
      <?php }else {?>
              <div id="slide"><?php include _template."layout/banner_tinh.php"; ?></div>
      <?php }?>
      <div class="clear"></div>       
        <div class="container_right hinhanhnoidung"><?php include _template.$template."_tpl.php"; ?>
             <?php if($source != 'news'){?>
             <div class="tintrangchu"><?php  include _template."layout/tintuc.php"; ?></div>
             <?php }?>
            <div class="clear"></div>     
        </div>
        <div class="clear"></div>         
         <div class="footer_up"><?php include _template."layout/up_footer.php"; ?></div>
        <div class="clear"></div>
        <div class="footer"><?php include _template."layout/footer.php"; ?></div>
        <div class="clear"></div>
    </div>   
    <style>
    /* HOTLINE */
    .phonering-alo-phone {position:fixed;visibility:hidden;background-color:transparent;width:200px;height:200px;
    cursor:pointer;z-index:200000!important;right:150px;bottom:-50px;left:-50px;display:block;
    -webkit-backface-visibility:hidden;
    -webkit-transform:translateZ(0);
    transition:visibility .5s;
    }
    .phonering-alo-phone.phonering-alo-show {visibility:visible}
    .phonering-alo-phone.phonering-alo-static {opacity:.6}
    .phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover {opacity:1}
    .phonering-alo-ph-circle {width:160px;height:160px;top:20px;left:20px;position:absolute;
    background-color:transparent;border-radius:100%;border:2px solid rgba(30,30,30,0.4);
    opacity:.1;
    -webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
    }
    .phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
    -webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important
    }
    .phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
    -webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important
    }
    .phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone:hover .phonering-alo-ph-circle {
    border-color:#00aff2;
    opacity:.5
    }
    .phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
    border-color:#272d6b;
    opacity:.5
    }
    .phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
    border-color:#00aff2;
    opacity:.5
    }
    .phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
    border-color:#ccc;
    opacity:.5
    }
    .phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
    border-color:#75eb50;
    opacity:.5
    }
    .phonering-alo-ph-circle-fill {width:100px;height:100px;top:50px;left:50px;position:absolute;background-color:#000;
    border-radius:100%;border:2px solid transparent;
    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
    }
    .phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
    -webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important
    }
    .phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    opacity:0!important
    }
    .phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(39,45,107,0.5);
    opacity:.75!important
    }
    .phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(39,45,107,0.5);
    opacity:.75!important
    }
    .phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
    background-color:rgba(0,175,242,0.5);
    }
    .phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(204,204,204,0.5);
    opacity:.75!important
    }
    .phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
    background-color:rgba(117,235,80,0.5);
    opacity:.75!important
    }
    .phonering-alo-ph-img-circle {
    width:60px;
    height:60px;
    top:70px;
    left:70px;
    position:absolute;
    background:rgba(30,30,30,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;
    border-radius:100%;
    border:2px solid transparent;
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
    }
    
    .phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important
    }
    
    .phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important
    }
    
    .phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
    background-color:#FF9952;
    }
    
    .phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
    background-color:#75eb50;
    }
    
    .phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
    background-color:#FF9952;
    }
    
    .phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
    background-color:#ccc;
    }
    
    .phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
    background-color:#75eb50
    }
    
    @-webkit-keyframes phonering-alo-circle-anim {
    0% {
    -webkit-transform:rotate(0) scale(.5) skew(1deg);
    -webkit-opacity:.1
    }
    
    30% {
    -webkit-transform:rotate(0) scale(.7) skew(1deg);
    -webkit-opacity:.5
    }
    
    100% {
    -webkit-transform:rotate(0) scale(1) skew(1deg);
    -webkit-opacity:.1
    }
    }
    
    @-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
    -webkit-transform:rotate(0) scale(.7) skew(1deg);
    opacity:.2
    }
    
    50% {
    -webkit-transform:rotate(0) scale(1) skew(1deg);
    opacity:.2
    }
    
    100% {
    -webkit-transform:rotate(0) scale(.7) skew(1deg);
    opacity:.2
    }
    }
    
    @-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
    -webkit-transform:rotate(0) scale(1) skew(1deg)
    }
    
    10% {
    -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }
    
    20% {
    -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }
    
    30% {
    -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }
    
    40% {
    -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }
    
    50% {
    -webkit-transform:rotate(0) scale(1) skew(1deg)
    }
    
    100% {
    -webkit-transform:rotate(0) scale(1) skew(1deg)
    }
    }
    
    @-webkit-keyframes phonering-alo-circle-anim {
    0% {
    -webkit-transform:rotate(0) scale(.5) skew(1deg);
    transform:rotate(0) scale(.5) skew(1deg);
    opacity:.1
    }
    
    30% {
    -webkit-transform:rotate(0) scale(.7) skew(1deg);
    transform:rotate(0) scale(.7) skew(1deg);
    opacity:.5
    }
    
    100% {
    -webkit-transform:rotate(0) scale(1) skew(1deg);
    transform:rotate(0) scale(1) skew(1deg);
    opacity:.1
    }
    }
    
    @keyframes phonering-alo-circle-anim {
    0% {
    -webkit-transform:rotate(0) scale(.5) skew(1deg);
    transform:rotate(0) scale(.5) skew(1deg);
    opacity:.1
    }
    
    30% {
    -webkit-transform:rotate(0) scale(.7) skew(1deg);
    transform:rotate(0) scale(.7) skew(1deg);
    opacity:.5
    }
    
    100% {
    -webkit-transform:rotate(0) scale(1) skew(1deg);
    transform:rotate(0) scale(1) skew(1deg);
    opacity:.1
    }
    }
    
    @-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
    -webkit-transform:rotate(0) scale(.7) skew(1deg);
    transform:rotate(0) scale(.7) skew(1deg);
    opacity:.2
    }
    
    50% {
    -webkit-transform:rotate(0) scale(1) skew(1deg);
    transform:rotate(0) scale(1) skew(1deg);
    opacity:.2
    }
    
    100% {
    -webkit-transform:rotate(0) scale(.7) skew(1deg);
    transform:rotate(0) scale(.7) skew(1deg);
    opacity:.2
    }
    }
    
    @keyframes phonering-alo-circle-fill-anim {
    0% {
    -webkit-transform:rotate(0) scale(.7) skew(1deg);
    transform:rotate(0) scale(.7) skew(1deg);
    opacity:.2
    }
    
    50% {
    -webkit-transform:rotate(0) scale(1) skew(1deg);
    transform:rotate(0) scale(1) skew(1deg);
    opacity:.2
    }
    
    100% {
    -webkit-transform:rotate(0) scale(.7) skew(1deg);
    transform:rotate(0) scale(.7) skew(1deg);
    opacity:.2
    }
    }
    
    @-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
    -webkit-transform:rotate(0) scale(1) skew(1deg);
    transform:rotate(0) scale(1) skew(1deg)
    }
    
    10% {
    -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
    transform:rotate(-25deg) scale(1) skew(1deg)
    }
    
    20% {
    -webkit-transform:rotate(25deg) scale(1) skew(1deg);
    transform:rotate(25deg) scale(1) skew(1deg)
    }
    
    30% {
    -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
    transform:rotate(-25deg) scale(1) skew(1deg)
    }
    
    40% {
    -webkit-transform:rotate(25deg) scale(1) skew(1deg);
    transform:rotate(25deg) scale(1) skew(1deg)
    }
    
    50% {
    -webkit-transform:rotate(0) scale(1) skew(1deg);
    transform:rotate(0) scale(1) skew(1deg)
    }
    
    100% {
    -webkit-transform:rotate(0) scale(1) skew(1deg);
    transform:rotate(0) scale(1) skew(1deg)
    }
    }
    
    @keyframes phonering-alo-circle-img-anim {
    0% {
    -webkit-transform:rotate(0) scale(1) skew(1deg);
    transform:rotate(0) scale(1) skew(1deg)
    }
    
    10% {
    -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
    transform:rotate(-25deg) scale(1) skew(1deg)
    }
    
    20% {
    -webkit-transform:rotate(25deg) scale(1) skew(1deg);
    transform:rotate(25deg) scale(1) skew(1deg)
    }
    
    30% {
    -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
    transform:rotate(-25deg) scale(1) skew(1deg)
    }
    
    40% {
    -webkit-transform:rotate(25deg) scale(1) skew(1deg);
    transform:rotate(25deg) scale(1) skew(1deg)
    }
    
    50% {
    -webkit-transform:rotate(0) scale(1) skew(1deg);
    transform:rotate(0) scale(1) skew(1deg)
    }
    
    100% {
    -webkit-transform:rotate(0) scale(1) skew(1deg);
    transform:rotate(0) scale(1) skew(1deg)
    }
    }
    </style>
    <div class="hotline">
    <div id="phonering-alo-phoneIcon" class="phonering-alo-phone phonering-alo-green phonering-alo-show">
    <div class="phonering-alo-ph-circle"></div>
    <div class="phonering-alo-ph-circle-fill"></div>
    <div class="phonering-alo-ph-img-circle">
    <a class="pps-btn-img " title="Liên hệ" href="tel:0977666799"> <img src="https://3.bp.blogspot.com/-jipOkVbgvtk/WPd_CdNwOoI/AAAAAAAAEn0/iYoBqhrSHWgSGDOiEvvEzTYa-khhJt9NACLcB/s1600/v8TniL3.png" alt="Gọi ngay" width="50" class="img-responsive"/> </a>
    </div>
    </div>
    </div>
    </body>
    </html>

Ủng hộ diễn đàn