عيد الاضحى المبارك


مواضيع تهمك

ركن تطوير المواقع قسم يختص بشرح التركيب و الترقية و الإضافات و القوالب وملفات التعريب لبرنامج الووردبريس ومدونة بلوجر.

تعديل كود html

اعضاء المعهد الكرام اريد تعديل هذا الكود فقط في مساحه العرض يكون متوافق مع عرض الشاشه الكود متوافق مع...

احصائياتى

الردود
2

المشاهدات
653
qlooop
.:: عضو مشارك ::.
  • qlooop is a name known to allqlooop is a name known to allqlooop is a name known to allqlooop is a name known to allqlooop is a name known to allqlooop is a name known to all

  • qlooop غير متواجد حالياً

المشاركات
75

+التقييم
123

تاريخ التسجيل
Apr 2019

الاقامة
فلسطين

نظام التشغيل
Mac

رقم العضوية
1995
09-07-2021, 03:52 AM
المشاركة 1
09-07-2021, 03:52 AM
المشاركة 1
افتراضي تعديل كود html
اعضاء المعهد الكرام اريد تعديل هذا الكود
فقط في مساحه العرض يكون متوافق مع عرض الشاشه
الكود متوافق مع الجوالات لاكن على شاشه الكمبيوتر

تضهر مساحه فارغة بسيطة اريد حذفها




كود بلغة HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{ACPMAIN3}</title>
        <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/bootstrap-datepicker.js"></script>

        <!-- bootstrap & fontawesome -->
        <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
        <link rel="stylesheet" href="assets/css/style.css" />
        <link rel="stylesheet" href="assets/font-awesome/4.5.0/css/font-awesome.min.css" />

        <!-- page specific plugin styles -->

        <!-- text fonts -->
        <link rel="stylesheet" href="assets/css/fonts.googleapis.com.css" />

        <!-- ace styles -->
        <link rel="stylesheet" href="assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" />

        <!--[if lte IE 9]>
            <link rel="stylesheet" href="assets/css/ace-part2.min.css" class="ace-main-stylesheet" />
        <![endif]-->
        <link rel="stylesheet" href="assets/css/ace-skins.min.css" />
        <link rel="stylesheet" href="assets/css/ace-rtl.min.css" />

        <!--[if lte IE 9]>
          <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
        <![endif]-->

        <!-- inline styles related to this page -->

        <!-- ace settings handler -->
        <script src="assets/js/ace-extra.min.js"></script>

        <!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

        <!--[if lte IE 8]>
        <script src="assets/js/html5shiv.min.js"></script>
        <script src="assets/js/respond.min.js"></script>
        <![endif]-->
    </head>

    <body class="no-skin">
        <div id="navbar" class="navbar navbar-default          ace-save-state">
            <div class="navbar-container ace-save-state" id="navbar-container">
                <button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
                    <span class="sr-only">Toggle sidebar</span>

                    <span class="icon-bar"></span>

                    <span class="icon-bar"></span>

                    <span class="icon-bar"></span>
                </button>

                <div class="navbar-header pull-left">
                        <small>
                            <a class="navbar-brand" href="admin.php">
                            <i class="fa fa-leaf"></i>
                            DRAKOLA
                        </a>
                        </small>
                    </div>

                <div class="navbar-buttons navbar-header pull-right" role="navigation">
                    <ul class="nav ace-nav">
                            </a>

                            
                        </li>

                        <li class="light-blue dropdown-modal">
                            <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                                <img class="nav-user-photo" src="assets/images/avatars/user.jpg" alt="KHALED's Photo" />
                                <span class="user-info">
                                    <small>Welcome,</small>
                                    KHALED
                                </span>

                                <i class="ace-icon fa fa-caret-down"></i>
                            </a>

                            <ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
                                <li>
                                    <a href="admin.php?cont=edit_settings">
                                        <i class="ace-icon fa fa-cog"></i>
                                        Settings
                                    </a>
                                </li>

                                <li>
                                    <a href="profile.html">
                                        <i class="ace-icon fa fa-user"></i>
                                        Profile
                                    </a>
                                </li>

                                <li class="divider"></li>

                                <li>
                                    <a href="admin.php?cont=logout">
                                        <i class="ace-icon fa fa-power-off"></i>
                                        Logout
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div><!-- /.navbar-container -->
        </div>

        <div class="main-container ace-save-state" id="main-container">
            <script type="text/javascript">
                try{ace.settings.loadState('main-container')}catch(e){}
            </script>

            <div id="sidebar" class="sidebar                  responsive                    ace-save-state">
                <script type="text/javascript">
                    try{ace.settings.loadState('sidebar')}catch(e){}
                </script>

                <div class="sidebar-shortcuts" id="sidebar-shortcuts">
                    <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
                        <button class="btn btn-success">
                            <i class="ace-icon fa fa-signal"></i>
                        </button>

                        <button class="btn btn-info">
                            <i class="ace-icon fa fa-pencil"></i>
                        </button>

                        <button class="btn btn-warning">
                            <i class="ace-icon fa fa-users"></i>
                        </button>

                        <button class="btn btn-danger">
                            <i class="ace-icon fa fa-cogs"></i>
                        </button>
                    </div>

                    <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
                        <span class="btn btn-success"></span>

                        <span class="btn btn-info"></span>

                        <span class="btn btn-warning"></span>

                        <span class="btn btn-danger"></span>
                    </div>
                </div><!-- /.sidebar-shortcuts -->
                            
                        <ul class="nav nav-list">
                    <li class="active">
                        <a href="admin.php">
                            <i class="menu-icon fa fa-tachometer"></i>
                            <span class="menu-text"> HOME </span>
                        </a>

                        <b class="arrow"></b>
                    </li>

                    <li class="">
                        <a href="#" class="dropdown-toggle">
                            <i class="menu-icon fa fa-desktop"></i>
                            <span class="menu-text">
                                {MENU01}
                            </span>

                            <b class="arrow fa fa-angle-down"></b>
                        </a>

                        <b class="arrow"></b>

                        <ul class="submenu">
                            <li class="">
                                <a href="admin.php?cont=list_users">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU0100}
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="admin.php?cont=search_users">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU0101}
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="admin.php?cont=new_user">
                                    <i class="c-blue-500 ti-user"></i>
                                    {MENU0102}
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="admin.php?cont=list_usergroups">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU0103}
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="admin.php?cont=new_usergroup">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU0104}
                                </a>

                                <b class="arrow"></b>
                            </li>
                        </ul>
                    </li>

                    
                    <li class="">
                        <a href="#" class="dropdown-toggle">
                         <i class="menu-icon fa fa-user"></i>
                            <span class="menu-text">{MENU02}</span>

                            <b class="arrow fa fa-angle-down"></b>
                        </a>

                        <b class="arrow"></b>

                        <ul class="submenu">
                            <li class="">
                                <a href="admin.php?cont=list_services">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU0200}
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="admin.php?cont=new_service">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU0201}
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="admin.php?cont=list_scheduled_services">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU0202}
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="admin.php?cont=list_service_history">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU0203}
                                </a>

                                <b class="arrow"></b>
                            </li>
                        </ul>
                    </li>

