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

Форум

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

Офицер штаба
DeD_Cko6apb_
Отправлено 28.07.2015 - 00:24

Доброго времени суток!

Огромное спасибо за труды!!! Минигайдов очень нехватало, для таких лузеров как я

Вопрос: для шаблона «Dimension» я использовал код для шаблона Goliath. Подобрал значение позиционирования логотипа и названия клана ро центру, но при изменении размера страницы браузера название клана остаётся по центру, а вот логотип "съезжает". Как зафиксировать логотип клана по центру?

Сайт http://nez-clan.ru/

 

Офицер штаба
DeD_Cko6apb_
Отправлено 28.07.2015 - 22:48
28.07.2015 - 00:24, SilencerDED написал:

Доброго времени суток!

Спойлер

   Огромное спасибо за труды!!! Минигайдов очень нехватало, для таких лузеров как я

Вопрос: для шаблона «Dimension» я использовал код для шаблона Goliath. Подобрал значение позиционирования логотипа и названия клана ро центру, но при изменении размера страницы браузера название клана остаётся по центру, а вот логотип "съезжает". Как зафиксировать логотип клана по центру?

Сайт http://nez-clan.ru/


 Победил :)

Может кому пригодиться ;)  Дело было так:

HTML редактор подключен!!!

  1. Для начала отключил CSS выбранной темы оформления
  2. Скопировал в текстовый документ CSS выбранной темы оформления
  3.  Затем затем вставил ссылку в конкретное место

сюда (отмечено красным):

Спойлер

 

/*---------------------------------------------------------------------------
	Логотип
---------------------------------------------------------------------------*/
header.header {
	height:258px;
}

header.header a {
	display:inline-block;
	font-size:1.75em;
	font-family:'NotoSerifBold', 'Arial Narrow', Arial, sans-serif;
	text-decoration:none;
	color:#000;
	text-transform:uppercase;
}
header.header span {
	display:block;
	font-size:.75em;
	font-family:'NotoSerifBold', 'Arial Narrow', Arial, sans-serif;
	text-transform:uppercase;
	color:#ff5f29;
	padding-left:2px;
}

.header-inner {
	overflow:hidden;
	max-height:226px;
	text-align:center;
	padding:156px 0 40px;
	background-image:url('../images/logo.png');
	background-position:center 62px;
	background-repeat:no-repeat;
}
И вуаля :)

Сообщение отредактировал DeD_Cko6apb_: 28.07.2015 23:19

 

Командующий
Alexandr047
Отправлено 04.08.2015 - 10:13

все разобрался)

 

 

Сообщение отредактировал Alexandr047: 04.08.2015 10:26
Заместитель командующего
LMS2005Maks
Отправлено 18.08.2015 - 19:25

Помогите! Как убрать СЕРУЮ заливку, логотип и слоган в теме SkyWarrior! В шапке сайта! очень надо! 

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

RaidCall: 7665019 ¦ Skype: LMS2005Maks

вКонтакте: vk.com  ¦ Профиль WoT: LMS2005Maks

Группа АЛЬЯНСА вКонтакте

Командующий
Sustenance
Отправлено 18.08.2015 - 20:25
18.08.2015 - 19:25, LMS2005Maks написал:

Помогите! Как убрать СЕРУЮ заливку, логотип и слоган в теме SkyWarrior! В шапке сайта! очень надо! 

.header .cap {
     background:none;
}

Заместитель командующего
LMS2005Maks
Отправлено 18.08.2015 - 22:31

блин мог и сам догодаться))) Спасибо)))

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

RaidCall: 7665019 ¦ Skype: LMS2005Maks

вКонтакте: vk.com  ¦ Профиль WoT: LMS2005Maks

Группа АЛЬЯНСА вКонтакте

Командующий
Sustenance
Отправлено 18.08.2015 - 22:42
18.08.2015 - 22:31, LMS2005Maks написал:

блин мог и сам догодаться))) Спасибо)))

Пожалуйста : )

_Vasya_76
Отправлено 02.09.2015 - 15:27
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:ur(' Ваша ссылка на логотип ') 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;
}

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

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

P.s

Разработчики спасибо:)

все получилось ,спасибо 

HeDoyMeHuE
Отправлено 21.09.2015 - 12:27

Подскажите пожалуйста кто нибудь, как буквы девиза в Goliath сделать как на картинке, верхний ряд большие, нижний поменьше, ато у меня все в один размер и большими буквами. А, и да, почему аватарка на форуме жрёт часть эмблемы клана?

Сообщение отредактировал HeDoyMeHuE: 21.09.2015 12:30
SHPYRNY
Отправлено 22.09.2015 - 18:24
21.09.2015 - 12:27, HeDoyMeHuE написал:

