Редактируем фон, шапку, меню и подвал сайта.

Шаблон своими руками

Мы продолжаем линейку уроков: Шаблон своими руками!

Сегодня я расскажу всем вам кучу новой, интересной и полезной информации.power

Получилось очень много стоящей инфы, так что вторая часть линейки была разделена на 2 занятия, потому как 40 минутный видеоролик, хоть и практический – не каждый смог бы осилить.

Первая часть находится здесь.

Сразу хочу заметить, что в видео уроках ниже нет воды – только ПРАКТИКА! cool smile Поэтому подготовьтесь к повторению действий на экране и получению отличного результата...

Тренинг по вёрстке сайта на HTML5 и CSS3

Вот что вы сможете сделать, пройдя эти занятия сегодня:

1. Добавить и заменить стили в Default шаблоне

2. Изменить фон сайта.

3. Изменить отступы сверху и снизу.

4. Округлить углы.

5. Добавить тень.

6. Изменить вид названия и описания сайта.

7. Отредактировать полностью главное меню.

8. Поменять заливку подвала.

9. Поменять логотип.

10. Поменять иконку.

11. Поменять заставку.

12. Изменить ширину сайта.

Ну… вот, вроде и все, что мы будем затрагивать на сегодня. Разве этого мало?

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



Видео-урок: Фон и общий вид сайта.




Видео-урок: Шапка и подвал сайта.


Скачать оба видео (HD-качество) одним архивом к себе на компьютер.

Зеркало с народа.

Картинки из уроков: фон, заставка шапки, логотип и иконка.

Внимание, для тех кто хочет поменять ширину шаблона. Сразу хочу сказать, что его ширина по умолчанию – 960 пикселей. Это очень удобная ширина, которая будет смотреться аккуратно на любом мониторе.

Делать ее больше я не рекомендую, так как люди с маленьким разрешением экрана будут вспоминать вас добрыми словами! cool mad

Меньше можно конечно, но опять-таки – зачем так узко?

Короче дело ваше, но если хотите менять ширину на свою, то просто в файле add_style.css (где его взять – смотрите в видео-уроках выше) допишите вот такой код:


/*Меняем ширину*/
.footer, .main-wrap, .header, .all-wrap, .section, .article, .main{width: 1100px !important;}
.content{width: 850px !important;}

В первой строчке указана ширина в 1 100px – меняете на свою.

Во второй строчке указываете ширину контента ровно на 250px меньше, иначе будет прыгать сайдбар!!!



[sbox id="info"]ЗЫ: возможно что-то будет не понятно, или у вас будет немного другая ситуация или будет что-то не получаться, задавайте вопросы – не стесняйтесь!

Также по-прежнему принимаются вопросы и пожелания в комментах.[/sbox]

ЗЫЫ: спасибо, что нажали на одну из кнопок ниже!

Комментариев: 107 RSS

Тренинг по вёрстке сайта на HTML5 и CSS3
Оставьте комментарий!

Вы можете войти под своим логином или зарегистрироваться на сайте.

(обязательно)

Комментариев: 107
  •  Михаил | 11 октября 2011 в 22:33:01

    bowСпасибо.

    Просто и понятно.

  •  V[Ne]ZakoNa | 12 октября 2011 в 02:55:40

    Сергей, спасибо за курс))) все просто супер понятно))) хотелось бы теперь узнать как добавлять иконки в меню сайта и как сделать сайт-бар как на этом сайте (выделенным и красивым) еще интересно как добавлять ссылки в подвал сайта и вставлять туда счетчики)))

    •  Серёга | 12 октября 2011 в 09:26:41

      Будем прописывать иконки для пунктов в сайдбаре!

      От туда можно и в меню засунуть по той же технологии.

      По поводу ссылок в подвали и добавления счетчиков - думаю - сделаю попозже отдельное видео.

      •  V[Ne]ZakoNa | 12 октября 2011 в 10:58:46

        Большое спасибо))) еще проблемка все сделал как в курсе по с названиям сайта нечего не случилось(((( что не так может быть?

        •  Серёга | 12 октября 2011 в 11:00:54

          Мне надо код посмотреть.

          Возможно где то точку с запятой пропустил, или скобку...

  •  V[Ne]ZakoNa | 12 октября 2011 в 03:00:18

    Да еще хотелось бы узнать как статьи сделать в красивой рамке как у вас на главной))). Жду продолжения уроков))))

    •  Серёга | 12 октября 2011 в 09:25:01

      На счет рамки - в принципе Стас прав, хотя у меня все картинками оформлено на сайте, в общем - будет настрой запишу smile

  •  Стас | 12 октября 2011 в 04:33:19

    Мда, хорошо конечно все, но столько всего лишнего. Можно гораздо проще прописать было бы многие стили. Ну начинающим пойдет для прымера ))

    •  Серёга | 12 октября 2011 в 09:19:47

      Стас, здорова.

      Я конечно не против что кто-то знает больше меня smile

      Но этот коммент, извини - пустой.

      Если у тебя есть решение лучше - предоставь пожалуйста.

      Что ты имеешь ввиду под проще?

      Мне и самому интересно, а посетителям моим к тому же будет полезно!

      Не жадничай... wink

  •  Стас | 12 октября 2011 в 04:39:46

    V[Ne]ZakoNa об этой красивой рамке наполовину уже рассказали, это тень блока и бордер, а то что голубой градиент в названии так это фон, о нем тоже говорили уже,

    А вообще Firebug в помощь, удачи

    •  Серёга | 12 октября 2011 в 09:20:51

      Я лично Firebug не юзаю, мне опера по душе больше - если разобрать надо на кусочки какую-то страничку smile

    •  V[Ne]ZakoNa | 12 октября 2011 в 11:09:54

      Стас вам конечно проще не вопрос, но если человек не знает но HTML, PHP и т.д. то ему может это казаться непреодолимой задачей. Если все так просто почему бы вам не создавать видео уроки с дополнениями учитывая комментарии? Поверьте тогда мы (ламеры) сможем лучше понять и тем самым лишней головной боли Сергея. С уважением Иван

      •  Серёга | 12 октября 2011 в 11:13:11

        Не не, Иван, Стас имел ввиду - сам код можно сделать проще.

        Мне самому интересно его виденье ситуации, потому я и спросил у него.

        Я не претендую на звание профессора CSS, просто показываю как сам делаю, и людям помогаю получается, но если можно лучше - я не против это узнать wink

        •  V[Ne]ZakoNa | 12 октября 2011 в 11:43:12

          Сереж, я бы тоже не против)) да и все остальные тоже))) просто интересно как можно сделать проще и чтоб правильно работал?! Просто многие хотят по меньше прописывать и получать хорошие результат))grin

      •  vovans | 12 октября 2011 в 14:36:33

        Я скромно так считаю, что если не знаешь HTML, то нечего вообще лезть в сайтостроение. И, уж точно, к шаблонам. Неужели так сложно выучить порядка 18 тегов? Проще смотреть видеокурсы и задавать кучу пустых вопросов? По-моему, проще раз выучить и смотреь или читать что либо более осмысленно.

        •  V[Ne]ZakoNa | 12 октября 2011 в 14:50:06

          Комментатор, здравствуйте, если бы у меня был учебник по HTML я бы с радостью выучил все но так как его у меня нет и везде требуют денег (чего вообще нет) я не могу это сделать. я знаю очень малое количество тегов но считаю что это слишком мало для полноценного редактирования и уж тем-более написания своего шаблона. Я искренней жажду изучить такие языки как HTML, PHP, CSS и т.д. если у вас есть такие самоучители я был бы благодарен вам если бы вы поделились ими. С уважением Иван.

          •  vovans | 12 октября 2011 в 15:00:40
            если бы у меня был учебник по HTML я бы с радостью выучил все но так как его у меня нет и везде требуют денег

            вы, видимо, шутите...

            •  V[Ne]ZakoNa | 12 октября 2011 в 15:20:58

              vovans, конечно, мне делать нечего, вот сижу и целыми днями шучу, моя же вторая фамилия Петросянgrin.

              P.S.: Если вы так хорошо знаете HTML и т.д. что вы делаете на этом сайте (который по сути и посвящен объяснениям основных приемов сайтостроения, таким, которым

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

              •  vovans | 12 октября 2011 в 15:54:53

                чтобы задавать вопросы, надо хоть какие-то основы знать. А вы спрашиваете всё подряд. Видно, что ничего не понимаете. Кто много спрашивает, то либо ничего не понимает, либо плохо слушает, как говорил кто-то. Вот вы не понимаете, так ещё и неусидчивый.

                А попал я сюда, так как про MaxCMS речь идёт. Видео я пока не смотрел, так как на работе, потому не знаю, какого уровня материал там. Может что интересное и подчерпну.

                •  V[Ne]ZakoNa | 12 октября 2011 в 16:08:46

                  С каких это пор стремления к знанию у нас карается? Или что, к примеру без знания сапромата я полку в ванной не должен прибивать, а звать инженеров?! *улыбка до жопы*

                  •  vovans | 12 октября 2011 в 16:46:14

                    Стремление к знание, это когда стремление к знаниям. А когда человек хватается за что попало и как попало, это просто *жопа чешется*.

                    Это как читать не зная букв.

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

                    И, кстати, полку в ванной прибить, это не сайт построить. Это разные уровни совсем. ЧТобы самому сайт сверстать, нужно много литературы перевернуть и хорошо извилинами пошевелить. А полку...

                    Да и про полку. У нас один влез. За ним потом плитку меняли. Ещё дрель спалил и свёрла потупил. Потому что не знал ни как плитку сверлить, ни какие свёрла для этого подходят, ни всё прочее. Да это ж просто - дырку просверлил и ... :D

          •  vovans | 12 октября 2011 в 15:03:57

            Без базового знания HTML в вёрстке - никуда. А вы уже в CSS лезете. Всё сразу ещё сложнее.

            •  V[Ne]ZakoNa | 12 октября 2011 в 15:25:39

              У каждого свой метод познания и восприятия информации

              •  vovans | 12 октября 2011 в 16:00:07

                в общем, это утверждение верно. Но не в данном случае.

                Если ты не знаешь даже элементарного, простого HTML, о какой вёрстве вообще может идти речь?

                Вот даже по:

                если бы у меня был учебник по HTML я бы с радостью выучил все но так как его у меня нет и везде требуют денег (чего вообще нет) я не могу это сделать

                ну что тут сказать? Материала в сети полно. Но вы элементарно не воспользовались даже поиском. А говорите про желание познавать. Задавая много вопросов и толком ничего не читая ничему не научишься.

                А по вёрстке для начинающих полно и книг, и статей, и видеоруководств! Было бы желание.

          •  Серёга | 12 октября 2011 в 15:32:29

            ПО HTML есть хороший учебник, я сам с него начинал когда-то!

            http://www.postroika.ru/allsteps.zip

            •  V[Ne]ZakoNa | 12 октября 2011 в 15:37:03

              Сергей, Большое вам спасибо))) вот это хорошее дело)))

              •  Серёга | 12 октября 2011 в 15:47:03

                Да не за что, как то я раздавал эту книженцию, мне она когда то очень помогла.

        •  Серёга | 12 октября 2011 в 15:26:46

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

  •  DSR | 12 октября 2011 в 08:03:32

    Спасибо. Всё доходчиво. Хотелось бы увидеть инфу про грамотное добавление счетчиков в подвал, и не только.

    •  Серёга | 12 октября 2011 в 09:21:55

      По счетчикам я потом сделаю отдельный урок.

      Так как немного они не в тему здесь.

      •  V[Ne]ZakoNa | 12 октября 2011 в 11:11:00
        /*Оформление названия и описания*/
        .name_site{color;#456e17; text-sadow: 1px 1px 3px #777;}
        .description_site{color;#333; font-weiqht: 600;}
        •  Серёга | 12 октября 2011 в 11:14:50

          Смотри у тебя идет точка с запятой после color, а надо двоеточие smile

          Я ж говорю - смотри внимательно!

          •  V[Ne]ZakoNa | 12 октября 2011 в 11:25:10

            изменил но проблема не решилась

            /*Оформление названия и описания*/
            .name_site{colorL:#456e17; text-sadow: 1px 1px 3px #777;}
            .description_site{color:#333; font-weiqht: 600;}
            •  Серёга | 12 октября 2011 в 11:26:41

              Просмотри внимательно первую строчку smile

              ВНИМАТЕЛЬНО!!!

              •  V[Ne]ZakoNa | 12 октября 2011 в 11:34:41

                Все заметил))) большое спасибо))) жду продолжения курсов)))

  •  Аноним | 12 октября 2011 в 08:47:38

    Сергей, я прождал на летитбите 5 мин, ничего кроме меню на премиум доступ не появляется. То что у тебя на скриншоте есть "скачать на низкой скорости" у меня такого вообще нет, только "Получить премиум доступ через PayPal". Это может зависеть от того, что я не из России выхожу на скачку, а из Китая?

    Через депозит вообще без проблем у меня.

    Спасибо!

    •  Серёга | 12 октября 2011 в 09:23:05

      Блин, закачайте кто на депозит или народ пожалуйста.

      У меня на народ проблемы с закачкой больших файлов.

      Сбивается часто, а фтп у них нет к сожалению.

      Поэтому уроки на летитбит заливаю.

  •  V[Ne]ZakoNa | 12 октября 2011 в 14:19:47

    Серега есть еще вопрос, как добавить второй сайт-бар в Default шаблоне (с левой стороны). С уважением Иван.

  •  vovans | 12 октября 2011 в 14:59:06

    ммм... И вы учите народ как сайты делать? о_0

    http://zenway.ru/uploads/vs/master-css.jpg

    одно это уже настараживает.

    А видео, конечно, гляну дома. Интересно, что там можно было наснимать smile

    •  Серёга | 12 октября 2011 в 15:29:22

      ммм... Новый гуру нарисовался.

      Да я учу народ, учу тому что и сам умею.

      Можете лучше - покажите как, а иначе все ваши притензии и выеденного яйца не стоят.

      Этот косяк появился после обновления системы, в чем еще вам помочь уважаемый тролль? smile

      •  vovans | 12 октября 2011 в 16:04:53

        Я тролль? :D Хотя бы в профиль посмотрите :D

        Приям непонятно кто зашёл, ни кола, ни двора :D

        Притензии стоят яйца, но где вы их видете? У меня появились сомнения в содержимом курсов, ведя, что у вас вёрства плывёт даже в таких важных местах. Сомнение несправедливо по-вашему? Только если откинуть предвзятость, что это относится к вам ))

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

        Как посмотрю, так отпишусь более подробно. Если будут основания )) (хорошие или плохие)))

        •  Серёга | 12 октября 2011 в 16:13:43

          Да Тролль, почитай комменты выше и в 301 редиректе - сплошной троллинг.

          Если уж засираете, а у самого яйца вкрутую - то почему бы не помочь сразу???

          Человек искренне интересуется что да как, а вы его в говно носом... Да и еще много кого за сегодня в говно носом... *улыбка до жопы*

          Окей.

          •  vovans | 12 октября 2011 в 16:29:46

            Ну, как бы, пояснить человеку, что у него в принципе неверный подход, тоже нужно. По совсем бестолковым вопросам помогать не визу смысла. А по облее осознанным, так внизу ссылки дал на всё провсё. Без основ никак. А то так и получается, что человек не разобрался, полез в 301-й редирект и навернул доступ к сайту :D И застрал все комментарии своей паникой. Если бы он знал основы, ну, хотя бы, общие представления были, он бы таких глупостей не делал. И почему не смеяться над такими? ))) Вообще, вам надо было ещё с первых строк предупредить, что в .хтацесс лезть очень опасно. Одна ошибка и сайт недоступен или работает через зад.

            И тут вот Миша. Это ж надо так со стилями косячить. Нет, мы все косячим, допускаем ошибки, опечатки и не всегда достаточно внимательны. Но не на столько же... Сколько раз он тут выкладывал куски своего css? Куда он так торопился? )) А потом выяснилось, что он не знает даже базового HTML! А это меньше 20 тегов включая html и body. Как можно человеку что-то объяснять, если он не представляет себе даже структуры документа? Конечно, не так откровенно, как я, но таки надо их отправлять к доп. материалам. Иначе не о чем говорить. Пустая трата времени.

            •  Серёга | 12 октября 2011 в 18:18:19

              Ну ты хоть теперь понял за что я тебя троллем назвал, явно не за критику wink

              А вообще мне твой юмор нравится, но ты со своими посетителями тоже так обходишься?

              •  vovans | 12 октября 2011 в 20:35:00

                Нет )) Но я у себя не употребляю и слова типа "бля" и прочих подобных )) и у других это тру ))

                Хотя, у меня и публика немного другая. Редко когда совсем такие попадаются, что столько вопросов задают и всё попусту. Да и форум у меня для этого есть, туда разговорчивых направляю. Там трепаться можно до бесконечности )) да и каждый конкретный вопрос можно решить. А как тут в комментариях решить вопрос про левый сайдбар? В двух словах не объяснишь, картинки тоже не вставишь, да и много комментариев в МаксЦМС неудобно читать. Длинная партянка получается. Кстати, с этой партянкой тоже есть планы бороться и свернуть её кое-как, но тут это офтоп, да и итак весь листок исписан тикетами, что делать дальше )) Время бы на всё и знаний бы столько )) (относительно-)Серьёзные задачи, это не блог васи пупкина на коленке )) Тут тебе и вёрства, и php от части, и js напрашивается нередко smile

                •  Серёга | 12 октября 2011 в 21:03:27

                  А причем здесь "бля"?

                  Я про отношение спрашивал.

                  Вот приду к тебе я и начну спрашивать, а идти получается к тебе и нехрен, я уже ответ знаю...

                  У меня тоже форум есть, а кооментов здесь ты и нагнал smile

                  •  vovans | 12 октября 2011 в 21:28:21

                    а "бля", это не отношение? smile я никого не упрекаю, я просто сравниваю. Так я себя не веду. Даже тут. А ты вот ведёшь. Просто мы люди разные smile

                    Потом, я больше с Мишей тут общался. Ты подтягулся в беседу. И тоже принял активное участие. Это получается, что если бы не ты ко мне пришёл, а двое других, независимых др дот др комментатора )) и начали бы что-то выяснять smile

                    Но, как я писал уже, у меня и тематик-то таких нет почти, где можно долго говорить.

                    А если есть какие-то серьёзные вопросы, то на форум всех приглашаю. Ну не место им в комментариях, если нельзя одним сообщением ответить.

                    Но у каждого своё видение ведения своего блога. И это хорошо.

                    И до меня тут тоже не 5 комментариев было.

  •  V[Ne]ZakoNa | 12 октября 2011 в 15:33:14
    V[Ne]ZakoNa(14:19 12/10/2011)
    Серега есть еще вопрос, как добавить второй сайт-бар в Default шаблоне (с левой стороны). С уважением Иван.
    •  Серёга | 12 октября 2011 в 15:48:37

      Иван, я толком пока не представляю как это реализовать на Default шаблоне.

      Создавая свой я меняю файлы и добавляю, а если там поменять, то после обновления системы все слетит.

      Я подумаю над этим, Макса еще почитаю, возможно ответ будет smile

      •  V[Ne]ZakoNa | 12 октября 2011 в 15:51:25

        Сергей большое вам спасибо))) очень буду ждать решения этого вопроса

        •  vovans | 12 октября 2011 в 16:06:49

          Если бы зашли на сайт Макса в центр помощи, у вас бы таких вопросов не возникало. Уж такие элементарные вещи там расписаны. Куда надо что прописывать и что создавать.

    •  vovans | 12 октября 2011 в 16:12:24

      http://max-3000.com/page/1-delaem-svoj-shablon

      http://maxsite.org/page/novyj-default-shablon-maxsite-cms

      плюс, в стили прописать, что оно слева должно быть

      •  Серёга | 12 октября 2011 в 16:17:26

        Ага, ну ну smile

        Как сделает Иван шаблон по тем статьям - пусть отпишет.

        Не будьте таким наивным, для начинающих там темный лес, а людям надо сразу.

        Учитывай знания и опыт... прежде чем что то советовать.

        Вопрос - можно на ты???

        •  vovans | 12 октября 2011 в 16:35:55

          Нет, без понимания структуры документа он и так ничего не сделает. Вы только зря время тратите. Ну, скажите ему, что и куда прописать. И что? Он пропишет. Всё это будет криво-косо. Потому что без понимания. Там же приведены каркасы, скелеты. С ними поиграть, потыкать, понять что к чему и переходить к своему шаблону.

          Но прежде чем бездумно тыкать, нужно хотя бы посмотреть видеокурс Попова (искать в гугле по "базовые курсы попова, css html"). Там настолько наглядно и в хорошем качестве всё разжёвано, что куда уж подробнее. Я просмотрел его за 3 дня полностью (по HTML там совсем немного, так что хотя бы его, а остальное по необходимости). Правда, 3 дня... при моих знаниях... )) понимаю, что новечку больше время понадобится. Но по HTML я за вечер просмотрел. Ничего сложного. И, главное, там хоть наглядно показана структура документа. Сразу тысяча вопросов пропадёт (и мильён появится).

          Можно.

      •  vovans | 12 октября 2011 в 16:20:50

        Вдогонку:

        http://xhtml.ru/instr/3col_creator/

        http://htmlbook.ru/layout/fiksirovannaya-shirina-tri-kolonki

        http://html-css.info/2009/07/two-three-column-css/

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

        Кроме того, перво-наперво! Вбейте это в гуле: "базовые курсы попова, css html" и скачайте! Не пожалеете! А потом всё остальное.

        •  V[Ne]ZakoNa | 12 октября 2011 в 16:31:44

          Премного благодарен за предоставленные ссылки. Это будет не плохим дополнением к видео курсам))grin

          Да и многие новички со мной согласятся))) Сергей делает доброе дело на которое пойдут лишь единицы!!! Его курсы помогают понять всю суть сайтостроенияgringringrin если вы такой грамотный в этих вопросах можете заниматься по подсказкам там а не мешать учебе остальных забивая не нужной информацией в комментариях сайт. Я вас искренний прошу НЕ МЕШАЙТЕ УЧЕБЕ!!!

          •  vovans | 12 октября 2011 в 16:38:41

            Не лезьте вы в стйтостроение пока! Ну нелезьте! Друим новечкам может этот курс и полезен. Для тех, кто хоть как-то в вёрстке плавает. А вам прежде всего теорию нужно подтянуть. Попова для начала просмотрите, а потом возвращайтесь к этим курсом. Всё пойдёт более гладко и быстрее. Уверяю вас!

            •  V[Ne]ZakoNa | 12 октября 2011 в 16:43:19

              У вас забыл спросить куда лезть куда нетgrin или что боитесь потерять свой хлеб когда простые лаймеры сделают сайт по круче чем ваш? grin

              •  vovans | 12 октября 2011 в 16:50:57

                какой у меня хлеб с ламеров? Я с ламирами никакми финансовыми обязательствами никогда не связываюсь :D у меня своих дел хватает.

            •  V[Ne]ZakoNa | 12 октября 2011 в 16:46:13

              посмотрел ваш сайт, мусора в интернете прибавилось))) сначала доведите свой сайт до ума а уж потом учите другихgrin

              •  vovans | 12 октября 2011 в 16:54:47

                Последние серьёзные правки ещё не синхронизированны с сервером. Тестируются. Но, как любому нормальному человеку, мне было бы интересно выслушать конструктивную критику.

                А так, ляпнуть можно что угодно.

                1 000 - 1 500 поситителей в сутки, 1 500 - 2 000 подписчикаов на RSS. Это по пользователям. ПО вёрстке же знаю несколько проблем, скоро их не будет. Но увидеть их вот так вот, за минуту.. Сомневаюсь...

                Так что же там не так-то?

                •  V[Ne]ZakoNa | 12 октября 2011 в 17:11:05

                  По функциям он не плохой, написан грамотно но вид незаконченный, так что мое личное мнения не законченный вариант. Многие смотрят в первую очередь на оформления, вот и я посмотрел!!! слишком темные тона не вызывают доверия и лично я бы не стал прогуливаться по твоему сайту! Интернет мусор конечно громко сказано (извиняюсь)но по мне все что не закончено это и есть мусор. По мне он не законченный. Так что если что не так дне серчай это мое личное мнения. И зачем выводить крупные логотипы? так делают люди лишь неуверенные в себе!

                  •  vovans | 12 октября 2011 в 18:19:46

                    И чем же он незаконченный?

                    Тёмные тона? Ну, не знаю. Мне такие нравятся. И многим линуксоидам. Там целевая аудитория. На Linux.Org.Ru зайди. Раньше он вообще был тёмносиний. Сейчас чуть посовременнее. И это очень посещаемый проект! Почти соц сеть. Стоит в комментариях к новости ссылку обранить, как 2 тысячи и более заходов по ней. Это при том что там большинство по ссылкам не ходит (есть там поверие такое).

                    И логотипы большие. Просто у нас так принято. Так повелось. У мини-обзоров маленькие логотипы. У нормальных обзоров большие. Чего мельчить-то? А такст обзора уже внутри. Мы так видим обзоры.

                    Кроме того, в обзорах почти никогда нет отсебятины. Просто сухие факты о конкретных программах. Это тоже не часто встречается. Тоже своеобразно.ю Обычно много воды/отсебятины, которая перемешивается откровенным бредом и додумками (потому что даже за день толком программу не узнаешь).

                    В общем, у нас свой подход. И своя аудитория. И, судя по статистики, аудитория эта вполне целевая!

                    А вот о каких-то технических недочётах нислова! А ведь на сайте есть свои изюменки, которые я либо нигде не встречал, либо какие-то элементы на единичных сайтах на нашей ЦМС. Чего форма комментариев стоит (если только её не смотреть в Опере, у которой всегда всё плывёт, но скоро и это поправлю, работаю в этом направлении). Форма компактная, а не как всегда у Макс-ЦМС аляповатая. Но с тем же функционалом. Каптча переработана чуть. чтобы скрыть лишнее и для читаемости на тёмном фоне. И таких мелочей там хватает.

                    В общем, там есть чему поучиться. Но чтобы всё это заметить, надо самому попробовать сделать реальный и посещаемый сайт )) Это ни камень в чей-то огрод. Просто, все идеи и навыки приходят в ходе реальной работы над проектом. И у других начинаешь замечать отличия сразу, так как сам с этими всеми делами копался не раз smile

                    Как-то так.

                    Ты, Миша, не кипятись сильно. Все мы когда-то начинаем что-то. Так как я сам недавно начал освежать свои знания в вёрстке и взялся за несколько проектов, сам копаюсь, ищу, читаю, смотрю многое. И тебе говорю, какой багаж нужно иметь сперва. Поругаться можно всегда. Это просто. Но всем нам нужно развиваться. А это сложно. Это кропотливый и сложный процесс. Порою, нудный. Без понятия вёрстви и элементарных знаний лезть в сайтостроительство бесмыслено. Потратишь кучу времени и ничего толком не получится. Только сикась-накось, при том что ты не будешь знать как что устроено и каждый мелкий косяк будет вызывать только панику. Сесть и освоить азы гораздо проще и быстрее. Там ничего сложного нет.

                    •  Серёга | 12 октября 2011 в 18:23:27

                      В общем, надеюсь помиритесь.

                      По тонам, я бы тоже не рекомендовал темные.

                      Из темных лучше всего коричневый, он уют дарит.

                      Но можно на линукс и сайт посветлее сделать и очень даже хороший!

                      В общем, надеюсь, вы помиритесь.

                      Вова, я тебе вопрос задал в последних комментах, по поводу шрифта.

                      У тебя же линукс и я знаю по ходу в чем косяк у меня с названием...

                      Потому как у меня оно смотрится очень замечательно.

                      •  vovans | 12 октября 2011 в 20:27:44

                        Да никто ж не спорит, что можно и светлый. Но для нашего круга нормально и тёмный. У меня рабочее окружение примерно так выглядит:

                        http://zenway.ru/uploads/vs/razor_03.png

                        http://zenway.ru/uploads/vs/razor_04.jpg

                        И ничего, мне нравится ))

                        А на сайте уже поздно менять. За столько лет там всё сильно "приросло"... Не буду вдаваться, это частности.

                        По тонам, я бы тоже не рекомендовал темные.

                        Неужели совсем не нравится, то что есть? Что-то раздражает? Как по мне (но глаз-то замылен уже), так глаза не режет ни пёстрастью, ни излишней темнотой. Шрифт светлосерый легкочитаем (по-моему). И золотистый вроде как тоже в тему. Да даже затемнёный (совем серый и мелкий) читается неплохо. Всё пересмотрел раз надцать после обеда.

                        Но свежее мнение всегда интересно услышать smile

  •  Серёга | 12 октября 2011 в 16:04:50

    vovans писал:

    А попал я сюда, так как про MaxCMS речь идёт. Видео я пока не смотрел, так как на работе, потому не знаю, какого уровня материал там. Может что интересное и подчерпну.

    Цель ставилась такая - что бы человек, который нихрена не разбирается в этом - смог поменять дизайн шаблона под себя просто повторяя мои действия.

    Для тех кто знает CSS и HTML - это раз плюнуть, надо только знать как устроен шаблон и поменять соответствующие файлы.

    Если твой уровень выше - сомневаюсь, что это тебе поможет smile

  •  vovans | 12 октября 2011 в 17:01:55
    Создавая свой я меняю файлы и добавляю, а если там поменять, то после обновления системы все слетит.

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

    Если честно, я Макса немного недопонимаю в вопросе дефолтного шаблона. Сделал зачем-то его сильно сложным. Ничего суперского внешне у него нет. Просто натыканы разные элементы, чтобы показать функционал и нет никакого актуального mini-варианта для того, чтобы сразу верстать свой шаблон.

    Но хорошо, есть статья по дефолтному шаблону, где выложен его скелет )) Правда, кто до этой статьи доберётся? :(

    Отсюда, думаю, и большенство сложностей у новечков.

    •  Серёга | 12 октября 2011 в 18:11:44

      Вова, спасибо - ко мне тоже на ты - Серёга просто.

      Давай начнем с того, что статьи у Макса сложноватые для новичков.

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

      Второе ты путаешь потребности, многие не хотят учить, а хотят внести просто пару изменений, для них я это и записываю.

      А вы тут развели гомон - еклмн smile

      Третье - харе сраться, перепалка к хорошему не приведет.

      По шаблону:

      Так так оно да, но от туда в будущем и настройки будут браться, а как Макс что новое удумает?

      Что тогда?

      Он знаешь ли постоянно что тоновое сует, и это через дефолтный шаблон реализуется.

      Так что я лучше свой клаудс переделаю, и какие надо файлы с дефолта себе вставлю.

      А остальные пусть остаются на усмотрение Макса.

      •  vovans | 12 октября 2011 в 19:57:02

        Я привёл статьи разные, не только Макса. И основополагающие статьи, где описано, что где в шаблоне. Банально надо было долистать до сайдбара и посмотреть, как он подключается. Дальше, остальные статьи - как делать вёрстку в три колонки. Ну, не верстать же сайт за его автора, ей-богу )) А того что я дал хватит с головой. Всё по аналогии. Миша же не просто спросил, как что-то подправить, а захотел новый сайдбар, да ещё и с другой стороны. Что для этого нужно, уже писалось: создать файл сайдбара, подключить его где надо (об этом всё у Макса сказано), править вёрстку, делая три колонки.

        И что получается? Ты ему всё это сделаешь? Ну, пожалуйста, я не против smile Но лучше бы, если бы человек разобрался сам. И ему лучше, и нам. Верно ведь? Или я заблуждаюсь в чём-то? ))

      •  vovans | 12 октября 2011 в 20:17:44

        Алсо, по шаблону.

        Вот я о том и говорю, что ты в этом вопросе некомпетентен. Это не наезд, не придирка. Не обижайся. Но это так.

        Нельзя делать рабочий сайт на дефолтном шаблоне! Это так же, как нельзя лезть с хаками в код движка, а нужно делать через плагины! Ну, или стремиться к этому. Спроси у Макса, он тебе точно так же ответит, если не более категорично.

        Если тебя интересуют новые функции (а они нужны тебе? Точно? Зачем?), то:

        1. Читаем все новости по новым релизам. Там всё разжёвывается. Изучаем написанное, находим в шаблоне, изучаем найденное, при необходимости переносим.

        2. Берём шаблон дефолтный с той версии, от которой отталкиваемся, сохраняем его в укромном месте, выходит новая версия, делаем "diff старый_шаблон новый_шаблон" и получаем изменения, можно даже в виде патча, наклбываем/вносим их в свой шаблон. Есть такие программы даже, где загружаешь 2 директории и тебе показывает наглядно, что в каких файлах изменилось. Просто копируешь новое и переносиль. И то! Только на тестовый сайт!!! Тестируешь и синхранизируешь с сервером, если нет проблем. У меня zenway локально имеется, точная копия со всеми пользователями, комментариями, статьями и прочим. Не нужно гадать, что быдет в реальности )) всё сразу видно до загрузки на свервер. Как это делается, можно и отдельно рассказать.

        3. Забиваем вообще на "всё новое". В основном, новое появляется в движке, плаинах. И немного в шаблоне. Причём, редко когда оно нужно. Готовый шаблон у меня работал ещё с версии 0.2* если не раньше. И на 0.5.*, спустя не один год, всё работало так же. Ваш шаблон должен быть самодостаточен изначально. А новыми плюшками, которые все подряд, пускай дети балуются. Главное, чтобы шаблон был корректен. И, так же, главное - двидок. Его лучше своевременно обновлять.

        Это так, навскидку.

        Кстати, я и плагины какие поправил, сделал их отдельно. Они при обновлении никогда не перезатрутся. И сайт будет работать.

        Хотя, конечно, может я чего-то просто недопонял. О каких новых фишках идёт речь? Но мне кажется, что всё это ерунда. Не стоит оно того, чтобы в шаблоне вёрстка всегда плыла при обновлении. Что мы наблюдали сегодня, например.

        PS а для форума моего вообще написал патчер! При обновлении движка (а там, на самом деле, не голый движок, а мод движка от одного соотечественника) я запускаю некий файл, который патчик нужные файлы - вырезает кучу лишнего из шапки, футера, ещё некоторых мест, накладывает мои моды и всё это автоматизировано, занимает пару минут на всё провсё... То есть, если хорошо подумать, всегда можно найти выход. Но дефолтный шаблон - это не выход, это тьма. Сами себе находим трудности и сами их отважно преодолеваем ))

        •  Серёга | 12 октября 2011 в 21:08:50

          Вова, ну тут ты уже впустую сказал...

          Как это нельзя делать сайт на дефолтном шаблоне???

          На старом да, а новый макс и сделал специально для этого, и специально придумал для верстальщиков, он сам это писал.

          Именно для этого он и придумал замену и подключение своих стилей.

          Или он это сделал для того что бы я скопировал его шаблон и там заменял и добавлял??

          Глупо как то...

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

          Многим они согласен - не нужны, но сам факт того что у тебя все обновлено - воодушевляеет.

          •  vovans | 12 октября 2011 в 21:36:07

            мммм... Пожалуй, да... Есть там такое. Но всё равно, я бы не рискнул. Скажем. есть там в фореч_тайп несколько файлов. 3, кажется. И кто знает, что туда ещё Макс потом вставит. Да и эти три уже нельзя использовать.

            В общем, только кастом. Не знаю, мне кажется, что мне бы этого не хватило. Слашком многое хочется менять. А делать это в том шаблоне, который постоянно меняется. Уже обжигалвя на подобном. потом хрен вспомнишь, а что же там было, в перезаписанном. Так что пришлось и плагины освоячивать, и шаблон.

            Спасибо, что сказал об этом smile я как-то не дочитал что-то smile

            Но всё равно, представляя, как делаются шаблоны для нашей ЦМС, я не вижу смысла в дефолтном по умолчанию. Но это моё мнение. Никому не навязываю smile

  •  Ирина Буренина | 12 октября 2011 в 17:51:51

    Как отписаться от ваших комментов? Ваш сайт у меня в закладках, я его не потеряю, итак почти каждый день захожу, но вот комменты на ящик замучили...

    •  Серёга | 12 октября 2011 в 18:12:42

      Ирина, попробуйте зайти в свой профиль на моем сате и там отписаться от комментариев.

      Либо вы подписались по РСС, тогда отпишитесь там.

    •  vovans | 12 октября 2011 в 20:36:33

      Ирина, в почте всегда можно настроить фильтры. Чтобы всякий хлам валился куда надо и глаз не мозолил ))

      Хотя да, лучше совсем отписаться ;)

      •  Серёга | 12 октября 2011 в 21:12:22

        Всякий хлам - это как раз таки наши комменты smile

        Ирина, вы от меня отпишитесь и подпишитесь на у вовы smile

        Ему так спокойнее будет grin

        •  vovans | 12 октября 2011 в 21:23:22

          да даже если нас убрать, посмотри сколько комментариев. Сотня только про 301-й редирект. А я там почти скромно себя вёл. Даже не осилил дочить. Ну такая бредятина... Как песок жевать ))) Ну да что мне тебе объяснять )) Ты читал, думаю, сам это сознаёшь )

  •  Серёга | 12 октября 2011 в 18:15:55

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

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

    У тебя там шрифт Calibri есть?

    Наверное мне его надо поменять, потому как у тебя на картинке буквы очень большие, реально у меня они намного меньше.

    •  vovans | 12 октября 2011 в 20:40:51
      У тебя там шрифт Calibri есть?

      Теперь ты понимаешь, чей это косяк? )))

      У кого ещё этот шрифт в системе есть? Серый, может тебе тоже время не пожалеть, Попова посмотреть? Нет, я серьёзно )) по этому поводу там тоже есть. Курс не идеальный. Но, как бы там нибыло, потраченного времени он стоит.

      Нельзя какие попало шрифты применять в вёрстке. Об этом говорится в каждом учебнике и курсе smile Потому что найдётся достаточный процент пользователей, у кого нет твоего особого шрифта и сайт будет выглядеть не так, как задумывался. А так, как на картинке у меня smile

      Кстати, дома только "карта сайта" плывёт. А слоган с тайтлом норм стали.

      •  Серёга | 12 октября 2011 в 21:00:24

        Да нет, попов мне врят ли чем новым удивит.

        И про шрифты я очень хорошо знаю.

        У тебя какая то критика - категоричная, нашел косяк иди учи все заново, ты над собой тоже так издеваешься???

        Пожалей себя любимого... smile

        Просто, когда я делал этот шаблон (год назад где то) я как то про пользователей от яблока и юникс позабыл.

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

        Завтра поменяю на вердану...

        •  Серёга | 12 октября 2011 в 21:10:33
          Теперь ты понимаешь, чей это косяк? )))

          Я когда то говорил что он не мой???

          Ты на вопрос так и не ответил.

          Уж прости что я про пользователей не Windiws не подумал...

          Но тупо судить по этому - твое дело в общем.

          •  vovans | 12 октября 2011 в 21:20:46

            В интернете легко найти список шрифтов, которые рекомендованы к использованию. Остальные крайне не рекомендуется. Ну, думаю тебе это известно и так.

            Потом, не вендой единой. Есть ещё куча мобильных девайсов, планшетов, нетбуков, где не всега венда, и если она, то CE или ещё какая дрянь. Плюс, Маки, АйПады..

            Да и про винду. В ХР разве есть этот шрифт?

            И, если бы этот шрифт у меня был, я бы не делал скринов шапки.

            И почему сразу - иди учи всё заново? Я вот не так мало знаю, но курс просмотрел. Чтобы систематизировать то, что уже имеется. Мало что нового вынес, но освежил знания и прояснил некоторые туманные ранее моменты. Что ты так реагируешь сразу? ))

            Нет, если чувствуешь, что курс не нужен, не смотри. Кто ж заставляет.

  •  V[Ne]ZakoNa | 13 октября 2011 в 00:31:38

    Доброго времени суток, я тут немного по юзил шаблон default и нашел в папке custom активированные дополнения))) там решил свою проблему с подвалом сайта (установка счетчика и ссылок) очень удобно можно было бы дать мастер класс по этим дополнениям))) я думаю будет очень интересно)))wink

  •  V[Ne]ZakoNa | 13 октября 2011 в 00:40:19

    соре (не активированные дополнения)

  •  V[Ne]ZakoNa | 13 октября 2011 в 19:52:43

    Сергей здравствуйте, у меня к вам вопрос: как добавить вкладку форум и вообще откуда его взять? Заранее спасибо Иван.

  •  Комментатор 201 | 13 октября 2011 в 20:15:41

    Серега , помоги с формой обратной связи.Хотел сместить её влево - не получается.Там прописан align="right",но где я не нашел,да и в основных файлах менять не хочется.Через CSS прописан класс t1 , пробовал float:left; для таблицы и ячейки,даже с !important не реагирует...

  •  Комментатор 201 | 13 октября 2011 в 22:56:37

    Залил 3 урока по шаблону в Народ.

    Вот ссылка

  •  Becas | 13 октября 2011 в 22:59:57

    Залил 3 урока по шаблону в Народ.

    Вот ссылка http://narod.ru/disk/28323853001/ShablonMS.rar.html

    •  V[Ne]ZakoNa | 13 октября 2011 в 23:46:54

      Щас глянем что там такого интересного и вы нам записали))) Надеюсь учли все комментарии?! Заранее спасибо. С уважением Иван.

      •  Серёга | 14 октября 2011 в 10:32:50

        Я так понимаю - там три моих занятия???

        Если да то я эту ссылку размещу в посте.

        И хотелось бы знать имя того, кто залил на народ smile

        Спасибо сказать! wink

  •  Dima | 14 октября 2011 в 14:56:08

    Серый спасибо все Гуд!!!ok

    •  Серёга | 14 октября 2011 в 16:04:53

      Пожалуйста, если будет время - сегодня выложу продолжение!

  •  Комментатор 201 | 14 октября 2011 в 17:44:48

    Конечно ,Серега, я залил твои уроки в Народ.Благодарностей не надо,а вот с формой обратной связи я не отстану,если в продолжении не найду ответа.

    •  Серёга | 14 октября 2011 в 18:49:27

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

  •  Саня | 14 октября 2011 в 17:51:05

    Интересная тут авторизация:если логинишься выдается табличка типа Бульдозер 24, а если инкогнито нормальное имя.

    •  Серёга | 14 октября 2011 в 18:47:06

      Здесь когда авторизуешься указываешь только почту и пароль.

      Можно просто войти поле регистрации в свой профиль и указать имя, сайт, о себе, аву и т.д.

      А можно залогиниться через логинзу - так проще всего!

  •  Саня | 14 октября 2011 в 20:13:45

    Напоминаю зеркало на Народ.ру на эти два урока здесь -

    http://narod.ru/disk/28323853001/ShablonMS.rar.html

    •  Серёга | 14 октября 2011 в 20:49:28

      Разместил ссылку в статье.

      Сделал 3 часть.

  •  Татьяна | 16 октября 2011 в 11:10:25

    Сергей, спасибо! То, что нужно, чтобы создать простенький сайт smile

    Но у меня на главной вдруг исчезли все статьи... :( Были, были... и бац - пропали... Что я такое нажала? Искала - не нашла... Нужна помощь! Спасибо!

    •  Серёга | 16 октября 2011 в 11:29:12

      Ну как бы сайт то не простенький, очень даже хороший на MaxSite.

      В плане возможностей дизайна - просто.

      Но даже тогда можно придумать хороший дизайн.

      По поводу сайта:

      возможно неправильно что то прописали в стилях, а возможно - настроили так smile

      Мне нужно взглянуть на сайт и в случае чего - иметь доступ к админке.

      •  Аноним | 16 октября 2011 в 11:53:22

        Ну я имела ввиду простенький из всех возможностей MaxSite вообще...smile Первый свой блог я у Максима заказывала... Сама не потянула... А для второго мне много не надо... сама решила попробовать...Ну и вот!

        Мой сайт (пока пробный) kvartiraisrael.com

        А куда данные админки прислать?

        Вот что пока написала в стилях

        /*делаем отступы сверху*/

        .all{margin: 20px 0;}

        /*скругление углов*/

        .all-wrap{border-radius: 7px;}

        .footer{border-radius: 0 0 7px 7px;}

        /*оформление описания сайта*/

        .name_site{color:#00017b; text-shadow: 1px 1px 3px #777;}

        .description_site{color:#333;}

        •  Серёга | 16 октября 2011 в 20:48:46

          Через форум в ЛС.

          Или здесь через форму контактов.

  •  RINGO | 1 ноября 2011 в 19:37:55

    Хочу сделать на своём сайте только несколько страниц ,без категорий и рубрик.

    Только главную и ещё парочку все они будут в шапке

    создаю страницу, но её не видно

    всё рубрики и прочее удалил из админки.

    •  Серёга | 2 ноября 2011 в 10:13:12

      Если будет сайт с 10-ю страницами - нафиг тогда вообще использовать CMS?

      Сделайте обычный HTML + CSS.

  •  Юлия | 20 ноября 2011 в 03:52:23

    Спасибочки большое!!!

    Очень спасибо!

    А еще спасибо, что не присылаете на почту мусор)

  •  Дмитрий | 21 июня 2013 в 11:25:58

    Помогите мне пожалуйста.Проблему были с обложкой,сделал обложку ,разобрался с пиксилями,но...теперь у меня большое расстояние между обложкой и остальными деталями сайта.Вот сайт:http://airgeargenesis.ucoz.ru/. Помогите пожалуйста...