Мои вопросы

[extrabass4]

Всем привет.Так как являюсь начинающим ,поэтому решил не заводить каждый раз новую тему в случае вопроса , а сделать всё в одной.Заранее спасибо всем кто будет принимать участие.

http://cssdeck.com/labs/sqnc9dd9

Вот и первые вопросы:

*Как можно было ещё перенести слова в столбик ? я это сделал при помощи <br> а возможно ли это сделать через стили? (по идее думал что можно сделать через disply : block; но почему то не получилось- юзаю мозилу

*Можно ли как то установить блок main по центру вертикально автоматически или же нужно в ручную подгоняя пиксели через топ ?

* да и В общем ,как вам эта вёрстка в целом ?

[extrabass4]

 

Ну я не разу  не делал вёрстку по макету ПСД -может есть какие-либо нюансы, которые стоит знать....

 

http://psd2cms.ru/ — посмотри.

 

Тут уже предпалогется ,что известен процес работы с фотошопом .а я в первые в жизни его открыл - мне бы основные функции узнать,которые необходимы верстальщику-есть т акие видео мануалы ?

и как я понимаю через фотошоп можно определить размер и стиль шрифта ?

[extrabass4]

Ещё такой вопрос друзья: у меня notepad++  установил на него плаги zen coding Python   и всё бы ничего , только не пойму как забиндить клавиши на его срабатывание ? а то каждый раз приходится мышкой лезть B ->Plugins->zen coding python->expand abbrevation

CTRL+ALT+ENTER  не работает почему то

[Aleksandr.L]

Тут уже предпалогется ,что известен процес работы с фотошопом .а я в первые в жизни его открыл - мне бы основные функции узнать,которые необходимы верстальщику-есть т акие видео мануалы ?

 

Да на YouTub'e найди, там полно этих видео-уроков. Просто вбей в поиск фразу "нарезка изображений photoshop".

 

и как я понимаю через фотошоп можно определить размер и стиль шрифта ?

 

 

Ну конечно можно.

[Catherine]

и как я понимаю через фотошоп можно определить размер и стиль шрифта ?

 

[extrabass4]

спасбо за ответы -блин фотошоп для меня оказалось самым сложным   просто ни одного мануала понятного найти пока не удалось .http://www.youtube.com/watch?v=UTQC_FPewiQ смотрю этот , но не понимаю когда я задал направляющие к примеру по горизонтали , где смотреть размер выделенного обЪекта? или же всё считать самому по линейке ?

[Aleksandr.L]

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

[Светлана Г.]

На своем опыте могу сказать, что лучше всего пойти на курсы - там Вас научат профессионально владеть инструментом. В Интернете полно всяких материалов - и хороших, и плохих. Вам пока трудно найти именно то, что нужно. А потом переучиваться будет сложно!

[extrabass4]

На своем опыте могу сказать, что лучше всего пойти на курсы - там Вас научат профессионально владеть инструментом. В Интернете полно всяких материалов - и хороших, и плохих. Вам пока трудно найти именно то, что нужно. А потом переучиваться будет сложно!

на курсы фотошопа ? если да, то точно считаю это выкинутыми деньгами , так как нужно знать мимнимальное кол-во опций для вёрстки и думаю если найти хорошее руководство , то за часа 2 легко разобраться.И как в фотошопе можно научиться чему то настолько не правильному ,чтоб потом переучиваться-когда всего лишь нужно разрезать макет?

[Aleksandr.L]

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

Edited January 24, 2014 by Aleksandr.L

[extrabass4]

http://cssdeck.com/labs/lfgzjyxm

А как сделать,чтоб при наведение мышкой на пункты меню (hover)   оно не разъезжалось по сторонам ? я понимаю это из-за паддинга заданного  сперва  в .b-menu-item ,а потом в .b-menu-link:hover, .b-menu-link.active , но как сделать всё грамотно ? жаль text-shadow  не подходит (

[Aleksandr.L]

А как сделать,чтоб при наведение мышкой на пункты меню (hover)   оно не разъезжалось по сторонам ?

 

Убери padding'и при наведении и ничего не будет разъезжаться. 

[extrabass4]

 

А как сделать,чтоб при наведение мышкой на пункты меню (hover)   оно не разъезжалось по сторонам ?

 

Убери padding'и при наведении и ничего не будет разъезжаться. 

 

так если я уберу padding , то уже не будет такого эффекта , как у кнопки home , а имено этого нужно достичь при хувере. Александр отдельное спасибо за активную дейтельность в моём обучение ))))

