1 (2013-02-07 08:52:46 отредактировано presstwi)

Тема: Тема для админки

Скриншот

Краткое описание

Тема для админки. Она ещё полностью не готова. Можете использовать для своих разработок. Многое надо убрать, а другое - добавить.

Что надо сделать

1. Перенести CSS и JS.
2. Главный фон
3. Таблицы / прозрачность убрать
...и многое другое


Тема создана на основе темы http:///preview/WB0914026.

Будет очень хорошо, если вы сюда скинете то, что вы сделали на основе этой темы.

Код

<?php if ( ! defined('MONSTRA_ACCESS')) exit('No direct script access allowed'); ?><html><head>
  <meta charset="utf-8">
  <!-- Always force latest IE rendering engine or request Chrome Frame -->
  <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
  <title>Monstra Admin</title>
    <?php Action::run('admin_header'); ?>
  <link href="https://dl.dropbox.com/u/832330/plastique/stylesheets/application.css" media="screen" rel="stylesheet" type="text/css">
  <!--[if lt IE 9]>
<script src="https://dl.dropbox.com/u/832330/plastique/javascripts/html5shiv.js" type="text/javascript"></script><script src="https://dl.dropbox.com/u/832330/plastique/javascripts/excanvas.js" type="text/javascript"></script><script src="https://dl.dropbox.com/u/832330/plastique/avascripts/iefix.js" type="text/javascript"></script><link href="https://dl.dropbox.com/u/832330/plastique/stylesheets/iefix.css" media="screen" rel="stylesheet" type="text/css" /><![endif]-->
  <meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, user-scalable=0">
</head>
<body><div class="container">
    <div class="row" id="notifications-wrapper">
      <div id="notifications" class="span8 offset2 notifications animated">
        <div id="dismiss-all" class="dismiss-all button blue">Dismiss all</div>
        <div id="content">
          <div id="notes"></div>
        </div>
      </div>
    </div>
  </div>
<div id="modal" class="black-box modal hide fade" style="display: none;" aria-hidden="true">
  <div class="modal-header tab-header">
    <button type="button" class="close" data-dismiss="modal">×</button>
    <span>Some modal title</span>
  </div>
  <div class="modal-body separator">
    <h4>Text in a modal</h4>
    <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem.</p>
  </div>
  <div class="modal-footer">
    <div class="inner-well">
      <a class="button mini rounded light-gray" data-dismiss="modal">Close</a>
      <a class="button mini rounded blue">Save changes</a>
    </div>
  </div>
</div>
<div id="modal-gallery" class="black-box modal modal-gallery hide fade">
  <div class="modal-header tab-header">
    <button type="button" class="close" data-dismiss="modal">×</button>
    <span class="modal-title"></span>
  </div>
  <div class="modal-body"><div class="modal-image"></div></div>
  <div class="modal-footer">
    <div class="pull-left">
      You can also change the images<br> by scrolling the mouse wheel!
    </div>
    <div class="pull-right">
      <a class="button blue modal-next">Next <i class="icon-arrow-right icon-white"></i></a>
      <a class="button gray modal-prev"><i class="icon-arrow-left icon-white"></i> Previous</a>
      <a class="button green modal-play modal-slideshow" data-slideshow="5000"><i class="icon-play icon-white"></i> Slideshow</a>
      <a class="button black" target="_blank"><i class="icon-download"></i> Download</a>
    </div>
  </div>
</div>
<nav id="primary" class="main-nav">
  <ul>
    <li class="dropdown">
      <a class="dropdown-toggle" data-toggle="dropdown" style="
    line-height: 16px;
"><i class="icon-edit"></i><?php echo __('Content', 'pages'); ?><span class="caret"></span></a>
      <ul class="dropdown-menu">
<?php Navigation::draw('content'); ?>
</ul>
    </li>
    <li class="dropdown">
      <a class="dropdown-toggle" data-toggle="dropdown"><i class=" icon-briefcase"></i><?php echo __('Extends', 'system'); ?><span class="caret"></span></a>
      <ul class="dropdown-menu">
        <?php Navigation::draw('extends'); ?>
      </ul>
    </li>
    <li class="dropdown">
      <a class="dropdown-toggle" data-toggle="dropdown"><i class=" icon-wrench"></i><?php echo __('System', 'system'); ?><span class="caret"></span></a>
      <ul class="dropdown-menu">
        <?php Navigation::draw('system'); ?>
      </ul>
    </li>
  </ul>
