Техническая поддержка «WoT.pw» Среднее время ответа службы поддержки 3 дня, кроме выходных

Форум

ФорумПомогите настроить сайтМини-гайд #2 от SHPYRNY - Шапка сайта (Замена логотипа)

SHPYRNY
Отправлено 13.04.2015 - 16:55

Мини-гайд #2 от SHPYRNY - Шапка сайта (Замена логотипа)
В данном гайде рассмотрим как изменить логотип в шапке сайта на всех 3-х шаблонах,  и выровнять его. 

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

Зайти  в Консоль администратора -->Внешний вид -->Дизайн сайта -->Поле Свой CSS

Для того что бы получить ссылку на логотип, воспользуйтесь 2-мя примерами которые приведены ниже:

 

1-й пример получения ссылки на логотип своего клана (альянса) (самый простой):

Для того что бы получить ссылку на логтип своего клана (альянса) перейдите на официальный портал игры World OF Tanks, далее перейдите во вкладку мой клан  (http://ru.wargaming.net/clans/ID вашего клана/)

Вы видете логотип вашего клана, далее нажмите ПКМ (Правую Клавишу Мыши) и из выпавшего меню выберите "скопировать URL картинки".

Что бы менять размер картинки измените значения в ссылке http://ru.wargaming.net/clans/media/clans/emblems/cl_304/193304/emblem_195x195.png (доступные размеры 32x32, 64x64, 195x195)

Далее следуйте по инструкции, приведеной ниже.

Спойлер

 

___________________________________________________________________________________

2-й пример получения ссылки на логотип своего клана (альянса): 

Для того что бы получить ссылку на логтип своего клана (альянса), загрузите Ваш логотип на фоттохостинг с возможностью получения прямой ссылки на логотип.

В примере я буду советовать использовать хостинг проекта WoT.pw!

Перейдите в панель управления Вашим сайтом (Название вашего сайта/admin/sites/)

Далее перейдите во вкладку "Загрузка Файлов" и нажмите на клавишу Выбрать файл, выбирете свой логотип, и нажмите кнлпку "ОК".

Далее скопируйте ссылку на свой загруженый логотип и используйте его в своих целей.

Спойлер

Далее следуйте по инструкции, приведеной ниже.

P.S На скриншотах я исползую Браузер Chrome, но принцип везде однаковый

___________________________________________________________________________________

Шаблон - WhiteLog

Далее в поле "Свой CSS" прописываем следуйщий код: 

Код

.header .cap .logotip a {
background:url('Ваша ссылка на логотип') ; /*Ссылка на Ваш логотип */
padding: 0px 4px 85px 90px; /*Выравнивоем изображение и текст (значения менять под себя) */
background-repeat:no-repeat;
color:#333;
text-decoration:none;
font-weight:normal;
font-size:2.55em;
}


/*Выравнивоем слоган*/
.header .cap .slogan {
margin:0;
padding-left: 91px;
color:#111;
font-size:.85em;
font-weight:bold;
text-shadow: 1px 1px 0px rgba(255, 255, 255, .5);
}

Выглядеть будет так:

Все значения настраивать под себя!

___________________________________________________________________________________________________________________________________

 

Шаблон -  SkyWarrior

В поле "Свой CSS" прописываем следуйщий код:

Код

.header .cap .logotip a {
text-shadow:0 0 2px rgba(255, 255, 255, 1);
display:inline-block;
padding:12px 0 12px 110px;
background:url('Ваша ссылка на логотип') left center no-repeat;
font-size:2.75em;
font-family:'CaviarDreams', Arial, sans-serif;
color:#eee;
text-decoration:none;
}

Выглядеть будет так:

Все значения настраивать под себя!

___________________________________________________________________________________________________________________________________

 

Шаблон - Goliath

В поле "Свой CSS" прописываем следуйщий код:

Код

header.header .logotip {
background-image:url('Ваша сылка на логотип');
background-position:50px 118px;  /*Выравнивоние  изображение относительно текста  (значения менять под себя) */
background-repeat:no-repeat;
padding:142px 0 75px 190px;   /*Выравнивоние  текста относительно изображения (значения менять под себя) */
}

Выглядеть будет так:

Все значения настраивать под себя!

___________________________________________________________________________________________________________________________________

 

Шаблон - Phoenix

В поле "Свой CSS" прописываем следуйщий код:

Код

header.header .logotip {
background-image:url('Ваша ссылка на логотип');
background-position:58px 18px;
background-repeat:no-repeat;
padding:55px 0 55px 194px;
}

Выглядеть будет так:

Все значения настраивать под себя!

___________________________________________________________________________________________________________________________________

 

Шаблон - Dimension

 В поле "Свой CSS" прописываем следуйщий код:

Код

.header-inner {
overflow:hidden;
max-height:226px;
text-align:center;
padding:156px 0 40px;
background-image:url('Ваша ссылка на логотип');
background-position:center 62px;
background-repeat:no-repeat;
}

Выглядеть будет так:

Все значения настраивать под себя!

___________________________________________________________________________________________________________________________________

 

Шаблон - Marron

 В поле "Свой CSS" прописываем следуйщий код:

Код

header.header .logotip {
background-image:url('Ваша ссылка на логотип');
background-position:6px 63px;
background-repeat:no-repeat;
padding:89px 0 40px 150px;
}

Выглядеть будет так:

Все значения настраивать под себя!

 

Шаблон - Empire

 В поле "Свой CSS" прописываем следуйщий код:

Код

.header-inner.logotip {
padding:40px 0 40px 154px;
background-image:url('Ваша ссылка на логотип');
background-position:20px 16px;
background-repeat: no-repeat;
}

Выглядеть будет так:

Все значения настраивать под себя!

Если кому-то нужна помощь в настройке сайта, кастомизации, обращайтесь по ссылкам ниже!

P.s

Разработчики спасибо:)
Извеняюсь за задержку. По просьбе Simberian точный размер логотипа 124х126px (Именно для темы Empire)