Подскажите пожалуйста кто нибудь, как буквы девиза в Goliath сделать как на картинке, верхний ряд большие, нижний поменьше, ато у меня все в один размер и большими буквами. А, и да, почему аватарка на форуме жрёт часть эмблемы клана?

В настройках сайта указывали название сайта и слоган?

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

TeamSpeak:  None                        Skype: Shpyrny

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

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

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

HeDoyMeHuE
Отправлено 24.09.2015 - 09:54
22.09.2015 - 18:24, SHPYRNY написал:
21.09.2015 - 12:27, HeDoyMeHuE написал:

Подскажите пожалуйста кто нибудь, как буквы девиза в Goliath сделать как на картинке, верхний ряд большие, нижний поменьше, ато у меня все в один размер и большими буквами. А, и да, почему аватарка на форуме жрёт часть эмблемы клана?

В настройках сайта указывали название сайта и слоган?

да

SHPYRNY
Отправлено 26.09.2015 - 12:32
24.09.2015 - 09:54, HeDoyMeHuE написал:
22.09.2015 - 18:24, SHPYRNY написал:
21.09.2015 - 12:27, HeDoyMeHuE написал:

Подскажите пожалуйста кто нибудь, как буквы девиза в Goliath сделать как на картинке, верхний ряд большие, нижний поменьше, ато у меня все в один размер и большими буквами. А, и да, почему аватарка на форуме жрёт часть эмблемы клана?

В настройках сайта указывали название сайта и слоган?

да

Или в настройках у Вас не указанно название клана, или Вы что то сделали с html кодом шапки, прошу проверить все и отписаться.

HTML шапки под спойлером.

Спойлер

<header class="header">
<div class="header-inner logotip">
<a href="/">{SITE_NAME}</a>
<span>{SLOGAN}</span>
</div>
</header>


{MENU}



Сообщение отредактировал SHPYRNY: 26.09.2015 12:32

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

TeamSpeak:  None                        Skype: Shpyrny

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

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

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

PaHeHblu_LeBwa
Отправлено 09.10.2015 - 21:43

я не понял подскажите- как вставить логотип своего клана?

SHPYRNY
Отправлено 10.10.2015 - 10:41
09.10.2015 - 21:43, _Welliton_ написал:

я не понял подскажите- как вставить логотип своего клана?

Копируете выше приведенный код CSS, выставляете свою ссылку на логотип,  в том месте где указано. 

Что бы получить ссылку на логотип, загрузите свой логотип на любой фото-хостинг 

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

TeamSpeak:  None                        Skype: Shpyrny

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

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

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

HeDoyMeHuE
Отправлено 13.10.2015 - 00:00
26.09.2015 - 12:32, SHPYRNY написал:
24.09.2015 - 09:54, HeDoyMeHuE написал:
22.09.2015 - 18:24, SHPYRNY написал:
21.09.2015 - 12:27, HeDoyMeHuE написал:

Подскажите пожалуйста кто нибудь, как буквы девиза в Goliath сделать как на картинке, верхний ряд большие, нижний поменьше, ато у меня все в один размер и большими буквами. А, и да, почему аватарка на форуме жрёт часть эмблемы клана?

В настройках сайта указывали название сайта и слоган?

да

Или в настройках у Вас не указанно название клана, или Вы что то сделали с html кодом шапки, прошу проверить все и отписаться.

HTML шапки под спойлером.

Спойлер

<header class="header">
<div class="header-inner logotip">
<a href="/">{SITE_NAME}</a>
<span>{SLOGAN}</span>
</div>
</header>


{MENU}

Ошибку понял и справил. спасибо.

 

_Banker_
Отправлено 13.10.2015 - 23:44

Привет все помогите не образованному, проблемма в том что какое бы фото не вставлял с разных сайтов эмблемма не появляется!

.header-inner {
overflow:hidden;
max-height:226px;
text-align:center;
padding:156px 0 40px;
background-image:url(' http://images.vfl.ru/ii/1444768502/fca2b1e9/10166433.png ');
background-position:center 62px;
background-repeat:no-repeat;
}

Вот пример моей работы

_Banker_
Отправлено 14.10.2015 - 00:07

пробывал любую ссылку зассовывать , с вг с разных кланов сувал но результата 0, я видно туплю чето))))

erydan
Отправлено 14.10.2015 - 05:43
.header-inner.logotip {
   background-image: url(' http://images.vfl.ru/ii/1444768502/fca2b1e9/10166433.png ') !important;
}

Skype - neforsp

_Banker_
Отправлено 14.10.2015 - 07:49
14.10.2015 - 05:43, erydan написал:
.header-inner.logotip {
   background-image: url(' http://images.vfl.ru/ii/1444768502/fca2b1e9/10166433.png ') !important;
}

Или я чёто неправильно делаю,но у меня всеравно не получается сдулать логотип

_Banker_
Отправлено 14.10.2015 - 07:50

Получилось, спасибо

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