avdept
Захожу иногда
Репутация: +0/-0
 Offline
Сообщений: 17
|
 |
« : 27.09.2010, 22:07:22 » |
|
Итак, хочу создать шаблон по типу lostfilm.tv
Сайт будет посвящен музыке
Собственно вопрос с чего начать
цсс и хтмл владею на уровне 11 класса
Нужны советы к чему присмотрется. Просмотел курс Д. Семенова, чуть чуть понял верстку
|
|
|
|
|
Записан
|
|
|
|
|
valagoff
|
|
« Ответ #1 : 27.09.2010, 22:17:22 » |
|
|
|
|
|
|
Записан
|
|
|
|
|
sharp
|
|
« Ответ #2 : 27.09.2010, 22:20:03 » |
|
неа, по началу не справится! купи готовый шаблон или используй бесплатный! на нем ты быстрее научишься! |
|
|
|
|
Записан
|
|
|
|
avdept
Захожу иногда
Репутация: +0/-0
Offline
Сообщений: 17
|
|
« Ответ #3 : 27.09.2010, 22:45:50 » |
|
неа, по началу не справится!
купи готовый шаблон или используй бесплатный! на нем ты быстрее научишься!
не варианты 1. На готовый нету денег, т.к. студент 2. Бесплантый - значит такой уже у кого то есть Артистир пробовал, непонравился, очень уж все там однообразно И нарисовался 1 вопрос Фоновую картинку лучше ставить в <body> или создать отдельный div, и потом ему присваивать стиль цсс |
|
|
|
|
Записан
|
|
|
|
|
valagoff
|
|
« Ответ #4 : 27.09.2010, 22:53:41 » |
|
Фоновую картинку лучше ставить в <body> или создать отдельный div, и потом ему присваивать стиль цсс
смотря что хочешь получить в итоге |
|
|
|
|
Записан
|
|
|
|
avdept
Захожу иногда
Репутация: +0/-0
Offline
Сообщений: 17
|
|
« Ответ #5 : 27.09.2010, 23:00:26 » |
|
смотря что хочешь получить в итоге
Тоже что и на lostfilm.tv зы просмотрел код сайта там у них вписано в боди. Но вот не знаю как лучше |
|
|
|
|
Записан
|
|
|
|
PashkaRu
JComments Tester
Репутация: +87/-4
Offline
Пол: 
Сообщений: 1221
Дедушка Игнат, изыди ((((
|
|
« Ответ #6 : 27.09.2010, 23:02:30 » |
|
сначала надо сделать сайтик на чистом хтмл, а потом уже заморчаиваться на счет шаблонов.
http://htmlbook.ru тебе в помощь
|
|
|
|
|
Записан
|
|
|
|
|
sharp
|
|
« Ответ #7 : 27.09.2010, 23:08:55 » |
|
2. Бесплантый - значит такой уже у кого то есть
шаблон можно отделать так что его родная мама не узнает  все дело в дизайне а каркас можно оставить |
|
|
|
|
Записан
|
|
|
|
PashkaRu
JComments Tester
Репутация: +87/-4
Offline
Пол:
Сообщений: 1221
Дедушка Игнат, изыди ((((
|
|
« Ответ #8 : 27.09.2010, 23:12:03 » |
|
для начала можно (после обычного хтмл) потренироваться на молочном шаблоне или на бииз, или на я-пурити... три шаблона в дистрибутиве Joomla - достаточно для полета фантазии
|
|
|
|
|
Записан
|
|
|
|
avdept
Захожу иногда
Репутация: +0/-0
Offline
Сообщений: 17
|
|
« Ответ #9 : 27.09.2010, 23:28:50 » |
|
сначала надо сделать сайтик на чистом хтмл, а потом уже заморчаиваться на счет шаблонов.
http://htmlbook.ru тебе в помощь
как уже писал, с хтмл и цсс знаком чуть чуть, поэтому простейшую верстку сделать могу. Просто в некоторых моментах незнаю как подобратся к тому или иному вопросу |
|
|
|
|
Записан
|
|
|
|
PashkaRu
JComments Tester
Репутация: +87/-4
Offline
Пол:
Сообщений: 1221
Дедушка Игнат, изыди ((((
|
|
« Ответ #10 : 27.09.2010, 23:30:18 » |
|
хватать вопрос зубами и рвать его на части... как же еще?
|
|
|
|
|
Записан
|
|
|
|
NightGuard
Группа развития
Репутация: +286/-43
 Online
Пол:
Сообщений: 4616
За мной уже выехали
|
|
« Ответ #11 : 27.09.2010, 23:34:12 » |
|
для начала можно (после обычного хтмл) потренироваться на молочном шаблоне или на бииз, или на я-пурити... три шаблона в дистрибутиве Joomla - достаточно для полета фантазии
Лучше всего молочный - он достаточно простой для разбора. Что значит "знаком чуть чуть"? Берите шаблоны, смотрите, пробуйте. Образцы есть, информации море. |
|
|
|
|
Записан
|
|
|
|
PashkaRu
JComments Tester
Репутация: +87/-4
Offline
Пол:
Сообщений: 1221
Дедушка Игнат, изыди ((((
|
|
« Ответ #12 : 27.09.2010, 23:35:37 » |
|
и файрбаг в помощь. без него вообще как без рук...
|
|
|
|
|
Записан
|
|
|
|
avdept
Захожу иногда
Репутация: +0/-0
Offline
Сообщений: 17
|
|
« Ответ #13 : 27.09.2010, 23:44:22 » |
|
и файрбаг в помощь. без него вообще как без рук...
пользуюсь хромовским встроенным вопрос: напомните как выставить блок по какой нибуть позиции- так или не так - (position: top top;)? |
|
|
|
|
Записан
|
|
|
|
PashkaRu
JComments Tester
Репутация: +87/-4
Offline
Пол:
Сообщений: 1221
Дедушка Игнат, изыди ((((
|
|
« Ответ #14 : 27.09.2010, 23:46:31 » |
|
какой блок? какая позиция?
встроенные штучки от хрома и ИЕ - это фигня в сравнении с файрбагом
|
|
|
|
|
Записан
|
|
|
|
avdept
Захожу иногда
Репутация: +0/-0
Offline
Сообщений: 17
|
|
« Ответ #15 : 27.09.2010, 23:50:12 » |
|
какой блок? какая позиция?
встроенные штучки от хрома и ИЕ - это фигня в сравнении с файрбагом
html <div id="blok1"></div> css
margin:0px auto;
padding:0px;
width:500px;;
height:70%;
background-color:#0FC;
собственно по центру по ширине выставилось, а по высоте нужно игратся с марджинами дальше? |
|
|
|
|
Записан
|
|
|
|
NightGuard
Группа развития
Репутация: +286/-43
Online
Пол:
Сообщений: 4616
За мной уже выехали
|
|
« Ответ #16 : 27.09.2010, 23:54:06 » |
|
http://htmlbook.ru тебе в помощь
Четко ведь написали. Открываете и смотрите. Использовать можно и padding и margin зависит от того что требуется. |
|
|
|
|
Записан
|
|
|
|
PashkaRu
JComments Tester
Репутация: +87/-4
Offline
Пол:
Сообщений: 1221
Дедушка Игнат, изыди ((((
|
|
« Ответ #17 : 27.09.2010, 23:58:21 » |
|
центрировать див по высоте не так уж и просто...
читатйте документации, хаки, советы и прочее, в инете полно решений : )
|
|
|
|
|
Записан
|
|
|
|
avdept
Захожу иногда
Репутация: +0/-0
Offline
Сообщений: 17
|
|
« Ответ #18 : 28.09.2010, 00:25:28 » |
|
Существует ли что либо наподобии файр бага, но что бы без огнелиса
|
|
|
|
|
Записан
|
|
|
|
NightGuard
Группа развития
Репутация: +286/-43
Online
Пол:
Сообщений: 4616
За мной уже выехали
|
|
« Ответ #19 : 28.09.2010, 00:28:30 » |
|
Из того что видел связка - Firefox + FireBug - лучшее на данный момент. Аналоги есть и в опере и в ИЕ и в хроме, но это аналоги и нет той фуницикличности что у FireBug. |
|
|
|
|
Записан
|
|
|
|
avdept
Захожу иногда
Репутация: +0/-0
Offline
Сообщений: 17
|
|
« Ответ #20 : 28.09.2010, 11:27:26 » |
|
А что скажете насчет примочки к дримвьюверу - jtk tools ??
Стоит ли ее использовать?
|
|
|
|
|
Записан
|
|
|
|
|
sharp
|
|
« Ответ #21 : 28.09.2010, 14:55:42 » |
|
А что скажете насчет примочки к дримвьюверу - jtk tools ??
Стоит ли ее использовать?
нет |
|
|
|
|
Записан
|
|
|
|
avdept
Захожу иногда
Репутация: +0/-0
Offline
Сообщений: 17
|
|
« Ответ #22 : 29.09.2010, 21:03:58 » |
|
Подскажите как сделать так что бы центр картинки был по центру экрана?
|
|
|
|
|
Записан
|
|
|
|
PashkaRu
JComments Tester
Репутация: +87/-4
Offline
Пол:
Сообщений: 1221
Дедушка Игнат, изыди ((((
|
|
« Ответ #23 : 29.09.2010, 23:44:05 » |
|
1. text-align:center
(для контейнера, в котором картинка. если контейнера нету, то это относится к body)
2. img {display:block;margin:0 auto;}
|
|
|
|
|
Записан
|
|
|
|
avdept
Захожу иногда
Репутация: +0/-0
Offline
Сообщений: 17
|
|
« Ответ #24 : 03.10.2010, 17:09:14 » |
|
Такой вопрос: фоновая картинка больше чем разрешение монитора(по ширине) как сделать так что бы небыло полосы прокрутки по ширине?
|
|
|
|
« Последнее редактирование: 03.10.2010, 17:15:26 от avdept »
|
Записан
|
|
|
|
|
Lex
|
|
« Ответ #25 : 03.10.2010, 17:24:53 » |
|
overflow-x: hidden;
|
|
|
|
|
Записан
|
|
|
|
|
ValeryB
|
|
« Ответ #26 : 03.10.2010, 18:31:59 » |
|
Цитата: avdept от 28.09.2010, 11:27:26
-----------------------------------
А что скажете насчет примочки к дримвьюверу - jtk tools ??
Стоит ли ее использовать?
-----------------------------------
нет Это почему? Там создается каркас шаблона из набора файлов. Все хорошо структурированно. Прописаны пустые компоненты стилей. Берешь нужные и прописываешь оформление. Когда работа закончена, можно сделать архив и вычистить все лишнее для уменьшения объема рабочего шаблона. |
|
|
|
« Последнее редактирование: 03.10.2010, 18:36:29 от ValeryB »
|
Записан
|
|
|
|
|
