Информация

  • FastVps - Хостинг для форума
  • RegPartner - Домены по правильным ценам

"4admins.ru" Рекомендует

Как и где редактировать в шаблоне "Avalon Blue"

Стили, ббкоды, смайлы и прочее для украшения форума
  • Автор 
    Сообщение
Аватара пользователя
Сообщения: 30
Зарегистрирован: 11 июн 2013, 22:48
Откуда: Тараз
Благодарил (а): 1
Поблагодарили: 0 раз в 0 сообщении
Город: Taraz
Пол: Мужской
Адрес форума: http://crazylife.80lvl.ru
бабло: 0
Баллы репутации: 0

Re: Как и где редактировать в шаблоне "Avalon Blue"

Сообщение Добавлено: 25 июн 2013, 21:43

Спосибо большое окозался breadcrumbs.html thumbs up

Автор не может молчать 1 час 15 минут 39 секунд и добавляет ...

:crazy: помогите еще разок у меня проблема :cry: буду признателен :Rose: :privet:

я сделал меню такое но он как то криво стоит помогите исправить пожалуйста я уже долго мучаюсь :%)
скрин
Изображение





я добавил этот код в overall_header перед тегом </head>

Код: Выделить всё
<link type="text/css" rel="StyleSheet">

<style type="text/css">
/* CSS Reset (Eric Meyer) */



#nav {
margin: 0px;
z-index: 10;
display: inline;
}
#nav li { float: left; }
#nav li:hover { position: relative }
#nav li:hover > a {
background: #333333;

box-shadow: 5px 5px 25px #999999;
-moz-box-shadow: 5px 5px 25px #999999;
-webkit-box-shadow: 5px 5px 25px #999999;

border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#nav li.sub:hover > a {
border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
}


#nav li a {
color: #fff;
font-weight: bold;
text-decoration: none;
padding: 10px;
display: block;
}



#nav li a:hover { background-color: #222222; }


#nav li ul {
background: #fff;
margin-top: -2px;
display: none;
}

#nav li:hover ul {
display:block;
position:absolute;
}

#nav li ul {
background: rgba(3,0,0,0.87);
padding: 10px 5px;

box-shadow: 5px 5px 25px #777777;
-moz-box-shadow: 5px 5px 25px #777777;
-webkit-box-shadow: 5px 5px 25px #777777;

border-radius: 0px 15px 15px 15px;
-moz-border-radius: 0px 15px 15px 15px;
-webkit-border-radius: 0px 5px 5px 5px;
}

#nav li ul li a, #nav li ul li a:hover {
background: transparent;
color: #c6c6c6;
width: 150px;
font-size: 0.95em;
font-weight: normal;
}

</style>


а это в breadcrumbs

Код: Выделить всё
<div class="navbar">
         <ul class="linklist">
            <table align="center">
<tr>
<td>

      <ul id="nav">
         <li><a href="/">Главная</a></li>
         <li><a href="#">Блог</a></li>
         <li class="sub"><a href="#">Раздел CS 1.6</a>
                <ul>
                   <li><a href="#">Серверы</a></li>
                   <li><a href="#">Кланы</a></li>
                   <li><a href="#">Скачать</a></li>
                </ul>
            </li>
         <li class="sub"><a href="#">Аниме</a>
                <ul>
                   <li><a href="#">Наруто</a></li>
                   <li><a href="#">One Piece</a></li>
                   <li><a href="#">Attack on Titan</a></li>
                   <li><a href="#">Death Note</a></li>
                   <li><a href="#">Демоны старшей школы</a></li>
                </ul>
            </li>
         <li><a href="#">Контакты</a></li>
      </ul>

</td>
</tr>
</table>

         </ul>
      </div>


И еще я хотел изменить меню по дизайну чтоб смотрелся гормонично но все не подходило если будут идеи помогите пожалуйста
скрин
Изображение

Аватара пользователя
Сообщения: 7065
Зарегистрирован: 11 авг 2009, 16:58
Благодарил (а): 660
Поблагодарили: 2357 раз в 1754 сообщениях
Город: Москва
Пол: Мужской
Адрес форума: http://help.4admins.ru
Баллы репутации: 170

Re: Как и где редактировать в шаблоне "Avalon Blue"

Сообщение Добавлено: 25 июн 2013, 23:01

"JuGo" писал(а):
я добавил этот код в overall_header перед тегом </head>



Скорее всего конфликт с css форума
одинаковые элементы
На этом сервисе можно cоздать форум бесплатно

Аватара пользователя
Сообщения: 30
Зарегистрирован: 11 июн 2013, 22:48
Откуда: Тараз
Благодарил (а): 1
Поблагодарили: 0 раз в 0 сообщении
Город: Taraz
Пол: Мужской
Адрес форума: http://crazylife.80lvl.ru
бабло: 0
Баллы репутации: 0

Re: Как и где редактировать в шаблоне "Avalon Blue"

Сообщение Добавлено: 26 июн 2013, 00:27

Помогите пожалуйста я ничего не нашел, я просто CSS незнаю только некоторые вещи учил
темы стиля
Код: Выделить всё
/*  phpBB 3.0 Style Sheet
    --------------------------------------------------------------
   Style name:      610nm
   Author:      Daniel St. Jules ( http://www.gamexe.net/ )
    --------------------------------------------------------------
*/

/* Layout
------------ */
* {
   /* Reset browsers default margin, padding and font sizes */
   margin: 0;
   padding: 0;
}

.right { float: right; }

body {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   color: #4B4B4B;
   background: #5B5B5B url("{T_THEME_PATH}/images/bg.gif") top repeat-x;
   font-size: 10px;
}

#topnav {
   height: 39px;
   padding-top: 4px;
}

#wrap {
   margin: 0 auto;
   width: 86%;
   min-width: 740px;
   position: relative;
}


#wrapcentre {
   padding: 6px;
}

#wrapfooter {
   padding: 6px;
   text-align: center;
   clear: both;
}

#findbar {
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0;
}

.forumrules {
   background-color: #79a8f9;
   border-width: 1px;
   border-style: solid;
   border-color: #6085bb;
   padding: 4px;
   font-weight: normal;
   font-size: 1.1em;
   font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.forumrules h3 {
   color: red;
}

.clear { clear: both; }

/* Navigation
--------------------- */

#navcontainer {
   width: 100%;
   padding-bottom: 1px;
   background: url("{T_THEME_PATH}/images/nav.gif") top repeat-x;
}

#navcontainer ul { padding: 0; }
#navcontainer ul li { display: inline; }

#navcontainer ul {
   margin: 0;
   height: 42px;
   padding: 0 10px 0 10px;
   font-size: 1.1em;
}

#navcontainer ul li a {
   padding: 12px 10px 0 10px;
   height: 30px;
   color: #3f4b53;
   text-decoration: none;
   float: left;
}

#navlist li a:hover, #navlist li a:active {
   text-decoration: none;
   text-align: left;
   background: url("{T_THEME_PATH}/images/nav_hover.gif") top repeat-x;
}

/* Search box
--------------------- */
#search-box {
   color: #FFFFFF;
   display: block;
   float: right;
   text-align: right;
   white-space: nowrap; /* For Opera */
   border: 0;
}

#search-box input {
   border: 0;
   width: 139px;
   height: 17px;
   padding: 3px 5px 0 5px;
   background: url("{T_THEME_PATH}/images/search.gif") top no-repeat;
   color: #929292;
   border: 0;
}

#search-box fieldset {
   border: 0;
   background: none;
}

#search-box input:hover, #search-box input:focus {
   color: #BBBBBB;
   background: url("{T_THEME_PATH}/images/search.gif") no-repeat;
   background-position: 0 -20px;
}

/* Round cornered boxes and backgrounds
--------------------------------------------------------- */

#header_bg {
   height: 102px;
   background: url("{T_THEME_PATH}/images/header_right.gif") top right no-repeat;
}

#header_bg2 {
   height: 102px;
   background: url("{T_THEME_PATH}/images/header_left.gif") top left no-repeat;
   
}

#header_container {
   background: url("{T_THEME_PATH}/images/header_bg.gif") top repeat-x;
   display: block;
   width: 100%;
}

#logo {
   display: block;
   width: 100%;
}

#logo img {
   margin-left: 20px;
}

.b {
   background: #f0f0f1 url("{T_THEME_PATH}/images/footer_bg.gif") bottom repeat-x;
}

.bl {
   background: url("{T_THEME_PATH}/images/footer_left.gif") bottom left no-repeat;
}

.br {
   background: url("{T_THEME_PATH}/images/footer_right.gif") bottom right no-repeat;
   padding-bottom: 55px;
}

.navbar {
   background-color: #cccccd;
   padding: 10px 20px 10px 5px;
   margin-bottom: 15px;
   display: block;
}

ul.linklist li {
   list-style-type: none;
}

/*  Text
--------------------- */
h1 {
   color: black;
   font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
   font-weight: bold;
   font-size: 1.8em;
   text-decoration: none;
}

h2 {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 1.5em;
   text-decoration: none;
   line-height: 120%;
}

h3 {
   font-size: 1.3em;
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 120%;
}

h4 {
   margin: 0;
   font-size: 1.1em;
   font-weight: bold;
}

p {
   font-size: 1.1em;
}

p.moderators {
   margin: 0;
   float: left;
   color: black;
   font-weight: bold;
}

.rtl p.moderators {
   float: right;
}

p.linkmcp {
   margin: 0;
   float: right;
   white-space: nowrap;
}

.rtl p.linkmcp {
   float: left;
}

p.breadcrumbs {
   margin: 0;
   float: left;
   color: black;
   font-weight: bold;
   white-space: normal;
   font-size: 1em;
}

.rtl p.breadcrumbs {
   float: right;
}

p.datetime {
   margin: 0;
   float: right;
   white-space: nowrap;
   font-size: 1em;
}

.rtl p.datetime {
   float: left;
}

p.searchbar {
   white-space: nowrap;
}

p.searchbarreg {
   margin: 0;
   float: right;
   white-space: nowrap;
}

.rtl p.searchbarreg {
   float: left;
}

p.forumdesc {
   padding-bottom: 4px;
}

p.topicauthor {
   margin: 1px 0;
}

p.topicdetails {
   margin: 1px 0;
}

.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
   margin: 1px 0;
   color: red;
   font-weight:bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
   color: green;
   font-weight:bold;
}

.postapprove img, .postreported img {
   vertical-align: bottom;
   padding-top: 5px;
}

.postauthor {
   color: #000000;
}

.postdetails {
   color: #000000;
}

.postbody {
   font-size: 1.3em;
   line-height: 1.4em;
   font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.postbody li, ol, ul {
   margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
   margin: 0 1.5em 0 0;
}

.posthilit {
   background-color: yellow;
}

.nav {
   margin: 0;
   color: black;
   font-weight: bold;
}

.pagination {
   padding: 4px;
   color: black;
   font-size: 1em;
   font-weight: bold;
}

.cattitle {

}

.gen {
   margin: 1px 1px;
   font-size: 1.2em;
}

.genmed {
   margin: 1px 1px;
   font-size: 1.1em;
}

.gensmall {
   margin: 1px 1px;
   font-size: 1em;
}

.copyright {
   color: #444;
   font-weight: normal;
   font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.titles {
   font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 1.3em;
   text-decoration: none;
}

.error {
   color: red;
}


/* Tables
------------ */
th {
   color: #ffffff;
   font-size: 1.1em;
   font-weight: bold;
   background: url('{T_THEME_PATH}/images/cellpic3.gif') top repeat-x;
   white-space: nowrap;
   padding: 0 5px;
   height: 25px;
   text-align: center;
}

td {
   padding: 2px;
}
td.profile {
   padding: 4px;
}

.tablebg {
   background-color: #a8a9ab;
}

.catdiv {
   height: 28px;
   margin: 0;
   padding: 0;
   border: 0;
   background: white url('{T_THEME_PATH}/images/cellpic2.jpg') repeat-y scroll top left;
}
.rtl .catdiv {
   background: white url('{T_THEME_PATH}/images/cellpic2_rtl.jpg') repeat-y scroll top right;
}

.cat {
   height: 28px;
   margin: 0;
   padding: 0;
   border: 0;
   background: #e5e5e6 url('{T_THEME_PATH}/images/cellpic1.gif') repeat-x;
   text-indent: 4px;
}

.row1 {
   background: #d3d3d5 url('{T_THEME_PATH}/images/row1.gif') repeat-x;
   padding: 4px;
   border-top: 1px #e7e8e9 solid;
   border-left: 1px #efeff0 solid;
}

.row2 {
   background: #ccccce url('{T_THEME_PATH}/images/row2.gif') repeat-x;
   padding: 4px;
   border-top: 1px #e7e8e9 solid;
   border-left: 1px #efeff0 solid;
}

.row3 {
   background: #d3d3d5 url('{T_THEME_PATH}/images/row1.gif') repeat-x;
   padding: 4px;
   border-top: 1px #e7e8e9 solid;
   border-left: 1px #efeff0 solid;
}

.spacer {
   background: #E0E0E0 url('{T_THEME_PATH}/images/space.gif') repeat-x;
}

hr {
   height: 1px;
   border-width: 0;
   background-color: #D1D7DC;
   color: #D1D7DC;
}

.legend {
   text-align:center;
   margin: 0 auto;
}

/* Links
------------ */

/* Links adjustment to correctly display an order of rtl/ltr mixed content */
.rtl a {
   direction: rtl;
   unicode-bidi: embed;
}

a:link   { color: #183c5b; text-decoration: none; }
a:visited   { color: #183c5b; text-decoration: none; }
a:hover   { color: #1a438c; text-decoration: underline; }
a:active   { color: #1a438c; text-decoration: none; }

a.forumlink {
   font-weight: bold;
   font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
   font-size: 1.2em;
}

a.topictitle, a.topictitle:visited {
   margin: 1px 0;
   font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 1.2em;
}

th a,
th a:visited {
   color: #ffffff !important;
   text-decoration: none;
}

th a:hover {
   text-decoration: none;
}


/* Form Elements
------------ */
form {
   margin: 0;
   padding: 0;
   border: 0;
}

input {
   color: #3D3D3F;
   font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
   font-size: 1.1em;
   font-weight: normal;
   padding: 2px;
   border: 1px solid #a3a3a5;
   background-color: #F2F2F2;
   vertical-align: middle;
}

input:hover, input:focus, select:hover, select:focus {
   border: 1px solid #737373;
   background-color: #FFF;
}

textarea {
   background: #EEEEEE url("{T_THEME_PATH}/images/textarea.gif") top repeat-x;
   color: #333333;
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   font-size: 1.3em;
   line-height: 1.4em;
   font-weight: normal;
   border: 1px solid #a3a3a5;
   padding: 2px;
   vertical-align: middle;
}

textarea:hover, textarea:focus {
   border: 1px solid #737373;
}

select {
   color: #333333;
   background-color: #FAFAFA;
   font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
   font-size: 1.1em;
   font-weight: normal;
   border: 1px solid #a3a3a5;
   padding: 1px;
   vertical-align: middle;
}

option {
   padding: 0 1em 0 0;
}

option.disabled-option {
   color: graytext;
}

.rtl option {
   padding: 0 0 0 1em;
}

input.radio {
   border: none;
   background-color: transparent;
   vertical-align: middle;
}

.post {
   background-color: white;
   border-style: solid;
   border-width: 1px;
}

.btnbbcode {
   color: #000000;
   font-weight: normal;
   font-size: 1.1em;
   font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
}

.btnmain {
   font-weight: bold;
   cursor: pointer;
   padding: 1px 5px;
   font-size: 1.1em;
}

.btnlite {
   font-weight: normal;
   cursor: pointer;
   padding: 1px 5px;
   font-size: 1.1em;
}

.btnfile {
   font-weight: normal;
   padding: 1px 5px;
   font-size: 1.1em;
}

.btnmain, .btnlite, .btnfile {
   background: url("{T_THEME_PATH}/images/submit.gif") top repeat-x;
   color: #575757;
}

.btnmain:hover, .btnmain:focus, .btnlite:hover, .btnlite:focus, .btnfile:hover, .btnfile:focus {
   background-position: 0 -40px;
   border: 1px #868688 solid;
   color: #363636;
}

.btnbbcode {
   background: url("{T_THEME_PATH}/images/bbcode.gif") top repeat-x;
   color: #575757;
}

.btnbbcode:hover, .btnbbcode:focus {
   background-position: 0 -40px;
   border: 1px #72849b solid;
   color: #363636;
}

.helpline, .helpline:hover, .helpline:focus  {
   background: transparent;
   border-style: none;
}


/* BBCode
------------ */
.quotetitle, .attachtitle {
   margin: 10px 5px 0 5px;
   padding: 4px;
   border-width: 1px 1px 0 1px;
   border-style: solid;
   border-color: #a3a3a4;
   color: #333333;
   font-size: 0.85em;
   font-weight: bold;
   background: #EEEEEE url("{T_THEME_PATH}/images/cellpic1.gif") top repeat-x;
}

.quotetitle .quotetitle {
   font-size: 1em;
}

.quotecontent, .attachcontent {
   margin: 0 5px 10px 5px;
   padding: 5px;
   border-color: #A9B8C2;
   border-width: 0 1px 1px 1px;
   border-style: solid;
   font-weight: normal;
   font-size: 1em;
   line-height: 1.4em;
   font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
   background: #EEEEEE url("{T_THEME_PATH}/images/textarea.gif") top repeat-x;
   color: #4B5C77;
}

.attachcontent {
   font-size: 0.85em;
}

.codetitle {
   margin: 10px 5px 0 5px;
   padding: 2px 4px;
   border-width: 1px 1px 0 1px;
   border-style: solid;
   color: #333333;
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   font-size: 0.8em;
   border-color: #a3a3a4;
   background: #EEEEEE url("{T_THEME_PATH}/images/cellpic1.gif") top repeat-x;
}

.codecontent {
   direction: ltr;
   margin: 0 5px 10px 5px;
   padding: 5px;
   border-color: #A9B8C2;
   border-width: 0 1px 1px 1px;
   border-style: solid;
   font-weight: normal;
   color: #006600;
   font-size: 0.85em;
   font-family: Monaco, 'Courier New', monospace;
   background: #EEEEEE url("{T_THEME_PATH}/images/textarea.gif") top repeat-x;
}

.syntaxbg {
   color: #FFFFFF;
}

.syntaxcomment {
   color: #0083ff;
}

.syntaxdefault {
   color: #0000BB;
}

.syntaxhtml {
   color: #000000;
}

.syntaxkeyword {
   color: #007700;
}

.syntaxstring {
   color: #786563;
}


/* Private messages
------------------ */
.pm_marked_colour {
   background-color: #000000;
}

.pm_replied_colour {
   background-color: #A9B8C2;
}

.pm_friend_colour {
   background-color: #007700;
}

.pm_foe_colour {
   background-color: #786563;
}

/* Buttons
--------------- */

a.fontsize {
   display: block;
   overflow: hidden;
   height: 18px;
   text-indent: -5000px;
   text-align: left;
   background-repeat: no-repeat;
   background-image: url("{T_THEME_PATH}/images/icon_fontsize.gif");
   background-position: 0 -1px;
   width: 29px;
   position: absolute;
   top: 6px;
   left: 0px;
}

a.fontsize:hover {
   background-position: 0 -20px;
   text-decoration: none;
}

.reply-icon   {
   float: left; display: block; width: 96px; height: 25px;
   background: url("{IMG_BUTTON_TOPIC_REPLY_SRC}") 0 0 no-repeat;
   margin-right: 10px;
}
.post-icon   {
   float: left; display: block; width: 96px; height: 25px;
   background: url("{IMG_BUTTON_TOPIC_NEW_SRC}") 0 0 no-repeat;
   margin-right: 10px;
}
.locked-icon {
   float: left; display: block; width: 96px; height: 25px;
   background: url("{IMG_BUTTON_TOPIC_LOCKED_SRC}") 0 0 no-repeat;
   margin-right: 10px;
}
.newpm-icon {
   float: left; display: block; width: 96px; height: 25px;
   background: url("{IMG_BUTTON_PM_NEW_SRC}") 0 0 no-repeat;
   margin-right: 10px;
}

.reply-icon span, .post-icon span, .locked-icon span, .newpm-icon span {
   display: none; text-indent: -5000px;
}

.reply-icon:hover, .post-icon:hover, .locked-icon:hover, .newpm-icon:hover {
   background-position: 0 -25px;
}

/* Misc
------------ */
img {
   border: none;
}

.sep {
   color: black;
   background-color: #4faeff;
}

table.colortable td {
   padding: 0;
}

pre {
   font-size: 1.1em;
   font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
   white-space: nowrap;
}

.username-coloured {
   font-weight: bold;
}

.simple {
    background-color: #FFFFFF;
}

#datebar { padding: 0 4px; }

.postbody img {
    border: 3px solid #004cf9;
    -moz-box-shadow: 2px 2px 6px #aaa;
    -webkit-box-shadow: 2px 2px 6px #AAA;
    box-shadow: 2px 2px 6px #555;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

Аватара пользователя
Сообщения: 7065
Зарегистрирован: 11 авг 2009, 16:58
Благодарил (а): 660
Поблагодарили: 2357 раз в 1754 сообщениях
Город: Москва
Пол: Мужской
Адрес форума: http://help.4admins.ru
Баллы репутации: 170

Re: Как и где редактировать в шаблоне "Avalon Blue"

Сообщение Добавлено: 26 июн 2013, 01:58

Я эту менюшку у себя на компе не смог сделать :) вроде конфликтов нет, но что то ее сносит
Cabinetadmin может подсказать
На этом сервисе можно cоздать форум бесплатно

Аватара пользователя
Сообщения: 619
Зарегистрирован: 18 июл 2012, 17:51
Благодарил (а): 13
Поблагодарили: 237 раз в 212 сообщениях
Пол: Мужской
Адрес форума: http://cabinetadmina.ru
Баллы репутации: 53

Re: Как и где редактировать в шаблоне "Avalon Blue"

Сообщение Добавлено: 26 июн 2013, 09:35

JuGo
А зачем вы в середину меню таблицу засунули? На кой она там? Да и тегов некоторых не хватает...

Вот так должна выглядеть структура меню:
Код: Выделить всё
<ul id="nav">
   <li><a href="/">Главная</a></li>
   <li><a href="#">Блог</a></li>
   <li class="sub"><a href="#">Раздел CS 1.6</a>
      <ul>
         <li><a href="#">Серверы</a></li>
         <li><a href="#">Кланы</a></li>
         <li><a href="#">Скачать</a></li>
      </ul>
   </li>
   <li class="sub"><a href="#">Аниме</a>
      <ul>
         <li><a href="#">Наруто</a></li>
         <li><a href="#">One Piece</a></li>
         <li><a href="#">Attack on Titan</a></li>
         <li><a href="#">Death Note</a></li>
         <li><a href="#">Демоны старшей школы</a></li>
      </ul>
   </li>
   <li><a href="#">Контакты</a></li>
</ul>


Стили:
Код: Выделить всё
/* CSS Reset (Eric Meyer) */
#nav {
   margin: 0 auto;
   width: 355px;
   height: 32px;
}
#nav li {
   float: left;
   list-style: none;
}
#nav li:hover { position: relative }
#nav li:hover > a {
   background: #222222;

   box-shadow: 5px 5px 25px #999999;
   -moz-box-shadow: 5px 5px 25px #999999;
   -webkit-box-shadow: 5px 5px 25px #999999;
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
}

#nav li.sub:hover > a {
   border-radius: 10px 10px 0 0;
   -moz-border-radius: 10px 10px 0 0;
   -webkit-border-radius: 10px 10px 0 0;
}

#nav li a {
   color: #fff;
   font-weight: bold;
   text-decoration: none;
   padding: 10px;
   display: block;
}

#nav li a:hover { background-color: #333333; }

#nav li ul {
   background: #fff;
   margin-top: -2px;
   display: none;
}

#nav li:hover ul {
   display:block;
   position:absolute;
}

#nav li ul {
   background: rgba(3,0,0,0.87);
   padding: 10px 5px;

   box-shadow: 5px 12px 25px #777777;
   -moz-box-shadow: 5px 12px 25px #777777;
   -webkit-box-shadow: 5px 12px 25px #777777;
   border-radius: 0px 15px 15px 15px;
   -moz-border-radius: 0px 15px 15px 15px;
   -webkit-border-radius: 0px 5px 5px 5px;
}

#nav li ul li a, #nav li ul li a:hover {
   background: transparent;
   color: #c6c6c6;
   width: 150px;
   font-size: 0.95em;
   font-weight: normal;
}


Всё в том же виде как и было, только слегка "приглажено". Если нужно чтобы при наведении цвет был не просто чёрный, а того же цвета как шапка, например, то вместо:
background: #222222;, background-color: #333333; и background: rgba(3,0,0,0.87); ставите:
Код: Выделить всё
background: #1291ff;



"JuGo" писал(а):
если будут идеи помогите пожалуйста

Например:
Html:
Код: Выделить всё
<div id="nav">
   <ul>
      <li><a href="/">Главная</a></li>
      <li><a href="#">Блог</a></li>
      <li class="sub"><a href="#">Раздел CS 1.6</a>
         <ul>
            <li><a href="#">Серверы</a></li>
            <li><a href="#">Кланы</a></li>
            <li><a href="#">Скачать</a></li>
         </ul>
      </li>
      <li class="sub"><a href="#">Аниме</a>
         <ul>
            <li><a href="#">Наруто</a></li>
            <li><a href="#">One Piece</a></li>
            <li><a href="#">Attack on Titan</a></li>
            <li><a href="#">Death Note</a></li>
            <li><a href="#">Демоны старшей школы</a></li>
         </ul>
      </li>
      <li><a href="#">Контакты</a></li>
   </ul>
</div>

Css:
Код: Выделить всё
#nav {
   background-image: url("{T_THEME_PATH}/images/nav.gif");
   width: 100%;
   height: 32px;
}
#nav ul {
   margin: 0 auto;
   width: 355px;
   height: 32px;
}
#nav li {
   float: left;
   list-style: none;
}
#nav li:hover { position: relative }
#nav li:hover > a {
   background: #1291ff; /* Old browsers */
   background: -moz-linear-gradient(top, #1291ff, #026bff); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, from(#1291ff), to(#026bff)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #1291ff,#026bff); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #1291ff,#026bff); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, #1291ff,#026bff); /* IE10+ */
   background: linear-gradient(to bottom, #1291ff,#026bff); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1291ff', endColorstr='#026bff',GradientType=0 ); /* IE6-9 */
   text-shadow: 2px 1px 1px #333;

   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}

#nav li.sub:hover > a {
   border-radius: 5px 5px 0 0;
   -moz-border-radius: 5px 5px 0 0;
   -webkit-border-radius: 5px 5px 0 0;
}

#nav li a {
   color: #fff;
   font-weight: bold;
   text-decoration: none;
   padding: 10px;
   display: block;
   text-shadow: 2px 1px 1px #999;
}

#nav li a:hover { background-color: #1291FF; }
#nav li ul {
   width: auto;
   height: auto;
   margin-top: 0;
   display: none;

}

#nav li:hover ul {
   display: block;
   position: absolute;
}

#nav li ul {
   background: #1291ff;
   background: -moz-linear-gradient(top, #026bff, #1291ff);
   background: -webkit-gradient(linear, left top, left bottom, from(#026bff), to(#1291ff));
   background: -webkit-linear-gradient(top, #026bff,#1291ff);
   background: -o-linear-gradient(top ,#026bff,#1291ff);
   background: -ms-linear-gradient(top, #026bff,#1291ff);
   background: linear-gradient(to bottom, #026bff,#1291ff);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#026bff', endColorstr='#1291ff',GradientType=0 );
   padding: 10px 5px;

   box-shadow: 5px 12px 25px #777777;
   -moz-box-shadow: 5px 12px 25px #777777;
   -webkit-box-shadow: 5px 12px 25px #777777;

   border-radius: 0px 5px 5px 5px;
   -moz-border-radius: 0px 5px 5px 5px;
   -webkit-border-radius: 0px 5px 5px 5px;
}

#nav li ul li { float: none; }
#nav li ul li a, #nav li ul li a:hover {
   background: transparent;
   color: #FFF;
   width: 150px;
   font-size: 0.95em;
   font-weight: normal;
   text-shadow: 0px 0px 0px #999;
}

#nav li ul li a:hover {
   background-image: url("{T_THEME_PATH}/images/nav.gif");
   color: #323232;
}



Изображение
http://cabinetadmina.ru/ - Сервис по оптимизации, модернизации и раскрутке ваших форумов.

Аватара пользователя
Сообщения: 30
Зарегистрирован: 11 июн 2013, 22:48
Откуда: Тараз
Благодарил (а): 1
Поблагодарили: 0 раз в 0 сообщении
Город: Taraz
Пол: Мужской
Адрес форума: http://crazylife.80lvl.ru
бабло: 0
Баллы репутации: 0

Re: Как и где редактировать в шаблоне "Avalon Blue"

Сообщение Добавлено: 26 июн 2013, 17:52

GoDFaTHeR и CornerAdmin
Спосибо вам огромное все получилось thumbs up :drink:





:ihaaaa: дизайн готов

Аватара пользователя
Сообщения: 7065
Зарегистрирован: 11 авг 2009, 16:58
Благодарил (а): 660
Поблагодарили: 2357 раз в 1754 сообщениях
Город: Москва
Пол: Мужской
Адрес форума: http://help.4admins.ru
Баллы репутации: 170

Re: Как и где редактировать в шаблоне "Avalon Blue"

Сообщение Добавлено: 26 июн 2013, 18:54

"JuGo" писал(а):
дизайн готов

теперь самое сложное! наполнение форума
На этом сервисе можно cоздать форум бесплатно

Аватара пользователя
Сообщения: 30
Зарегистрирован: 11 июн 2013, 22:48
Откуда: Тараз
Благодарил (а): 1
Поблагодарили: 0 раз в 0 сообщении
Город: Taraz
Пол: Мужской
Адрес форума: http://crazylife.80lvl.ru
бабло: 0
Баллы репутации: 0

Re: Как и где редактировать в шаблоне "Avalon Blue"

Сообщение Добавлено: 26 июн 2013, 23:29

Даа думаю что через 2-3 недели закончу и начну рекламировать :scratch:


Вернуться в Оформление форумов

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 10