Сообщение отредактировал SHPYRNY: 29.08.2017 10:16

Связь со мной:

TeamSpeak:  None                        Skype: Shpyrny

ВКонтакте: vk.com                       | Профиль WoT: SHPYRNY

Выходной:  Пятница  |  Суббота

Занимаюсь кастомизацией сайтов. По всем вопросами писать на аккаунты указыные выше.

Заместитель командующего
LLIHaugep
Отправлено 13.05.2015 - 03:54

А как сделать выравнивание названия и девиза клана по правому краю?



"Если уж восстанавнивать в Крыму историческую справедливость, то надо выселить обратно всех приезжих,
занявших в 1944 году татарские дома."
Резервист
Dedunya42
Отправлено 13.05.2015 - 05:47
13.04.2015 - 16:55, SHPYRNY написал:

Мини-гайд #2 от SHPYRNY - Шапка сайта (Замена логотипа)
В данном гайде рассмотрим как изменить логотип в шапке сайта на всех 3-х шаблонах,  и выровнять его. 

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

Зайти  в Консоль администратора -->Внешний вид -->Дизайн сайта -->Поле Свой CSS

Шаблон - WhiteLog

Далее в поле "Свой CSS" прописываем следуйщий код: 

Код

.header .cap .logotip a {
background:url('Ваша ссылка на логотип') ; /*Ссылка на Ваш логотип */
padding: 0px 4px 85px 90px; /*Выравнивоем изображение и текст (значения менять под себя) */
background-repeat:no-repeat;
color:#333;
text-decoration:none;
font-weight:normal;
font-size:2.55em;
}


/*Выравнивоем слоган*/
.header .cap .slogan {
margin:0;
padding-left: 91px;
color:#111;
font-size:.85em;
font-weight:bold;
text-shadow: 1px 1px 0px rgba(255, 255, 255, .5);
}

Выглядеть будет так:

Все значения настраивать под себя!

Шаблон -  SkyWarrior

В поле "Свой CSS" прописываем следуйщий код:

Код

.header .cap .logotip a {
text-shadow:0 0 2px rgba(255, 255, 255, 1);
display:inline-block;
padding:12px 0 12px 110px;
background:url('Ваша ссылка на логотип') left center no-repeat;
font-size:2.75em;
font-family:'CaviarDreams', Arial, sans-serif;
color:#eee;
text-decoration:none;
}