<li class="">
                        <a href="#" class="dropdown-toggle">
                            <i class="menu-icon fa fa-comment"></i>
                            <span class="menu-text"> {MENU03} </span>

                            <b class="arrow fa fa-angle-down"></b>
                        </a>

                        <b class="arrow"></b>

                        <ul class="submenu">
                            <li class="">
                                <a href="admin.php?cont=list_managers">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU0300}
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="admin.php?cont=new_manager">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU0301}
                                </a>

                                <b class="arrow"></b>
                            </li>
                        </ul>
                    </li>
                    
                    <li class="">
                        <a href="#" class="dropdown-toggle">
                            <i class="menu-icon fa fa-mouse-pointer"></i>
                            <span class="menu-text"> {MENU04} </span>

                            <b class="arrow fa fa-angle-down"></b>
                        </a>

                        <b class="arrow"></b>

                        <ul class="submenu">
                            <li class="">
                                <a href="admin.php?cont=list_nases">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU0400}
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="admin.php?cont=new_nas">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU0401}
                                </a>

                                <b class="arrow"></b>
                            </li>
                        </ul>
                    </li>
                
                    <li class="">
                        <a href="#" class="dropdown-toggle">
                            <i class="menu-icon fa fa-signal"></i>
                            <span class="menu-text"> {MENU05} </span>

                            <b class="arrow fa fa-angle-down"></b>
                        </a>

                        <b class="arrow"></b>

                        <ul class="submenu">
                            <li class="">
                                <a href="admin.php?cont=list_ap">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU0500}
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="admin.php?cont=new_ap">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU0501}
                                </a>

                                <b class="arrow"></b>
                            </li>
                        </ul>
                    </li>
                    

                    <li class="">
                        <a href="#" class="dropdown-toggle">
                            <i class="menu-icon fa fa-info"></i>
                            <span class="menu-text"> {MENU07} </span>

                            <b class="arrow fa fa-angle-down"></b>
                        </a>

                        <b class="arrow"></b>

                        <ul class="submenu">
                            <li class="">
                                <a href="admin.php?cont=list_pools">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU0700}
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="admin.php?cont=new_pool">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU0701}
                                </a>

                                <b class="arrow"></b>
                            </li>
                        </ul>
                    </li>


                    <li class="">
                        <a href="#" class="dropdown-toggle">
                            <i class="menu-icon fa fa-leaf"></i>
                            <span class="menu-text"> {MENU08} </span>

                            <b class="arrow fa fa-angle-down"></b>
                        </a>

                        <b class="arrow"></b>

                        <ul class="submenu">
                            <li class="">
                                <a href="admin.php?cont=search_invoices">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU0800}
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="admin.php?cont=batch_billing">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU0801}
                                </a>

                                <b class="arrow"></b>
                            </li>
                        </ul>
                    </li>


                    <li class="">
                        <a href="#" class="dropdown-toggle">
                            <i class="menu-icon fa fa-qrcode"></i>
                            <span class="menu-text"> {MENU09} </span>

                            <b class="arrow fa fa-angle-down"></b>
                        </a>

                        <b class="arrow"></b>

                        <ul class="submenu">
                            <li class="">
                                <a href="admin.php?cont=list_cardseries">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU0900}
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="admin.php?cont=list_users&listacctype=4">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU0901}
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="admin.php?cont=list_refillcards">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU0902}
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="admin.php?cont=search_refillcards">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU0903}
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="admin.php?cont=cardgen">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU0904}
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="admin.php?cont=cardstats">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU0905}
                                </a>

                                <b class="arrow"></b>
                        </ul>
                    </li>


                    <li class="">
                        <a href="#" class="dropdown-toggle">
                            <i class="menu-icon fa fa-stack-exchange"></i>
                            <span class="menu-text"> {MENU10} </span>

                            <b class="arrow fa fa-angle-down"></b>
                        </a>

                        <b class="arrow"></b>

                        <ul class="submenu">
                            <li class="">
                                <a href="admin.php?cont=list_users&listacctype=32">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU1000}
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="admin.php?cont=list_ias">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU1001}
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="admin.php?cont=new_ias">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU1002}
                                </a>

                                <b class="arrow"></b>
                            </li>
                        </ul>
                    </li>


                    <li class="">
                        <a href="#" class="dropdown-toggle">
                            <i class="menu-icon fa fa-cogs"></i>
                            <span class="menu-text"> {MENU11} </span>

                            <b class="arrow fa fa-angle-down"></b>
                        </a>

                        <b class="arrow"></b>

                        <ul class="submenu">
                            <li class="">
                                <a href="admin.php?cont=list_online_radius">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU1100}
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="admin.php?cont=traffic_report">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU1102}
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="admin.php?cont=search_traffic_data">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU1103}
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="admin.php?cont=search_traffic_summary">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU1104}
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="admin.php?cont=search_cts_data">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU1105}
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="admin.php?cont=search_postauth">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU1106}
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="admin.php?cont=quick_syslog">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU1107}
                                </a>

                                <b class="arrow"></b>
                            </li>
                            
                            <li class="">
                                <a href="admin.php?cont=list_syslog">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU1108}
                                </a>

                                <b class="arrow"></b>
                            </li>    
                                
                            <li class="">
                                <a href="admin.php?cont=sysinfo">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU1109}
                                </a>

                                <b class="arrow"></b>
                        </li>
                        
                            <li class="">
                                <a href="admin.php?cont=sysstats">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU1110}
                                </a>
                                
                                <b class="arrow"></b>
                            </li>
                        </ul>
                    </li>
                                        <li class="">
                        <a href="#" class="dropdown-toggle">
                            <i class="menu-icon fa fa-plane"></i>
                            <span class="menu-text"> {MENU12} </span>

                            <b class="arrow fa fa-angle-down"></b>
                        </a>

                        <b class="arrow"></b>

                        <ul class="submenu">
                            <li class="">
                                <a href="admin.php?cont=show_bulkmail">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU1200}
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="admin.php?cont=show_bulksms">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU1201}
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="admin.php?cont=start_radius_server">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU1202}
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="admin.php?cont=stop_radius_server">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU1203}
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="admin.php?cont=restart_radius_server">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU1204}
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="admin.php?cont=resync_radius">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU1205}
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="admin.php?cont=start_dhcp_server">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU1206}
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="admin.php?cont=stop_dhcp_server">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU1207}
                                </a>

                                <b class="arrow"></b>
                            </li>
                            
                            <li class="">
                                <a href="admin.php?cont=restart_dhcp_server">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU1208}
                                </a>

                                <b class="arrow"></b>
                            </li>    
                                
                            <li class="">
                                <a href="admin.php?cont=resync_dhcp">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU1209}
                                </a>

                                <b class="arrow"></b>
                                
                            </li>
                            </li>
                        </ul>
                    </li>
                            

                        <b class="arrow"></b>
                    </li>

                    <li class="">
                        <a href="#" class="dropdown-toggle">
                            <i class="menu-icon fa fa-power-off"></i>
                            <span class="menu-text">
                                {MENU00}
                            </span>

                            <b class="arrow fa fa-angle-down"></b>
                        </a>

                        <b class="arrow"></b>

                        <ul class="submenu">
                            <li class="">
                                <a href="admin.php?cont=edit_settings">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU0001}
                                </a>

                                <b class="arrow"></b>
                            </li>

                            <li class="">
                                <a href="admin.php?cont=logout">
                                    <i class="menu-icon fa fa-caret-right"></i>
                                    {MENU0002}
                                </a>

                                <b class="arrow"></b>
                            </li>
                        </ul>
                    </li>
                </ul><!-- /.nav-list -->

                <div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
                    <i id="sidebar-toggle-icon" class="ace-icon fa fa-angle-double-left ace-save-state" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
                </div>
            </div>

            <div class="main-content">
                <div class="main-content-inner">
                    <div class="breadcrumbs ace-save-state" id="breadcrumbs">
                        <ul class="breadcrumb">
                            <li>
                                <i class="ace-icon fa fa-home home-icon"></i>
                                <a href="admin.php">Home</a>
                            </li>
                        </ul><!-- /.breadcrumb -->

                        <div class="nav-search" id="nav-search">
                            <form action="admin.php?cont=list_users" method="post" class="sidebar-form" id="Form_search_users" name="form2" >
                                <span class="input-icon">
                                    <input type="text" name="username" class="form-control" placeholder="Search...">
                                    <i class="ace-icon fa fa-search nav-search-icon"></i>
                                </span>
                            </form>
                        </div><!-- /.nav-search -->
                    </div>

                    <div class="page-content">
                        <div class="" id="">
                            <div class="" id="">
                                <i class=""></i>
                            </div>
                                </div><!-- /.pull-left -->
                            </div><!-- /.ace-settings-box -->
                        </div><!-- /.ace-settings-container -->
                          </nav>
                               <div class="container">
                         <div class="visible-sm" style="margin-top: 20px;"> &nbsp; </div>
                        <div class="kangndo">
                    {CONTENT}
                </div>
                  </div>
                </div>
             </div>
            <div class="row">
            </div>
         </div>
        
            <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
                <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
            </a>
        </div><!-- /.main-container -->

        <!-- basic scripts -->


            <footer class="footer">