[Светлана Г.]

А так?

.b-menu-link {

padding-left:6px;

padding-right:6px;

padding-top:2px;

padding-bottom:2px;

text-decoration:none;

color:#45ADA9;

}

.b-menu-link:hover, .b-menu-link.active {

background: #EBFBF0;

text-decoration: none;

border-radius: 5px;

color:#943415;

}

Edited January 25, 2014 by Светлана Г.

[extrabass4]

А так?

.b-menu-link {  padding-left:6px;padding-right:6px;padding-top:2px;padding-bottom:2px;text-decoration:none;color:#45ADA9;}.b-menu-link:hover, .b-menu-link.active {background: #EBFBF0;text-decoration: none;border-radius: 5px;color:#943415;}

Спасибо Светлана . всё оказалось так элементарно ,что аж стыдно за такой вопрос )))))

[Светлана Г.]

Спасибо Светлана . всё оказалось так элементарно ,что аж стыдно за такой вопрос )))))

 

Пожалуйста! Все нормально, Вы же только учитесь. 

[extrabass4]

ребята . а как в фотошопе вырезать слой если он не прямоугольный к примеру , чтоб у него не было фона то есть по контурам самого объекта ?

[Aleksandr.L]

Ну вот, допустим, надо вырезать птицу из макета. Отключаешь лишние фоны и вырезаешь ее.

Затем вставляешь ее в новой вкладке (Ctrl+N), там так же отключаешь фон и сохраняешь в с разрешением *png.

[extrabass4]

Ну вот, допустим, надо вырезать птицу из макета. Отключаешь лишние фоны и вырезаешь ее.

Затем вставляешь ее в новой вкладке (Ctrl+N), там так же отключаешь фон и сохраняешь в с разрешением *png.

Спасибо .А обязательно сохранять в png ?

[Aleksandr.L]

Да.

[extrabass4]

 

Ну вот, допустим, надо вырезать птицу из макета. Отключаешь лишние фоны и вырезаешь ее.

Затем вставляешь ее в новой вкладке (Ctrl+N), там так же отключаешь фон и сохраняешь в с разрешением *png.

Спасибо .А обязательно сохранять в png ?

Вопрос отпал при методе тыка ( жаль что нельзя ( и очень жалб что через псевдоэлемент aftr B css нельзя добавить ссылки (

 

[extrabass4]

А возможно совместить псевдоэлементы :before и :hover ? Хочу сделать, чтоб при :hover под пунктами меню появлялся  к примеру тругольник  сделанный через :before

[extrabass4]

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

http://coolcarousels.frebsite.nl/c/59/ хочу этот слайдер вставить на сайт - но впервые сталкиваюсь с яваскрриптом - как вообще вставлять яваскрипт ? вроде же можно создать отдельный фаил .js

[Aleksandr.L]

А возможно совместить псевдоэлементы :before и :hover ? Хочу сделать, чтоб при :hover под пунктами меню появлялся  к примеру тругольник  сделанный через :before

http://jsfiddle.net/A5rGQ/

 

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

http://coolcarousels.frebsite.nl/c/59/ хочу этот слайдер вставить на сайт - но впервые сталкиваюсь с яваскрриптом - как вообще вставлять яваскрипт ? вроде же можно создать отдельный фаил .js

 

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

[extrabass4]

 

А возможно совместить псевдоэлементы :before и :hover ? Хочу сделать, чтоб при :hover под пунктами меню появлялся  к примеру тругольник  сделанный через :before

http://jsfiddle.net/A5rGQ/

 

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

http://coolcarousels.frebsite.nl/c/59/ хочу этот слайдер вставить на сайт - но впервые сталкиваюсь с яваскрриптом - как вообще вставлять яваскрипт ? вроде же можно создать отдельный фаил .js

 

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

 

Александр спасибо

[extrabass4]

Как понимаю без JAVASCRIPT никуда... Поэтому нужно уже потихоньку начинать его изучать.Ребята может подскажите какие-нибудь видео уроки или же статьи с чего стоит начинать? буду очень благодарен