</nav><nav id="secondary" class="main-nav">
  <div class="profile-menu">
    <div class="pull-left">
      <div class="avatar">
        <img src="https://dl.dropbox.com/u/832330/plastique/images/avatar.png">
      </div>
    </div>
    <div class="pull-left">
      <div class="title">Press Twi</div>
      <div class="btn-group">
            <a href="#" class="button ">Site</a>
            <a href="#" class="button red">Exit</a>
      </div>
    </div>
    <div class="pull-right profile-menu-nav-collapse">
      <button class="button black"><i class="icon-reorder"></i></button>
    </div>
  </div>
  <ul class="secondary-nav-menu">
<li>
  <a href="#" id="modal-link">
    <i class=" icon-home"></i>Site</a>
</li>
<li id="notification-full-image">
  <a href="#">
    <i class="icon-list-alt"></i>Pages</a>
</li>
  </ul>
</nav>
<section id="main">
  <div class="top-nav">
  <div class="container-fluid">
    <div class="row-fluid search-button-bar-container">
      <div class="span12">
        <ul class="breadcrumb">
          <?php Navigation::draw('top', Navigation::TOP); ?>
        </ul>
        <a class="search-button-trigger" href="#"><i class="icon-search"></i></a>
      </div>
    </div>
    <div class="row-fluid search-bar-nav">
      <div class="span12">
        <form>
          <input type="text" class="search" placeholder="Search...">
        </form>
      </div>
    </div>
  </div>
</div>
  <div class="container-fluid">
    <div class="row-fluid">
</div>
    <div class="row-fluid">
  <div class="span12">
    <?php
                        if ($plugin_admin_area) {
                            if (is_callable(ucfirst(Plugin::$plugins[$area]['id']).'Admin::main')) {
                                call_user_func(ucfirst(Plugin::$plugins[$area]['id']).'Admin::main');
                            } else {
                                echo '<div class="message-error">'.__('Plugin main admin function does not exist', 'system').'</div>';    
                            }
                        } else {
                            echo '<div class="message-error">'.__('Plugin does not exist', 'system').'</div>';
                        }
                    ?>
  </div>
</div>
  </div>
</section>
<script type="text/html" id="template-notification">
  <div class="notification animated fadeInLeftMiddle fast{{ item.itemClass }}">
    <div class="left">
      <div style="background-image: url({{ item.imagePath }})" class="{{ item.imageClass }}"></div>
    </div>
    <div class="right">
      <div class="inner">{{ item.text }}</div>
      <div class="time">{{ item.time }}</div>
    </div>
    <i class="icon-remove-sign hide"></i>
  </div>
</script>
<script type="text/html" id="template-notifications">
  <div class="container">
    <div class="row" id="notifications-wrapper">
      <div id="notifications" class="{{ bootstrapPositionClass }} notifications animated">
        <div id="dismiss-all" class="dismiss-all button blue">Dismiss all</div>
        <div id="content">
          <div id="notes"></div>
        </div>
      </div>
    </div>
  </div>
</script>
<script src="https://dl.dropbox.com/u/832330/plastique/javascripts/application.js" type="text/javascript"></script><script src="https://dl.dropbox.com/u/832330/plastique/javascripts/docs.js" type="text/javascript"></script><script src="https://dl.dropbox.com/u/832330/plastique/javascripts/docs_charts.js" type="text/javascript"></script><script src="https://dl.dropbox.com/u/832330/plastique/javascripts/documentation.js" type="text/javascript"></script><script src="https://dl.dropbox.com/u/832330/plastique/javascripts/prettify.js" type="text/javascript"></script><link href="https://dl.dropbox.com/u/832330/plastique/stylesheets/prettify.css" media="screen" rel="stylesheet" type="text/css">
<script type="text/javascript">
    prettyPrint()
</script>
</body></html>

Поделиться

2

Re: Тема для админки

Оффтоп канешна.
Но как вы работаете с таким кол-вом вкладок?!
Это же ужасно не удобно, потеряться можно, не лучше работать с вкладками пакетно (оставить вкладки отдной тематики и потом перейти на другую тематику).

!!!   ---   Облегчи жизнь себе и другим ЧИТАЙ ПРАВИЛА   ---   !!!

░░░▒▒▒▓▓▓█   Monstra Demo Site ®  █▓▓▓▒▒▒░░░

Сайт AlxBuk

Поделиться

3

Re: Тема для админки

AlxBuk

Бывает и больше. Но уже привык smile

Поделиться