<div class="container-fluid">
            <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
                <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
            </a>
        </div><!-- /.main-container -->

        <!-- basic scripts -->

        <!--[if !IE]> -->
        <script src="assets/js/jquery-2.1.4.min.js"></script>

        <!-- <![endif]-->

        <!--[if IE]>
<script src="assets/js/jquery-1.11.3.min.js"></script>
<![endif]-->
        <script type="text/javascript">
            if('ontouchstart' in document.documentElement) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
        </script>
        <script src="assets/js/bootstrap.min.js"></script>

        <!-- page specific plugin scripts -->

        <!--[if lte IE 8]>
          <script src="assets/js/excanvas.min.js"></script>
        <![endif]-->
        <script src="assets/js/jquery-ui.custom.min.js"></script>
        <script src="assets/js/jquery.ui.touch-punch.min.js"></script>
        <script src="assets/js/jquery.easypiechart.min.js"></script>
        <script src="assets/js/jquery.sparkline.index.min.js"></script>
        <script src="assets/js/jquery.flot.min.js"></script>
        <script src="assets/js/jquery.flot.pie.min.js"></script>
        <script src="assets/js/jquery.flot.resize.min.js"></script>

        <!-- ace scripts -->
        <script src="assets/js/ace-elements.min.js"></script>
        <script src="assets/js/ace.min.js"></script>

        <!-- inline scripts related to this page -->
        <script type="text/javascript">
            jQuery(function($) {
                $('.easy-pie-chart.percentage').each(function(){
                    var $box = $(this).closest('.infobox');
                    var barColor = $(this).data('color') || (!$box.hasClass('infobox-dark') ? $box.css('color') : 'rgba(255,255,255,0.95)');
                    var trackColor = barColor == 'rgba(255,255,255,0.95)' ? 'rgba(255,255,255,0.25)' : '#E2E2E2';
                    var size = parseInt($(this).data('size')) || 50;
                    $(this).easyPieChart({
                        barColor: barColor,
                        trackColor: trackColor,
                        scaleColor: false,
                        lineCap: 'butt',
                        lineWidth: parseInt(size/10),
                        animate: ace.vars['old_ie'] ? false : 1000,
                        size: size
                    });
                })
            
                $('.sparkline').each(function(){
                    var $box = $(this).closest('.infobox');
                    var barColor = !$box.hasClass('infobox-dark') ? $box.css('color') : '#FFF';
                    $(this).sparkline('html',
                                     {
                                        tagValuesAttribute:'data-values',
                                        type: 'bar',
                                        barColor: barColor ,
                                        chartRangeMin:$(this).data('min') || 0
                                     });
                });
            
            
              //flot chart resize plugin, somehow manipulates default browser resize event to optimize it!
              //but sometimes it brings up errors with normal resize event handlers
              $.resize.throttleWindow = false;
            
              var placeholder = $('#piechart-placeholder').css({'width':'90%' , 'min-height':'150px'});
              var data = [
                { label: "social networks",  data: 38.7, color: "#68BC31"},
                { label: "search engines",  data: 24.5, color: "#2091CF"},
                { label: "ad campaigns",  data: 8.2, color: "#AF4E96"},
                { label: "direct traffic",  data: 18.6, color: "#DA5430"},
                { label: "other",  data: 10, color: "#FEE074"}
              ]
              function drawPieChart(placeholder, data, position) {
                   $.plot(placeholder, data, {
                    series: {
                        pie: {
                            show: true,
                            tilt:0.8,
                            highlight: {
                                opacity: 0.25
                            },
                            stroke: {
                                color: '#fff',
                                width: 2
                            },
                            startAngle: 2
                        }
                    },
                    legend: {
                        show: true,
                        position: position || "ne", 
                        labelBoxBorderColor: null,
                        margin:[-30,15]
                    }
                    ,
                    grid: {
                        hoverable: true,
                        clickable: true
                    }
                 })
             }
             drawPieChart(placeholder, data);
            
             /**
             we saved the drawing function and the data to redraw with different position later when switching to RTL mode dynamically
             so that's not needed actually.
             */
             placeholder.data('chart', data);
             placeholder.data('draw', drawPieChart);
            
            
              //pie chart tooltip example
              var $tooltip = $("<div class='tooltip top in'><div class='tooltip-inner'></div></div>").hide().appendTo('body');
              var previousPoint = null;
            
              placeholder.on('plothover', function (event, pos, item) {
                if(item) {
                    if (previousPoint != item.seriesIndex) {
                        previousPoint = item.seriesIndex;
                        var tip = item.series['label'] + " : " + item.series['percent']+'%';
                        $tooltip.show().children(0).text(tip);
                    }
                    $tooltip.css({top:pos.pageY + 10, left:pos.pageX + 10});
                } else {
                    $tooltip.hide();
                    previousPoint = null;
                }
                
             });
            
                /////////////////////////////////////
                $(document).one('ajaxloadstart.page', function(e) {
                    $tooltip.remove();
                });
            
            
            
            
                var d1 = [];
                for (var i = 0; i < Math.PI * 2; i += 0.5) {
                    d1.push([i, Math.sin(i)]);
                }
            
                var d2 = [];
                for (var i = 0; i < Math.PI * 2; i += 0.5) {
                    d2.push([i, Math.cos(i)]);
                }
            
                var d3 = [];
                for (var i = 0; i < Math.PI * 2; i += 0.2) {
                    d3.push([i, Math.tan(i)]);
                }
                
            
                var sales_charts = $('#sales-charts').css({'width':'100%' , 'height':'220px'});
                $.plot("#sales-charts", [
                    { label: "Domains", data: d1 },
                    { label: "Hosting", data: d2 },
                    { label: "Services", data: d3 }
                ], {
                    hoverable: true,
                    shadowSize: 0,
                    series: {
                        lines: { show: true },
                        points: { show: true }
                    },
                    xaxis: {
                        tickLength: 0
                    },
                    yaxis: {
                        ticks: 10,
                        min: -2,
                        max: 2,
                        tickDecimals: 3
                    },
                    grid: {
                        backgroundColor: { colors: [ "#fff", "#fff" ] },
                        borderWidth: 1,
                        borderColor:'#555'
                    }
                });
            
            
                $('#recent-box [data-rel="tooltip"]').tooltip({placement: tooltip_placement});
                function tooltip_placement(context, source) {
                    var $source = $(source);
                    var $parent = $source.closest('.tab-content')
                    var off1 = $parent.offset();
                    var w1 = $parent.width();
            
                    var off2 = $source.offset();
                    //var w2 = $source.width();
            
                    if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
                    return 'left';
                }
            
            
                $('.dialogs,.comments').ace_scroll({
                    size: 300
                });
                
                
                //Android's default browser somehow is confused when tapping on label which will lead to dragging the task
                //so disable dragging when clicking on label
                var agent = navigator.userAgent.toLowerCase();
                if(ace.vars['touch'] && ace.vars['android']) {
                  $('#tasks').on('touchstart', function(e){
                    var li = $(e.target).closest('#tasks li');
                    if(li.length == 0)return;
                    var label = li.find('label.inline').get(0);
                    if(label == e.target || $.contains(label, e.target)) e.stopImmediatePropagation() ;
                  });
                }
            
                $('#tasks').sortable({
                    opacity:0.8,
                    revert:true,
                    forceHelperSize:true,
                    placeholder: 'draggable-placeholder',
                    forcePlaceholderSize:true,
                    tolerance:'pointer',
                    stop: function( event, ui ) {
                        //just for Chrome!!!! so that dropdowns on items don't appear below other items after being moved
                        $(ui.item).css('z-index', 'auto');
                    }
                    }
                );
                $('#tasks').disableSelection();
                $('#tasks input:checkbox').removeAttr('checked').on('click', function(){
                    if(this.checked) $(this).closest('li').addClass('selected');
                    else $(this).closest('li').removeClass('selected');
                });
            
            
                //show the dropdowns on top or bottom depending on window height and menu position
                $('#task-tab .dropdown-hover').on('mouseenter', function(e) {
                    var offset = $(this).offset();
            
                    var $w = $(window)
                    if (offset.top > $w.scrollTop() + $w.innerHeight() - 100) 
                        $(this).addClass('dropup');
                    else $(this).removeClass('dropup');
                });
            
            })
        </script>
    </body>
