Бормотухи.НЕТ - Вопрос Помощь по дизайну

Страница 1 из 3

Показывать 50 сообщений этой темы на одной странице

Бормотухи.НЕТ (http://www.bormotuhi.net/index.php)

- vBulletin 3.х (http://www.bormotuhi.net/forumdisplay.php?f=67)

- - [Вопрос] Помощь по дизайну (http://www.bormotuhi.net/showthread.php?t=18502)

Ach1les

10.11.2013 10:25

Помощь по дизайну

Ребят помогите вот смотрите (версия форума 3.8.7) стиль стоит вот этот
http://www.bormotuhi.net/downlimages..._imgid_126.png стал идеально. Я хотел бы сделать очень красивый дизайн брав за основу элементы дизайна с сайта http://psdmania.ru/elementi-web-interfeysa/

Вот к примеру навбар ( тоесть как видно на стиле Мой кабинет, справка ...) хотел бы поменять на вот такое http://psdmania.ru/elementi-web-inte...navigacii.html как это сдлеать? Или к примеру поля входа и там всякое другое!

Ach1les

10.11.2013 19:02

Поможет кто?

Sven	10.11.2013 20:47

В "двух словах" - добавить стили в Дополнительные определения CSS и переверстать шаблон navbar(или header, не знаю где там кнопки находятся) в соответствии с примером

Ach1les

10.11.2013 21:03

Уважаемый свен тут конкретно не стиль идет а картинка! Вот видели где в обычном стиле там где навбар ( мой кабинет...) там просто черное а у меня вот такая картинка как ее вставить туда? а ту убрать? Мне нужны не названия а оформление!
Если выговорите добавить стили как это сделать я с этим 1 раз сталкиваюсь помогите

Ach1les

10.11.2013 21:08

А если вот к примеру поля регистрации я хочу переделать или допустим при нажатии на "опции раздела" там вылазит менюшка я хотел бы ее красивую сделать там с элементами графики как и где править?

Sven	10.11.2013 23:15

Ох..я и так понимаю, о чем речь, не нужно мне разжёвывать.
Честно, нет желания с этим всем разбираться. Я подсказал куда копать.
Стили - это CSS, который есть в примере

Sven	10.11.2013 23:16

Чтоб наверняка, вставляй все что есть в примере в шаблон, а потом копай дальше. Экспериментируй

Ach1les

11.11.2013 07:17

ппц ну намекни поконкретнее куда что вставлять и как а дальше сам я не въезжаю....

Sven	11.11.2013 12:06

Может еще за тебя сделать?
Наглость - второе счастье...

Ach1les

11.11.2013 12:39

Да причем тут наглость если я не понимаю я хочу вникнуть помоги мне с этим!

Sven	11.11.2013 13:02

Перечитай еще раз от начала до конца, а потом делай. Я уже писал, что и в какой шаблон вставлять и куда стили вставлять

Ach1les

11.11.2013 13:23

вот кнопка "мой кабинет" к примеру! Я хочу ее оставить мне надо лишь обрамить ее в другую оболочку (картинку) которую я вам скинул< далее что за стили??? Стиль у меня 1 к картинке стили не прилагаются что имел ввиду под этим?

Sven	11.11.2013 16:32

Ищешь пример уже готового меню и переносишь код к себе.
Там только исходники внешнего вида - т.к. не умеешь верстать - тебе этот исходник не поможет

Ach1les

11.11.2013 16:40

Пипец объясняешь на языке твоя моя не понимать. Само меню остается прежним просто обрамить его в такую оболочку как сделать, что вписать надо? я лишь имею картинку и psd исходник этой картинки! Я так понимаю "пример готового меню" это к другому стилю относится? Если да то где этот пример найти?

Sven	11.11.2013 16:52

Наверное нужно подрасти, чтоб понимать.
Я довольно понятно объяснил.

Ach1les

11.11.2013 16:54

Разжуй по детальнее! Пример готового меню в каком шаблоне?

Slavok47

12.11.2013 06:12

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

Ach1les

12.11.2013 07:53

Славок в 1 ом сообщении описано! Там ссылка на скрин который я хочу (http://psdmania.ru/elementi-web-inte...navigacii.html), а сейчас стандартный стоит http://www.bormotuhi.net/downlimages..._imgid_126.png Ну так что?

Ach1les

12.11.2013 20:46

Поможешь?

Slavok47

13.11.2013 08:17

даю подсказку, имеется 2 рисунка, 1 по умолчанию, который меняется при наведении мышкой, как это сделать? при помощи CSS, используя псевдокласс hover

Ach1les

13.11.2013 09:26

ничего не понял! Зачем подсказки просто скажи что куда вставлять?

Inferno

13.11.2013 11:28

Цитата:

Сообщение от Slavok47 (Сообщение 360558)

при помощи CSS

Цитата:

Сообщение от Ach1les (Сообщение 360565)

ничего не понял!

Цитата:

Сообщение от Slavok47 (Сообщение 360558)

используя псевдокласс

hover

Цитата:

Сообщение от Ach1les (Сообщение 360565)

Зачем подсказки просто скажи что куда вставлять?

научите меня делать операцию на спинной мозг, хирургические инструменты и справочник, я уже купил. http://clip2net.com/clip/m15588/1250..._nose3-6kb.gif

Slavok47

13.11.2013 11:59

PHP код:


		
			
a.images {
background: url("images/images_link.png");  /* Путь к файлу с исходной картинкой  */
display: block; /*  Картинка как блочный элемент */
width: 400px; /* Ширина картинки */
height: 200px; /*  Высота картинки */
}

a.images:hover {
background: url("images/images_hover.png");
/* Путь к файлу с заменяемой картинкой при наведении курсора  */
}

Это CSS, но это еще не все, в шаблоне navbar, если это там (зависит от стиля), нужно будет присвоить ссылкам классы images, если классы уже существуют, можно заменить их в CSS, ссылка должна выглядеть так:

PHP код:


		
			
<a href='#' class='images'></a>

Sven	13.11.2013 12:29

Только никто не сказал, что нужные изображения нужно вырезать из макета и правильно сделать верстку.

Slavok47

13.11.2013 12:58

по ссылке ТС, там эти рисунки в PSD

Текущее время: 20:38. Часовой пояс GMT +3.

Страница 1 из 3

Показывать 50 сообщений этой темы на одной странице

Время генерации страницы 0.13462 секунды с 8 запросами