Выглядеть будет так:

Все значения настраивать под себя!

Шаблон - Goliath

В поле "Свой CSS" прописываем следуйщий код:

Код

header.header .logotip {
background-image:url('  Ваша сылка на логотип ');
background-position:50px 118px;  /*Выравнивоние  изображение относительно текста  (значения менять под себя) */
background-repeat:no-repeat;
padding:142px 0 75px 190px;   /*Выравнивоние  текста относительно изображения (значения менять под себя) */
}

Выглядеть будет так:

Все значения настраивать под себя!

P.s
За рание прошу прощения за опечатки..
И думаю вопросов типа "как сменить логатип у меня" не будет.

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

------------------------------------------------------------------

Dedunya42(Николай) Клан [CTB42]

------------------------------------------------------------------

Командующий
Sustenance
Отправлено 13.05.2015 - 05:57
13.05.2015 - 05:47, Dedunya42 написал:

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

Это вопрос или утверждение?)

SHPYRNY
Отправлено 13.05.2015 - 10:16
13.05.2015 - 05:57, Iooney написал:
13.05.2015 - 05:47, Dedunya42 написал:

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

Это вопрос или утверждение?)

Это троль) А я всего лишь хотел помочь.

Сообщение отредактировал SHPYRNY: 13.05.2015 13:17

Связь со мной:

TeamSpeak:  None                        Skype: Shpyrny

ВКонтакте: vk.com                       | Профиль WoT: SHPYRNY

Выходной:  Пятница  |  Суббота

Занимаюсь кастомизацией сайтов. По всем вопросами писать на аккаунты указыные выше.

SHPYRNY
Отправлено 13.05.2015 - 10:22
13.05.2015 - 03:54, klug_schneider написал:

А как сделать выравнивание названия и девиза клана по правому краю?

Держи 

Спойлер

header.header .logotip span {
display:block;
font-size:.85em;
text-transform:uppercase;
font-weight:bold;
color:#fff;
margin-left: -3px;
}

Спойлер

header.header .logotip {
background-image:url('http://ru.wargaming.net/clans/media/clans/emblems/cl_501/95501/emblem_195x195.png?1428002894.23');
background-position:3px 90px;
background-repeat:no-repeat;
padding: 142px 0 75px 1009px;
}



Связь со мной:

TeamSpeak:  None                        Skype: Shpyrny

ВКонтакте: vk.com                       | Профиль WoT: SHPYRNY

Выходной:  Пятница  |  Суббота

Занимаюсь кастомизацией сайтов. По всем вопросами писать на аккаунты указыные выше.

Toligos
Отправлено 13.05.2015 - 14:05

Здравствуйте.Я в своем css в Шаблоне - Goliath сделал все так как в гайде вот так получилось 

header.header .logotip {
background-image:url(' https://cloud.mail.ru/public/3VHddhGb5cyU/%D0%91%D0%B5%D0%B7%20%D0%B8%D0%BC%D0%B5%D0%BD%D0%B8.png ');
background-position:50px 118px; /*Выравнивоние изображение относительно текста (значения менять под себя) */
background-repeat:no-repeat;
padding:142px 0 75px 190px; /*Выравнивоние текста относительно изображения (значения менять под себя) */
}

но шаблон изчез даже тот что по умолчпнию,и мой не появился.Спасибо что помогаете

 

"Незадавай глупых вопросов,дабы не получить аналогичный ответ"

 

Toligos
Отправлено 13.05.2015 - 14:09

всем спасибо,нашел причину,заливать картинку надо было через свой сайт,теперь все норм,спасибо

 

"Незадавай глупых вопросов,дабы не получить аналогичный ответ"

 

SHPYRNY
Отправлено 13.05.2015 - 15:04
13.05.2015 - 14:09, Toligos написал:

всем спасибо,нашел причину,заливать картинку надо было через свой сайт,теперь все норм,спасибо

Всегда рады помочь!:)

Связь со мной:

TeamSpeak:  None                        Skype: Shpyrny

ВКонтакте: vk.com                       | Профиль WoT: SHPYRNY

Выходной:  Пятница  |  Суббота

Занимаюсь кастомизацией сайтов. По всем вопросами писать на аккаунты указыные выше.

Заместитель командующего
LLIHaugep
Отправлено 13.05.2015 - 17:07
13.05.2015 - 10:22, SHPYRNY написал:
13.05.2015 - 03:54, klug_schneider написал:

А как сделать выравнивание названия и девиза клана по правому краю?

Держи 

Спойлер

header.header .logotip span {
display:block;
font-size:.85em;
text-transform:uppercase;
font-weight:bold;
color:#fff;
margin-left: -3px;
}

Спойлер

header.header .logotip {
background-image:url('http://ru.wargaming.net/clans/media/clans/emblems/cl_501/95501/emblem_195x195.png?1428002894.23');
background-position:3px 90px;
background-repeat:no-repeat;
padding: 142px 0 75px 1009px;
}



чет не проконало 



"Если уж восстанавнивать в Крыму историческую справедливость, то надо выселить обратно всех приезжих,
занявших в 1944 году татарские дома."
SHPYRNY
Отправлено 13.05.2015 - 17:20
13.05.2015 - 17:07, klug_schneider написал:
13.05.2015 - 10:22, SHPYRNY написал:

Держи 

Спойлер

header.header .logotip span {
display:block;
font-size:.85em;
text-transform:uppercase;
font-weight:bold;
color:#fff;
margin-left: -3px;
}

Спойлер

header.header .logotip {
background-image:url('http://ru.wargaming.net/clans/media/clans/emblems/cl_501/95501/emblem_195x195.png?1428002894.23');
background-position:3px 90px;
background-repeat:no-repeat;
padding: 142px 0 75px 1009px;
}



чет не проконало 

Должно быть все отлично. Только что все перепроверил, ты оба кода вставляешь? Один отвечает за слоган, второй за название. 

Ошибся где-то ты, может скобку где-то не закрыл? И код отображался не правильно?

Попробуй еще раз, если не получиться тогда замени свой код CSS на этот:
Но перед началом действий советую сохранить свой код.

Спойлер

/*------------------------------------------
Пользовательские стили
------------------------------------------*/

header.header .logotip {
background-image:url('http://ru.wargaming.net/clans/media/clans/emblems/cl_501/95501/emblem_195x195.png?1428002894.23');
background-position:3px 90px;
background-repeat:no-repeat;
padding:142px 0 75px 190px;
}


/*---------------------------------------------------------------------------
Выравниваем мекет по центру страницы, фиксируем его ширину
---------------------------------------------------------------------------*/
.wrapper {
width:1300px;
margin:0 auto;
}
/*---------------------------------------------------------------------------
Сетка главной колонки и сайдбара
---------------------------------------------------------------------------*/
section.content {
overflow:hidden;
}
section.content.side-left .column {
float:right;
}
section.content.side-right .column {
float:left;
}
section.content.single-column {
float:none;
}
section.content.single-column main.column {
width:100%;
}
section.content.single-column aside.column {
width:100%;
}
/*---------------------------------------------------------------------------
Ширина главной колонки и сайдбара
---------------------------------------------------------------------------*/
section.content main.column {
width:984px;
}
section.content aside.column {
width:276px;
}

/* —---------------------------------------------------------------------------
Цвета для рейтингов, званий, событий
—-------------------------------------------------------------------------— */

/* Звания */
span.leader, .table-members .leader {color:#D93DF9;} /* Командир */
span.vice-leader, .table-members .vice-leader {color:#D93DF9;} /* Зам. Ком. */
span.personnel-officer, .table-members .personnel-officer {color:#00FFE3;}
span.commander, .table-members .commander {color:#489928;}
span.diplomat, .table-members .diplomat {color:#D7CA2B;} /* Дипломат */
span.treasurer, .table-members .treasurer {color:#D7CA2B;}
span.recruiter, .table-members .recruiter {color:#0078ca;}
span.junior-officer, .table-members .junior-officer {color:#00FFE3;} /* Младший Офицер */
span.private, .table-members .private {color:#CCC;} /* Рядовой */
span.recruit, .table-members .recruit {color:#F80;} /* Новобранец */
span.reservist, .table-members .reservist {color:#FF0E00;} /* Резервист */

/* Рейтинги */
.very-bad {color:#FE0E00;}
.bad {color:#FE7903;}
.normal {color:#D7CA2B;}
.good {color:#489928;}
.very-good {color:#02C9B3;}
.unique {color:#D042F3;}

/* События */
.joined-clan {color:#009900;} /* Вступил в клан */
.left-clan {color:#FF0000;} /* Покинул клан */

/* Администраторы сайта */

.modul.recruitment .pastic .table-data a[href$='2740842'],
.modul.recruitment .pastic .table-data a[href$='5687562'],
.modul.recruitment .pastic .table-data a[href$='4689714'],
.nickname a[href$='2740842'],
.nickname a[href$='5687562'],
.nickname a[href$='4689714'] {
color: red;
}

.notice{
width:325px;
position:fixed;
margin:0 auto;
top:230px;
right:548px;
left:480px;
padding:18px 15px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px;
background: rgba(29, 30, 36, 0.8);
border:4px solid #15161A;
font-size:.85em;
border-radius:20px 20px 15px 15px;
-webkit-box-shadow:0px 0px 12px 0px rgba(242, 242, 242, 1), 0px 0px 9px 0px rgba(48, 49, 53, 1);
box-shadow:0px 0px 12px 0px rgba(242, 242, 242, 1), 0px 0px 9px 0px rgba(48, 49, 53, 1);

}


.notice .text{
color:#c8c8c8
}


.notice button{
padding:3px 6px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px;
color:#c8c8c8;
background-color:rgba(48, 49, 53, 0.7);
border:none;
padding:6px 9px;
}

 

.detail-view th:first-child{
background:#1D1E24;
}

/*---------------------------------------------------------------------------
Выпадайка для горизонального меню
---------------------------------------------------------------------------*/
nav.navigation ul:before,
nav.navigation ul:after {
content:' ';
display:table;
}
nav.navigation ul:after {
clear:both;
}
nav.navigation ul {
*zoom:1;
list-style-type:none;
}

nav.navigation > ul > li {
float:left;
position:relative;
}

nav.navigation ul li a {
white-space:nowrap;
}

nav.navigation > ul > li > a {
display:inline-block;
}

nav.navigation ul li ul {
position:absolute;
z-index:9;
}

nav.navigation ul li ul li {
display:none;
}

nav.navigation ul li:hover ul li {
display:block;
}
/*---------------------------------------------------------------------------
Навигация в шапке
---------------------------------------------------------------------------*/
.wrapper {
position:relative;
}

nav.navigation {
position:absolute;
width:100%;
top:0;
padding:25px 30px 0 0;
}

nav.navigation::before,
nav.navigation::after {
content:' ';
display:table;
}
nav.navigation::after {
clear:both;
}
nav.navigation {
*zoom:1;
}

nav.navigation {
margin-bottom:15px;
}

nav.navigation ul.nav-menu {
float:left;
}

nav.navigation ul.nav-login {
float:right;
}

nav.navigation a {
display:block;
position:relative;
background-color:rgba(0, 0, 0, 0.4);
font-family:'LeagueGothicRegular', 'Arial Narrow', Arial, sans-serif;
font-size:1.85em;
text-decoration:none;
color:#ffebe7;
padding:6px 14px 3px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
-webkit-transition:background-color .2s, color .2s;
-moz-transition:background-color .2s, color .2s;
transition:background-color .2s, color .2s;
}

nav.navigation ul.nav-login a {
font-size:1.25em;
}

nav.navigation a:hover {
color:#fff;
}

nav.navigation ul.nav-menu a {
text-transform:uppercase;
}

nav.navigation li:hover a,
nav.navigation li a:hover {
background-color:rgba(255, 87, 50, 0.4);
color:#fff;
}

nav.navigation ul.nav-menu ul {
padding-top:14px;
z-index:97;
}

nav.navigation ul.nav-menu ul a {
background-color:rgba(0, 0, 0, 0.4);
font-size:1.25em;
}

nav.navigation ul.nav-menu ul a:hover {
background-color:rgba(255, 87, 50, 0.85);
}

nav.navigation ul.nav-menu li {
padding-right:15px;
}

nav.navigation ul.nav-login li {
padding-left:15px;
}

nav.navigation .nav-menu > li,
nav.navigation .nav-login li {
float:left;
}

nav.navigation ul.nav-login li a {
padding-left:33px;
}

nav.navigation ul.nav-login li a::before {
display:block;
position:absolute;
top:0;
left:0;
font-family:'MoonRegular';
font-weight:normal;
font-size:.8em;
padding-left:11px;
}

nav.navigation ul.nav-login li.login a::before {
content:'\e98f';
top:7px;
}

nav.navigation ul.nav-login li.logout a::before {
content:'\ea14';
top:8px;
}

nav.navigation ul.nav-login li.myprofile a::before {
content:'\e976';
top:8px;
}

nav.navigation a {
background-color:rgba(0, 0, 0, 0.4);
}

header.header .logotip span {
display:block;
font-size:.85em;
text-transform:uppercase;
font-weight:bold;
color:#fff;
margin-left: -3px;
}

header.header .logotip {
background-image:url('http://ru.wargaming.net/clans/media/clans/emblems/cl_501/95501/emblem_195x195.png?1428002894.23');
background-position:3px 90px;
background-repeat:no-repeat;
padding: 142px 0 75px 1009px;
}

 

Сообщение отредактировал SHPYRNY: 13.05.2015 17:25

Связь со мной:

TeamSpeak:  None                        Skype: Shpyrny

ВКонтакте: vk.com                       | Профиль WoT: SHPYRNY

Выходной:  Пятница  |  Суббота

Занимаюсь кастомизацией сайтов. По всем вопросами писать на аккаунты указыные выше.

Заместитель командующего
LLIHaugep
Отправлено 16.05.2015 - 04:03
Спойлер
13.05.2015 - 17:20, SHPYRNY написал:
13.05.2015 - 17:07, klug_schneider написал:
13.05.2015 - 10:22, SHPYRNY написал:

Держи 

Спойлер

header.header .logotip span {
display:block;
font-size:.85em;
text-transform:uppercase;
font-weight:bold;
color:#fff;
margin-left: -3px;
}

Спойлер

header.header .logotip {
background-image:url('http://ru.wargaming.net/clans/media/clans/emblems/cl_501/95501/emblem_195x195.png?1428002894.23');
background-position:3px 90px;
background-repeat:no-repeat;
padding: 142px 0 75px 1009px;
}



чет не проконало 

Должно быть все отлично. Только что все перепроверил, ты оба кода вставляешь? Один отвечает за слоган, второй за название. 

Ошибся где-то ты, может скобку где-то не закрыл? И код отображался не правильно?

Попробуй еще раз, если не получиться тогда замени свой код CSS на этот:
Но перед началом действий советую сохранить свой код.

Спойлер

/*------------------------------------------
Пользовательские стили
------------------------------------------*/

header.header .logotip {
background-image:url('http://ru.wargaming.net/clans/media/clans/emblems/cl_501/95501/emblem_195x195.png?1428002894.23');
background-position:3px 90px;
background-repeat:no-repeat;
padding:142px 0 75px 190px;
}


/*---------------------------------------------------------------------------
Выравниваем мекет по центру страницы, фиксируем его ширину
---------------------------------------------------------------------------*/
.wrapper {
width:1300px;
margin:0 auto;
}
/*---------------------------------------------------------------------------
Сетка главной колонки и сайдбара
---------------------------------------------------------------------------*/
section.content {
overflow:hidden;
}
section.content.side-left .column {
float:right;
}
section.content.side-right .column {
float:left;
}
section.content.single-column {
float:none;
}
section.content.single-column main.column {
width:100%;
}
section.content.single-column aside.column {
width:100%;
}
/*---------------------------------------------------------------------------
Ширина главной колонки и сайдбара
---------------------------------------------------------------------------*/
section.content main.column {
width:984px;
}
section.content aside.column {
width:276px;
}

/* —---------------------------------------------------------------------------
Цвета для рейтингов, званий, событий
—-------------------------------------------------------------------------— */

/* Звания */
span.leader, .table-members .leader {color:#D93DF9;} /* Командир */
span.vice-leader, .table-members .vice-leader {color:#D93DF9;} /* Зам. Ком. */
span.personnel-officer, .table-members .personnel-officer {color:#00FFE3;}
span.commander, .table-members .commander {color:#489928;}
span.diplomat, .table-members .diplomat {color:#D7CA2B;} /* Дипломат */
span.treasurer, .table-members .treasurer {color:#D7CA2B;}
span.recruiter, .table-members .recruiter {color:#0078ca;}
span.junior-officer, .table-members .junior-officer {color:#00FFE3;} /* Младший Офицер */
span.private, .table-members .private {color:#CCC;} /* Рядовой */
span.recruit, .table-members .recruit {color:#F80;} /* Новобранец */
span.reservist, .table-members .reservist {color:#FF0E00;} /* Резервист */

/* Рейтинги */
.very-bad {color:#FE0E00;}
.bad {color:#FE7903;}
.normal {color:#D7CA2B;}
.good {color:#489928;}
.very-good {color:#02C9B3;}
.unique {color:#D042F3;}

/* События */
.joined-clan {color:#009900;} /* Вступил в клан */
.left-clan {color:#FF0000;} /* Покинул клан */

/* Администраторы сайта */

.modul.recruitment .pastic .table-data a[href$='2740842'],
.modul.recruitment .pastic .table-data a[href$='5687562'],
.modul.recruitment .pastic .table-data a[href$='4689714'],
.nickname a[href$='2740842'],
.nickname a[href$='5687562'],
.nickname a[href$='4689714'] {
color: red;
}

.notice{
width:325px;
position:fixed;
margin:0 auto;
top:230px;
right:548px;
left:480px;
padding:18px 15px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px;
background: rgba(29, 30, 36, 0.8);
border:4px solid #15161A;
font-size:.85em;
border-radius:20px 20px 15px 15px;
-webkit-box-shadow:0px 0px 12px 0px rgba(242, 242, 242, 1), 0px 0px 9px 0px rgba(48, 49, 53, 1);
box-shadow:0px 0px 12px 0px rgba(242, 242, 242, 1), 0px 0px 9px 0px rgba(48, 49, 53, 1);

}


.notice .text{
color:#c8c8c8
}


.notice button{
padding:3px 6px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px;
color:#c8c8c8;
background-color:rgba(48, 49, 53, 0.7);
border:none;
padding:6px 9px;
}

 

.detail-view th:first-child{
background:#1D1E24;
}

/*---------------------------------------------------------------------------
Выпадайка для горизонального меню
---------------------------------------------------------------------------*/
nav.navigation ul:before,
nav.navigation ul:after {
content:' ';
display:table;
}
nav.navigation ul:after {
clear:both;
}
nav.navigation ul {
*zoom:1;
list-style-type:none;
}

nav.navigation > ul > li {
float:left;
position:relative;
}

nav.navigation ul li a {
white-space:nowrap;
}

nav.navigation > ul > li > a {
display:inline-block;
}

nav.navigation ul li ul {
position:absolute;
z-index:9;
}

nav.navigation ul li ul li {
display:none;
}

nav.navigation ul li:hover ul li {
display:block;
}
/*---------------------------------------------------------------------------
Навигация в шапке
---------------------------------------------------------------------------*/
.wrapper {
position:relative;
}

nav.navigation {
position:absolute;
width:100%;
top:0;
padding:25px 30px 0 0;
}

nav.navigation::before,
nav.navigation::after {
content:' ';
display:table;
}
nav.navigation::after {
clear:both;
}
nav.navigation {
*zoom:1;
}

nav.navigation {
margin-bottom:15px;
}

nav.navigation ul.nav-menu {
float:left;
}

nav.navigation ul.nav-login {
float:right;
}

nav.navigation a {
display:block;
position:relative;
background-color:rgba(0, 0, 0, 0.4);
font-family:'LeagueGothicRegular', 'Arial Narrow', Arial, sans-serif;
font-size:1.85em;
text-decoration:none;
color:#ffebe7;
padding:6px 14px 3px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
-webkit-transition:background-color .2s, color .2s;
-moz-transition:background-color .2s, color .2s;
transition:background-color .2s, color .2s;
}

nav.navigation ul.nav-login a {
font-size:1.25em;
}

nav.navigation a:hover {
color:#fff;
}

nav.navigation ul.nav-menu a {
text-transform:uppercase;
}

nav.navigation li:hover a,
nav.navigation li a:hover {
background-color:rgba(255, 87, 50, 0.4);
color:#fff;
}

nav.navigation ul.nav-menu ul {
padding-top:14px;
z-index:97;
}

nav.navigation ul.nav-menu ul a {
background-color:rgba(0, 0, 0, 0.4);
font-size:1.25em;
}

nav.navigation ul.nav-menu ul a:hover {
background-color:rgba(255, 87, 50, 0.85);
}

nav.navigation ul.nav-menu li {
padding-right:15px;
}

nav.navigation ul.nav-login li {
padding-left:15px;
}

nav.navigation .nav-menu > li,
nav.navigation .nav-login li {
float:left;
}

nav.navigation ul.nav-login li a {
padding-left:33px;
}

nav.navigation ul.nav-login li a::before {
display:block;
position:absolute;
top:0;
left:0;
font-family:'MoonRegular';
font-weight:normal;
font-size:.8em;
padding-left:11px;
}

nav.navigation ul.nav-login li.login a::before {
content:'\e98f';
top:7px;
}

nav.navigation ul.nav-login li.logout a::before {
content:'\ea14';
top:8px;
}

nav.navigation ul.nav-login li.myprofile a::before {
content:'\e976';
top:8px;
}

nav.navigation a {
background-color:rgba(0, 0, 0, 0.4);
}

header.header .logotip span {
display:block;
font-size:.85em;
text-transform:uppercase;
font-weight:bold;
color:#fff;
margin-left: -3px;
}

header.header .logotip {
background-image:url('http://ru.wargaming.net/clans/media/clans/emblems/cl_501/95501/emblem_195x195.png?1428002894.23');
background-position:3px 90px;
background-repeat:no-repeat;
padding: 142px 0 75px 1009px;
}

 

 

 

спасибо



"Если уж восстанавнивать в Крыму историческую справедливость, то надо выселить обратно всех приезжих,
занявших в 1944 году татарские дома."
Разработчики
Zhenja_Tag
Отправлено 06.06.2015 - 23:14

ап 

Командующий
homechok
Отправлено 08.06.2015 - 18:18

Спасибо =)

Good_Luck_VrN
Отправлено 08.06.2015 - 23:19

Здраствуйте. Вопрос у меня заключается в следующем. Не могу выровнять значек по центру (название и подпись клана выравниваются, а значек ни в какую) какая цифра за это отвечает? Перекопал вроде все. не нашел ответа. заранее спс!

_DELICAVOT_
Отправлено 21.06.2015 - 17:14

Добрый день)

Подскажите, как можно поменять цвет клана и ник игрока,должности в клане и установить на них разный цвет!?

Командующий
homechok
Отправлено 26.06.2015 - 12:37

Привет

А можно както сделать 2 логотипа?

чтоб один был с правой стороны а другой с левой и по центру название клана.

Зарание спасибо,

Заместитель командующего
Dok_54rus
Отправлено 26.06.2015 - 13:58

У вас 2 логотира это одна картинка и название между ними не влазиет.

Заместитель командующего
Dok_54rus
Отправлено 26.06.2015 - 14:15

Можно так сделать

Заместитель командующего
Dok_54rus
Отправлено 26.06.2015 - 14:20

Лучше убери в настройках - Название клана (альянса) и вставь эту картинку вместо своей

Потом в CSS вставь

.header .cap .logotip {
text-align: center;
font-family:'OpenSans CondBold', Arial, sans-serif;
margin:0;

Свой замени на этот

/*Выравнивоем слоган*/
.header .cap .slogan {
margin:0;
padding-left: 91px;
color:#111;
text-align: center;
font-size:.85em;
font-weight:bold;
text-shadow: 1px 1px 0px rgba(255, 255, 255, .5);
}

Пожалуйста, авторизируйтесь to post a message,