</html>
</SCRIPT>


قديم 09-07-2021, 05:16 PM
المشاركة 2
qlooop
.:: عضو مشارك ::.
  • qlooop غير متواجد حالياً
افتراضي رد: تعديل كود html
لقد قمت بتعديل الكود بنفسي شكرا لكم

قديم 09-09-2021, 07:55 PM
المشاركة 3
Mc Nabulsy
.:: كبار شخصيات المنتدى ::.
المنتدى مراقب من خلاله
  • Mc Nabulsy غير متواجد حالياً
افتراضي رد: تعديل كود html
متأسفين على التأخير

يغلق للانتهاء

مغلق

العلامات المرجعية

تعديل كود html


أدوات الموضوع

الانتقال السريع
المواضيع المتشابهه للموضوع: تعديل كود html
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
الفرق بين ملفات html و php و mysql و mysqli Mohamed yasser ركن تطوير المواقع 2 05-25-2019 01:20 AM
اقوي تشفير لملفات PHP , HTML , CSS, JS Mohamed yasser ركن تطوير المواقع 7 05-17-2019 03:23 PM
هاك تحويل الروابط من php الى html الاصدار السابع نسيت النوم ركن تطوير منتديات vb3.8.0 3 03-30-2018 01:43 PM
بعد رفع صفحة html حسين 1991 ركن مشاكل وطلبات الزين فورو XENFORO 11 08-02-2017 12:55 AM
طلب هاك تحويل روابط الموقع من php الى html بالكامل عبدالله الوكيل ركن مشاكل وطلبات المنتديات 2 09-22-2016 01:46 PM




الساعة الآن 12:41 AM
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum