Flat Awesome Dark (офф)

Михаил Ранго · 9 Авг 2015

Скриптик, Ручками) css открытый нужно просто переделать свою взяв ксс с другого сайта :-D думаю как то так. не уверен но думаю что нужно будет тоже в html поработать

Скриптик · 9 Авг 2015

Михаил Ранго, ну нащел я его css а куда это вставлять вопрос?)

Mirovinger · 9 Авг 2015

Меню форума из данной темы, делалось ими самостоятельно, видно по коду, при желании можно вытянуть, но не забудьте добавить адаптивность, они этого не сделали.

Скриптик · 9 Авг 2015

Mirovinger, вот css код этого меню!

Код:

#panel {
        float: right;
        color: #a0a0a0;
        text-align: right;
            line-height: 45px;
            border-right: 1px solid rgb(5, 5, 5);
    }
    #panel .links a {
        display: inline-block;
            padding: 0px 15px;
            color: white;
    }
    #panel .links a:hover {
        color: #fff;
        text-decoration: none;
        background: url(rgba.php?r=0&g=0&b=0&a=53); background: rgba(0, 0, 0, 0.21); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#35000000,endColorstr=#35000000);
    }
    #menu {
        font-family: 'Roboto', Arial, Sans-Serif;
        font-size: 15px;
        font-weight: bold;
        width: auto;
        min-height: 34px;
        -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.15); -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.15); -khtml-box-shadow: 1px 1px 3px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.15); box-shadow: 1px 1px 3px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.15);
        -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.15);
        -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.15);
    }
    #menu ul {
        height: 45px;
        background-color: rgb(34, 34, 34);
    }
    #menu li {
        float: left;
        padding: 0px;
    }
    #menu li a {
        display: block;
        font-weight: normal;
        line-height: 45px;
        margin: 0px;
        padding: 0px 25px;
        text-align: center;
        text-decoration: none;
        border-right:  1px solid rgb(255, 255, 255); border-right:  1px solid rgba(255, 255, 255, 0.04); _border-right:  1px solid rgb(255, 255, 255);
        _border-right: 1px solid rgb(255, 255, 255);
        border-left:  1px solid rgb(2, 2, 2); border-left:  1px solid rgba(2, 2, 2, 0.42); _border-left:  1px solid rgb(2, 2, 2);
        margin-bottom: 1px;
    }
    #menu > ul > li > a {
        color: #fff;
    }
    #menu ul ul a {
        color: #fff;
    }
    #menu li > a:hover, #menu ul li:hover > a {
        text-decoration: none;
        background: url(rgba.php?r=0&g=0&b=0&a=53); background: rgba(0, 0, 0, 0.21); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#35000000,endColorstr=#35000000);

  text-shadow: 0 0 0 transparent, 0px 1px 1px #000;
  border-top: 3px solid orange;
  transition: all 0.2s ease 0s;
    }
    #menu li ul {
        background: #333333;
        display: none;
        height: auto;
        padding: 0px;
        margin: 0px;
        border: 0px;
        position: absolute;
        width: 225px;
        z-index: 200;
    }
    #menu li:hover ul {
    display: block;
    }
    #menu li li {
        display: block;
        float: none;
        margin: 0px;
        padding: 0px;
        width: 225px;
    }
    #menu li:hover li a {
        background: none;
    }
    #menu li ul a {
        display: block;
        height: 45px;
        font-size: 12px;
        font-style: normal;
        margin: 0px;
        padding: 0px 10px 0px 15px;
        text-align: left;
    }
    #menu li ul a:hover,
    #menu li ul li:hover > a {
        background: #444;
        border: 0px;
        color: #fff;
        text-decoration: none;
    }

а вот html код!

Код:

<div id="menu">
            <div id="panel">
                <!-- start: header_welcomeblock_guest -->
<div class="links">



    <!-- account -->
    <li class="navTab account Popup PopupControl PopupClosed  PopupContainerControl">

       
        <a href="account/" class="navLink accountPopup NoPopupGadget" rel="Menu"><strong class="accountUsername">Скриптик</strong>
        </a>
       
               
    </li>
       
   
   
    <!-- conversations popup -->
    <li class="navTab inbox Popup PopupControl  PopupContainerControl PopupClosed">
                   
        <a href="conversations/" rel="Menu" class="navLink NoPopupGadget"><i class="fa fa-envelope"></i>
            <strong class="itemCount Zero" id="ConversationsMenu_Counter" data-text="У Вас есть новые непрочитанные переписки: %d." style="display: none;">
                <span class="Total">0</span>
                <span class="arrow"></span>
            </strong>
        </a>
       
       
    </li>
   
   
   
   
   
    <!-- alerts popup -->
    <li class="navTab alerts Popup PopupControl PopupContainerControl PopupClosed">   
                   
        <a href="account/alerts" rel="Menu" class="navLink NoPopupGadget"><i class="fa fa-bell"></i>
            <strong class="itemCount Zero" id="AlertsMenu_Counter" data-text="У Вас есть новые оповещения: %d." style="display: none;">
                <span class="Total">0</span>
                <span class="arrow"></span>
            </strong>
        </a>
       
       
    </li>



</div>
<!-- end: header_welcomeblock_guest -->
            </div>
            <ul>
                <li><a href="/"><i class="icon-white icon-home" style="font-size: 15px;margin-right:2px;"></i> <span>Главная</span></a></li>
                <li><a href="/members/"><i class="fa fa-male"></i> <span>Пользователи</span></a></li>
                <li><a href="/help/terms"><i class="fa fa-pencil-square-o"></i> <span>Правила</span></a></li>
                <li><a href="/help/faq/"><i class="fa fa-comment-o"></i> <span>F.A.Q</span></a></li>
                <li><a href="/threads/101/"><i class="fa fa-clipboard"></i> <span>Платный сервис</span></a></li>
                <li><a href="/threads/72/"><i class="fa fa-university"></i> <span>Гарант сервис</span></a></li>
            </ul>
        </div>

Встает вопрос куда это все встовлять?)

Hope · 9 Авг 2015

Та не надо Вам этого. Весь стиль попортите только. Придумайте что-то своё.

Hope · 9 Авг 2015

Так этого кода недостаточно, ищите ещё изменённый код.

Единорог сатаны · 9 Авг 2015

Скриптик написал(а):
попросили сделать так)
В общем, в extra.css добавил css этого меню!
В vavigation поставил html этого меню!
Получилось, но есть не сколько но, когда наводишь на оповещание сообщение или свой профиль, не выводиться ничего!
потом выходишь с профиля все так и остаеться!
У него когда не сидишь на форуме выглядит вот так!
Посмотреть вложение 39729
Помогите, готов даже заплатить очень срочно надо!

Зачем тебе копировать что-то либо, почему не льзя придумать что-то свое, хотя это выглядит красиво :)
P.S: Скинь ссылку на форум в лс, постараюсь рипнуть и сказать че куда пихать.

Скриптик · 9 Авг 2015

Hope, знать бы где искать!

Единорог сатаны,

Но уже лишнее!

не реклама!

Mirovinger · 9 Авг 2015

Пробуйте делать сами, Вы уже на форуме столько и делаете кому-то, что должны как семечки щёлкать это всё.

Единорог сатаны · 9 Авг 2015

Mirovinger написал(а):
Пробуйте делать сами, Вы уже на форуме столько и делаете кому-то, что должны как семечки щёлкать это всё.

OFFTOP

Не все и всегда можно сделать самому, и некоторые люди пытаются искать тех, кто шарит гораздо лучше их.

gimba · 9 Авг 2015

Единорог сатаны написал(а):
OFFTOP
Не все и всегда можно сделать самому, и некоторые люди пытаются искать тех, кто шарит гораздо лучше их.

OFFTOP

Кто то уже нашел Скриптика что бы он ему сделал менюшку, теперь скриптик ищет того кто ему сделает менюшку. Потому что

Скриптик написал(а):
попросили сделать так)

Скриптик · 9 Авг 2015

Mirovinger, да я уже все перепробывал, я путаюсь с тем что как какой код надо прописать в navigation что бы когда ты был не авторизован отображалась вот так!

А когда авторизованый вот так!

я не могу только это понять и все!

Snap · 9 Авг 2015

Скриптик, Зачем делать копипаст придумайте свое, Автор ломал голову что бы сделать свое и красиво а вы тупо берете и все делаете себе

Скриптик · 9 Авг 2015

Snap, Можите вы понять то что просто нужно, вот и прошу помощи!

вот код когда ты не авторизован!

Код:

<div class="pageContent">
        <nav>


        <div id="menu">
            <div id="panel">
                <!-- start: header_welcomeblock_guest -->
<div class="links">



                <li><a href="/login/"><i class="fa fa-database"></i> <span>Авторизация</span></a></li>
                <li><a href="/register/"><i class="fa fa-pencil-square-o"></i> <span>Регистрация</span></a></li>

</div>
<!-- end: header_welcomeblock_guest -->
            </div>
            <ul>
                <li><a href="/"><i class="icon-white icon-home" style="font-size: 15px;margin-right:2px;"></i> <span>Главная</span></a></li>
                <li><a href="/members/"><i class="fa fa-male"></i> <span>Пользователи</span></a></li>
                <li><a href="/help/terms"><i class="fa fa-pencil-square-o"></i> <span>Правила</span></a></li>
                <li><a href="/help/faq/"><i class="fa fa-comment-o"></i> <span>F.A.Q</span></a></li>
                <li><a href="/threads/101/"><i class="fa fa-clipboard"></i> <span>Платный сервис</span></a></li>
                <li><a href="/threads/72/"><i class="fa fa-university"></i> <span>Гарант сервис</span></a></li>
            </ul>
        </div>

   
           

    </nav></div>

А вот код когда ты авторизован!

Код:

<div class="pageContent">
        <nav>


        <div id="menu">
            <div id="panel">
                <!-- start: header_welcomeblock_guest -->
<div class="links">

    <!-- account -->
    <li class="navTab account Popup PopupControl PopupClosed  PopupContainerControl">

       
        <a href="account/" class="navLink accountPopup NoPopupGadget" rel="Menu"><strong class="accountUsername">Скриптик</strong>
        </a>
       
               
    </li>
       
   
   
    <!-- conversations popup -->
    <li class="navTab inbox Popup PopupControl PopupClosed  PopupContainerControl">
                   
        <a href="conversations/" rel="Menu" class="navLink NoPopupGadget"><i class="fa fa-envelope"></i>
            <strong class="itemCount Zero" id="ConversationsMenu_Counter" data-text="У Вас есть новые непрочитанные переписки: %d." style="display: none;">
                <span class="Total">0</span>
                <span class="arrow"></span>
            </strong>
        </a>
       
       
    </li>
   
   
   
   
   
    <!-- alerts popup -->
    <li class="navTab alerts Popup PopupControl PopupClosed PopupContainerControl">   
                   
        <a href="account/alerts" rel="Menu" class="navLink NoPopupGadget"><i class="fa fa-bell"></i>
            <strong class="itemCount Zero" id="AlertsMenu_Counter" data-text="У Вас есть новые оповещения: %d." style="display: none;">
                <span class="Total">0</span>
                <span class="arrow"></span>
            </strong>
        </a>
       
       
    </li>



</div>
<!-- end: header_welcomeblock_guest -->
            </div>
            <ul>
                <li><a href="/"><i class="icon-white icon-home" style="font-size: 15px;margin-right:2px;"></i> <span>Главная</span></a></li>
                <li><a href="/members/"><i class="fa fa-male"></i> <span>Пользователи</span></a></li>
                <li><a href="/help/terms"><i class="fa fa-pencil-square-o"></i> <span>Правила</span></a></li>
                <li><a href="/help/faq/"><i class="fa fa-comment-o"></i> <span>F.A.Q</span></a></li>
                <li><a href="/threads/101/"><i class="fa fa-clipboard"></i> <span>Платный сервис</span></a></li>
                <li><a href="/threads/72/"><i class="fa fa-university"></i> <span>Гарант сервис</span></a></li>
            </ul>
        </div>

   


           

    </nav></div>

Встает вопрос что прописывать в навигацию что бы все правильно работало?

Kolya groza morey · 9 Авг 2015

Не надо его вставлять, это же уже сгенерированный код, в шаблоне он выглядит совершенно по другому

Скриптик написал(а):
готов даже заплатить очень срочно надо!

Пиши в ЛС договоримся

Скриптик · 9 Авг 2015

Kolya groza morey, написал)

Flat Awesome Dark (офф)

Мы ценим вашу конфиденциальность