Дизайн сайдбара default шаблона.
Привет Друзья!
И так, продолжаем пинать дефолтный шаблон Макса, эх… какие же мы маньяки 
Сегодня я подготовил еще два видео, где мы будем обновлять внешний вид шаблона все тем же дедовским способом – через таблицы стилей!
Опять же все полностью пропитано практикой и полезностями – будет интересно!
Вот что я буду рассматривать в занятиях:
1. Как создать линию под шапкой.
2. Проведем линию между сайдбаром и контентом.
3. Оформление заголовков.
4. Добавление иконки к заголовкам.
5. Оформление ссылок.
6. Оформление списков.
7. Добавление иконок к спискам.
8. Возможно, я еще чет упустил…
В общем, думаю, эта инфа поможет вам создать и настроить свой сайт как надо! Главное – внимательно следите за кодом 
, ведь одна маленькая ошибочка может привести к очень некрасивым последствиям!
Такое уже просто было, поэтому говорю – смотрите внимательно, что бы стояли все точки с запятой и фигурные кавычки, а так же – что бы правильно были прописаны все свойства, одна лишняя буква и браузер не поймет вашего кода!
Представляю третью часть линейки уроков – Шаблон своими руками:
Дизайн сайдбара default шаблона
Уроки:
Видео-урок: Шапка, сайдбар и дизайн заголовков.
Видео-урок: Оформление ссылок и списков.
Картинки из уроков: иконка для заголовков, иконка для списков.
[sbox id="info"]
Предыдущие части находятся здесь:
1 часть. Настройки default шаблона в MaxSite CMS - тыц.
2 часть. Редактируем фон, шапку, меню и подвал сайта - тыц.
[/sbox]
На этом всем, спасибо за внимание.
ЗЫ: Если будут вопросы – пишите в комменты или на форум.
Залил зеркало на эти два урока в Народ.ру вот ссылка -
https://narod.ru/disk/28404635001/ShablonSvoimiRukami.Part3.rar.html
Сэнкс Саня, включил в статью
1.Линия через контент хороша,когда контент полный.У меня нет комментариев и линия короткая,то же с Архивом.Как сделать независимо от наполнения сайдбара или контента,чтобы линия упиралась в футер?
2.Все изменения с заголовками виджетов ведут себя нормально,кроме виджета "Популярное".С этим разобрался ,оказывается за него отвечает класс box (что весьма странно),а не widget_header!
1. Точно, как то совсем позабыл про это.
В общем, такую линию - через все! Я проводил не через контент, а через класс - .main-wrap
Он идет от шапки до подвала.
Только использовал в качестве линии фоновый рисунок, ширной в сайт или сайдбар (в зависимости от ситуации) и толщиной в 1px, или более...
2. В старых шаблонах все виджеты выводились именно через него.
У табличной вёрстки есть свои преимущества. У блочной - свои едостатки
Зря табличную прям дедам многие приписывают )) в некоторых случаях она очень себя оправдывает. Но как где кто напишет об этом, так сразу освистают почему-то (я не про конкретный случай, а по опыту))
И, конечвно, как "рисовать" таблицами, это нужно знать
Вов, читай внимательно, я говорил про таблицы стилей
А не табличную верстку, просто увернул ради прикола.
Какие недостатки то?
Я раньше делал сайты сугубо на таблицах, но теперь - стараюсь вообще не использовать их!
Про недостатки можно почитать в разных статьях по вёрстке.
В принципе, в применении таблиц нет ничего такого плохого ))) как об этом говорят некоторые.
И читал я внимательно, а высказывался относительно "где мы будем обновлять внешний вид шаблона все тем же **дедовским способом** – через таблицы стилей"
ЗЫ сам таблицы тоже стараюсь не использовать в вёрстке
Серега спасибо за урок))) все супер))) вопрос как сделать разные иконки для разных рубрик? и как в меню сайта вставить иконки? то-есть что за него отвечает?
У каждого виджета есть свой дополнительный класс, я ж не могу тебе все виджеты указать - многовато будет работы
В общем - делаешь общие стили, а бэкграунды прописываешь для каждого по отдельности следующим макаром!
.category_widget_0 .widget_header{background: url(../images/my/book_download.png) no-repeat left center;}В этом коде указано что иконка будет присвоена только заголовку виджета рубрик!
Ах, да, по поводу меню - иконки надо будет прописывать через шапку сайта, как сделать это в стилях - смотри пример со списками.
Там просто надо будет для каждого пункта добавить свой стиль - в этом случае пункты ты должен добавлять сам, а не через админку.
И каждому стилю присвоить свою иконку.
Большое спасибо))) все супер)))
Серега а как можно сделать регистрацию как на всех сайтах?
Есть плагин - логинза.
Через него очень удобно регистрироваться.
У меня тоже можно!
Серега спасибо за твое терпения и понимания))) все сделал)))
Пожалуйста!
Сережа, я хотела бы заменить форму комментария на упрощенную. Т.е.
окно для комментария, а внизу Имя, Емайл, Сайт и Отправить. И еще чтобы ты рассказал как поместить виджет в подвале?
Боюсь здесь я пока сам не представляю что делать!
Эта стандартная форма комментирования, котороя предусмотрена системой.
Можете посмотреть, как сделано у меня.
А вообще, есть же type_foreach/page-comment-form.php. Правте его как вам надо, вырезайте нужное, перемещайте что куда хотите.
И можно же отключать комюзеров, анонимов в админке. Вроде как, должно пропасть лишнее в форме комментария, не?
А фиг его знает, я даж не интересовался на эту тему ни разу.
И так все устраивало.
А меня никогда не устраивала эта аляповатая, на мой взгляд, форма для комментариев. По моему скромному мнению, она сильно перегружена. На виду не должно быть ничего лишнего, чтобы это не путало начинающего пользователя.
Так что, по началу я вообще выпили вторую часть формы, которая для комюзеров (почта, пароль с приличной натацией по использованию). Только ник, текст ариа, каптча и "отправить". Потом, когда ежедневных посетителей перевалило за 500 в сутки и начали появляться постоянные читатели, я переосмыслил свой подход и решил просто прятать лишнее и разворачивать его лишь по требованию, для "продвинутых"
Попутно, максимально постарался сделать всю форму более компактной. Не знаю, получилось ли у меня лучше, но я считаю, что должно быть как-то так 
В общем, как я вижу, не одному мне форма для комментов не нравится
Согласен на счет перегрузки формы.
На мой взгляд - поля должны быть:
имя, сайт, е-мэйл, текстареа, капча
А регистрацию вообще не мешало бы сделать отдельным пунктом!
А то большинство даже не понимает - как регистрироваться надо!
Ну вот и я о том же. И каждый эту проблему решает по-своему.
Ведь, с одной стороры, это хорошо, что есть возможность просто вбить ник и написать коммент.
Но хорошо так же, что можно стать постоянным пользователем - комюзером. Настроить аватару, указать свои данные.
Но по-умолчанию это как-то так сделано... Во-первых, неинтуитовно понятно... Во-вторых, понатыкано и то и то.
Я решил для себя так. Видно должно быть лишь что-то одно. Те, кто попродвинутей, сами найдут что надо.
И про регистрацию многим не понятно, да. Формы логина на сайте нет. Точнее, есть для админов. Вот я сейчас залогинен, а там написано "вход". В общем, путает это конкретно.
Серега здорова, как сделать фон картинку а не бесшовный? Подскажи код плиз... Заранее спасибо, Иван
не ужели не проще таки один раз самому разобраться, чем задовать по сотне вопросов в день? о_0
Вова да я пытался но не получается((( НЕ ПОЙМУ КАК СДЕЛАТЬ.
content сообразил как прописать а вот фон нет(((
Проверьте на ошибки
/*Оформления списков в виджетах*/ .is_link{color:#444; font-size: 9pt;} .is_link li{background: url(../images/favorite.png) no-repeat 0 3px !important; padding:0 0 0 21px !important; margin: 3px 0 !important;} .is_link li li{background: url(../images/li2.png) no-repeat 0 3px !important;} /*Фон виджетов*/ .widget{border-right:3px #223C5C; width: 220px !important; margin-top: -1px !important; padding-left:10px; box-shadow: 1px 2px 2px 2px #999; border-radius: 7px 7px 7px 7px;} /*Подвал виджетов*/ .w2{border-bottom: 7px #95C653 dashed; margin: 10px 0 20px 0; box-shadow: 2px 2px 2px #999; border-radius: 0 0 7px 7px;} /*Делаю иконки в меню*/ /*.category_widget_0 .widget_header{background: url(../images/home.png) no-repeat left center;}*/ /*Отделяю контент статей*/ .page_only{border-right:3px #223C5C !important; margin-top: -1px !important; padding: 10px; box-shadow: 1px 2px 2px 2px #999; border-radius: 7px;} /*Шапка в контенте*/ .info{background: whitesmoke; color:#000000 !important; box-shadow: 0 1px 1px 1px #999; border-radius: 7px; font-size: 7pt !important; padding: 10px;} /*Подвал виджетов*/ .c2{} /*Ссылки в статьях*/ .content a{color: #5077EC; text-decoration: none;} .content a:hover{color: #EC5053;}А что не работает то?
Да не получается шапку в контенте прижать, правда я часть кода удалил(((
и скруглил углы
Можно еще вопрос? В остальных шаблонах какой файл отвечает за стиль, как задать свой?
Мне бы хоть взглянуть на твое чудо глазком
Соре, прсиханул.... все удалил... Похоже я безнадежный((((((((((((((((((((((((((((((((((((
Ба-ааа... батенька.
А нахрен руки опускать???
На почитай для поднятия тонуса:
https://seregakolt.com/about
Да и остальные статьи на сайте почитай, их там не так много.
Нельзя так быстро здаваться!!!
Ничего хорошего из этого не выйдет, начни сначала, освой HTML, затем CSS, а затем, через месяцок, опять сюда
Сергей, спасибо)))) очень интересно))) да и за поддержку спасибо))) а нервы сдали наверное потому что уже 5-е сутки не сплю((( сынишка капризничает, животик у него болит((( а жену как маму почему то не воспринимает, все время у нее кричит. Затихает у меня на руках))). ну что то я не по теме))) буду учить))) надеюсь все пойму и смогу быть полноценным веб-мастером))) просто сложновато понять когда сам по себе пытаешься разобраться, а если что то не так прописал сам без помощи не поймешь(((( вот и приходится тебя доставать такими глупыми вопросами. Видно верно Вова сказа что мне с начало нужно все выучить чтоб не задавать глупых вопросов. Но все равно твои курсы самые лучшие и доходчивые))) спасибо за все)))
Серега, очень похоже на мою ситуацию((( я тоже пострадал на стройке, порвал мышцы в левой руке (делал крышу в школе) и про меня также забыли(и про маю зарплату, еще оказалось что я им должен 15 т.р.) щас рука почти не функционирует, но жить то как то надо, да еще и сын родился щас ему 1.5 месяца. вот тоже сказали что ты теряешься люди в интернете зарабатывают такие бешеные деньги. Ну и решил попробовать вот только плохо у меня получается(((( вот и начинаю потихоньку сдавать заднею((( деньги то в семье кончаться... а дохода как не было так и нет. Вот и пытаюсь все быстрее познать, но что то совсем не то... Завел сайт мега-хост.рф но как людям предлагать хостинг сайта если сам деревянный я даже не знаю... да и посещения сайта самое большое это 10 человек в день, и раскрутить без денег незнаю как, хотя и смысла не вижу... знал бы сайт-строения был бы смысл... Вот такая коротенькая история...
Заработок в интернете не зависит от знаний в создании сайтов
Если ты только не планируешь зарабатывать именно этим!
Да этим я и думал попробовать заняться, но видно не потяну...
Если все начинать по порядку - сложного вообще ничего нет!
Сложного может и ничего, если начинать потихоньку и есть другие источники дохода )) А так, очень непросто взять и через месяц уже прибыль иметь. если не представляешь, что и как в этих интернетах.
Через месяц если только инфобизнесом (пахать очень дохрена) или какими-нибудь вложениями - типа партнерок (опять нужен опыт, куда гнать траф, а куда нет, где прибыльно, а где партнерка себя уже отжила).
Конечно я не спорю что это не просто))) но я думаю нужно идти в перед и учится на своих ошибках))) Как бы не было сложно я намерен достигнуть своей цели, да и вообще не привык я так просто задаваться))) если многие смогли, чем я хуже? Нет я твердо решил что не отступлю от намеченных целей, буду учить учить и еще раз учить
Неа, подход не правильный, надо что-то выучить и сразу применить на практике!
Про выучить, понятное дело, я обеими руками за!
Стоит потратить какое-то время на изучение нужного, как всё начинает делаться заметро быстрее и осознано. Иначе бесконечное брожение впотьмах.
Что до того, что другие достигли.. Ну, другие и в итернетах ведь первый день, наверно. И уровень их знаний, наверно, совсем другой...
Интернет-бизнесом хорошо параллельно заниматься. Особенно, на начальном этапе.
Что до реального заработка, то жена когда в декрете была, реально зарабатывало не менее 20 штук в месяц. При том что она ребёнком занималось, готовками, уборками и прочим. Но... Тут снова но... Она русский язык знает. Потому, и писать могла, и переводить и что угодно.