PHP+MYSQL — Создание блога 37


451 просмотр.

Краткое описание видео: .начинаем завершающий урок курса по блогу.здесь мы подведем итоги удалим ошибки и.немножко я расскажу вам про.доработку внешнего вида особенно вот.внешнего вида этого левого блока до.нашего итак какие ошибки мне удалось.выявить сейчас я быстро пробежался по.блогу посмотрел что работает что нет и.нашел несколько ошибок нефти у себя нет.ли у вас их так файл апдейт текст здесь.мы обновляем текст страницы да и.соответственно нам для обновления нужны.всего 4-5 переменных точнее то это.meta description meta keywords текст и.айдида а здесь самом начале мы делаем.проверку на существование еще нескольких.дополнительных переменных которые мы по.сути не используем здесь.поэтому можно удалить вот эти стройки.где мы проверяем переменную data.переменную description и переменную.автор так в принципе будет работать и.так даже если эти перемены и проверяются.но просто лишняя нагрузка можно здесь.это удалить удалили потом файл у меня.а дроп пост здесь простая синтаксическая.ошибка вместо слова ваша заметка успешно.ондулина у меня написано ваш поэтому я.здесь исправляю важно метку успешно.удалена мошна метка ни одна так.сохраняем и file drop cap где мы удаляем.категорию то же самое за месту ваша.категорию не стоит ваш так в принципе.все и последний момент который я хотел.еще показать которые мы не учли немножко.это вот эта навигационная панель в том.случае когда мы допустим нажимаем на.какую-нибудь заметку на видим что она у.нас исчезает то есть здесь уже идет.отвечает за отображение заметок у нас.файл view post.если здесь в архиве то файл в идее тоже.нет навигации на по категориям то же.самое в юг от и.по блогам друзей допустим они помогут.друзей по.так это у нас я нажал на сайт и по.поиску да то есть когда мы что-то ищем у.нас view search появляется файл который.выводит здесь тоже список заметных без.навигации по этому я предлагаю добавить.в эти файлы тоже навигационную панель он.делается это очень просто открываем вот.эти четыре файла который отвечает на за.показ категории до пола до типа заметки.и по поиску на так и открываем.какой-нибудь файл где у нас навигация.отображается правильно примерки index.php do так берем отсюда вот эту вещь.включить навигационный блок вот и ставим.его в эти правила главное найти место.правильная куда их стонать оставлять мы.бы вот сюда вот нас подключился левый.блок левый очей когда и пошла вот она.права ячейкой самый верх вставляем здесь.навигационный блок и естественно здесь.придаем значение переменной m 0 то есть.ни один из пунктов у нас подсвечен не.будет да потому что мы сейчас не.находимся не на главный допустим не на.рассылки и так далее так вот эту вещь.уже копируем по всем остальным не.забываем сохраняться так это мы сюда.оставляем view it.книги по категориям так принципе все.если мы сейчас проверим то увидим что у.нас навигация появился и пока ни один.пункт не подсвечен вот если мы нажимаем.на рассылка то видим что все нормально.пункты подсвечиваться так архив работает.заметка работает категория работает и.поиск допустим тоже работает так отлично.вот то что касалось ошибок и недоработок.последний момент это по дизайну я хотел.немножко сказать и доработать немножко.внешний вид левой панели.то есть я предлагаю сделать следующее я.подготовил примерный вариант того что я.хочу получить.добавить небольшие стрелочки в начале.каждой категории и вот такую точечную.особенно под названием каждой категории.каждым уроком причем стрелочки по блокам.будут разные по цвету да то есть в.категориях они зеленые в последних.заметных синим архиве желтые много.друзей красный вот все эти файл я.подготовил уже четыре разные стрелочки и.вот эту точку которая у нас будет.размножаться и превращаться в линию все.эти файлы лежат в дополнительных.материалах.начинается с or джипег потом два три.четыре четыре разные стрелочки и вот эта…point джипег который нам тоже.понадобится так эти файлы нам нужно.скопировать на сайт папочку.м ж так как.героем все они у нас скобочки им же мы.можем с ними работать здесь в принципе.ничего сложного нет нам просто нужно.будет поработать со стилями немножко я.закрываю все файлы оставляем только.файлы со стилем воном стиле да и.из блоков открываем левый блок в котором.мы сейчас будем производить небольшие.изменения итак что нам нужно сделать.какие стили придумать для реализации от.этой затеи стрелочка он остается просто.так туда же стиле никакие не нужны.просто прописываем перед выводом ссылки.пмж в котором указываем где лежит.стрелочка вот а . она у нас будет крыма.фоновым рисунком который будет.расположен внизу и размножаться по оси x.в принципе ничего сложного так давайте.этим сейчас займёмся сначала разберемся.мы со стрелочкой да вот у нас пошел для.категорий например от категории до и вот.пошел вывод в цикле каждой категории.абзац и ссылка вот между ними как раз.таки и перед ссылкой проставляем и здесь.тым же так и говорим что у нас.стрелочка лежит по абрису.папка и им же и называется она а ..джипег можно даже по идее прописать.размеры сейчас я посмотрю какие у нас.размеры 10 на 10 бисерин и так и.пропишем весь что у этой картинке высота.10 и ширина тоже 10.так и все теперь вот этот так картинки.мы просто копируем и идем дальше так вот.у нас пошли последние заметки и вот.пошел в цикле вывод этих заметных отсюда.вставляем второй стрелочку.здесь просто прописываем это 2 так идем.дальше вот архив пошел вывод заметок.вывод точнее месяцев так здесь уже 3.стрелочка и блоги друзей пошли вот нас.цикле пошел выводы блок друзей ставим.здесь это у нас 4 стрелочка так и.проверяем что у нас получилось так.обновляем и видим что стрелочки у нас.появились началом зеленые пошли за этим.синие желтые и красные так и осталось.только нам добавить эту точечную.полосу под каждым пунктом так файл point.джипег мы уже скопировали осталось.только создать под него стильно стиль у.нас будет предаваться вот этому абзацу в.котором находится картинка стрелки и.сама ссылка на поэтому нам понадобится.файл style.css которым мы создадим.сейчас новости.итак создаем стиле под названием.допустим.point . и открываем фигурные скобки.начинаем писать так как мы уже.договорились . у нас будет как бы.фоновым изображением здесь пишем а в.принципе можно даже взять и скопировать.все три позиции.просто мы сейчас подправим так вот они.богаты мичман позиция ибо ground рипит.так вот у нас на граунд имеешь будет.point джипег так позицию ним будет снизу.ботом.так и повторяться он будет у нас по оси.x.поэтому старым рипит тире x отлично мы.здесь не прописали.вот этим абзацам класс point давайте.пропишем сначала.так вас point копируем и по всем.остальным его проставляем.так все просто ли сохраняем можно.прогреть.так обновляем а вот у нас появились эти.точечки только они пока что.накладываются на сами ссылки и нам нужно.их немножко опускать да с помощью.поединка помощью свойства padding.давайте этим сейчас займемся так где нам.нужен поедем давайте подумаем сверху нам.не нужен нам нужен пилинг снизу чтобы.отодвинуть вот эту линию от ссылочке и в.принципе с леоном тоже не нужен справа.тоже он по идее можно вообще написать по.capering ботом 5 пикселей давайте так и.сделаем так врач алим системе им пишем.так поединку там 5 пикселей.так отлично сохраняем проверяем так вот.уже лучше еще можно здесь конечно.отступа уменьшить потому что у нас здесь.слишком большие особо сверху и снизу.поэтому давайте добавим еще свойства по.уступам мэри-джен ботом у нас пусть.будет семь пикселей а мэр джин топ тоже.7 дек 7 так сохраним проверим ну вот уже.лучше отступ уменьшились и смотрятся они.более аккуратно посмотрим добились ли мы.того чего мы хотели да в принципе все.готово но если еще вот здесь можно.увеличить сами названием блоков да то.есть вот тут немножко увеличить снизу и.сверху это давайте мы тоже делаем потому.что сейчас она слишком маленький эти.отступ и так здесь нужно разобраться.какой стиль отвечает у нас за вот эти.вещи давайте посмотрим в левом блоке.так z нас отвечает вот он стильно автор.дал нам нужно найти в стилях так он.где-то наверху должен быть родом на.autoit ву и естественно здесь не хватает.нам отступов внутренних уступов сверху и.снизу до поэтому давайте добавим padding.топ допустим шесть пикселей и поедем вот.уже шесть петель сохраним и проверим так.ну вот уже стало лучше в принципе все и.здесь я больше как бы по дизайну не буду.рассказывать потому что все-таки это.курс по php.вот нам главное было привести данный.блок как бы более-менее приличный вид а.дальше вы уже можете к саксами.фантазировать и совершенствовать блок на.свой вкус и последний момент который.здесь хотел вам рассказать это момент по.вот этому левом углу куда то здесь мы.добавили всего допустим раз два три 4 5.блоков по идее вы понимаете что сюда.можно добавлять и 6 и 7 блоков и 8.допустим можно.сидим в 6 блок добавить счетчик то и.заходите на тот же liveinternet.ru до.создаете себе счетчик и здесь его.проставляете вот об этом рассказано в.первом диске и все технические моменты.но думаю вы так это уже знаете что еще.можно поставить рекламу adsense если вы.не знаете что это такое сейчас немножко.покажу вот урок по вставке этой рекламы.есть на сайте ростелеком три джипа вот.по этому адресу на самореклама она вот.как располагается да то есть вы прям в.левый блок.вставляете специальный код и потом когда.у вас стоит уже будет в интернете и на и.на место этого кода будет выводиться.такая реклама.за клики по которой вам будут.начисляться деньги на данный момент даже.могу показать.у меня уже за счет этого за полгода.допустим накапало семьсот двенадцать.долларов ну вот за сегодня допустим.прибыль 9 и 7 доллара да вот то есть.совсем неплохо за то что вы просто.разместили коды на своих сайтах ничего.за это в принципе не делаете больше.денег как бы копают вот тоже самое.допустим на сайте photoshop мастер моей.супруги тоже мы повесили здесь небольшой.блок с этой стороны и цепи и.у нас как бы тоже за это деньги идут вот.еще раз напоминаю о том как это сделать.подробная инструкция по регистрации.поставки тех блоков у меня есть на сайте.руси нырком с adsense кэш в принципе все.посмотреть еще кстати курс по.дополнительным возможностям которые.можно применить копеечки сайту.там я рассказал про то как можно.добавить рейтинг допустим к вашим.заметкам идет урок у него идет рейтинга.то тоже посмотрите дополнительный курс.по дополнительным возможностям там я про.это рассказал что там еще у нас пойдет у.нас пойдет дополнительный момент по.постраничной навигации допустим вот у.нас есть категории печки мысленно.то есть если у нас допустим в ней будет.100 заметок то не очень будет удобно.выводить их все 100 в одну полосу да.потому что это займет во-первых и долгое.время для загрузки и будет не очень.читабельно поэтому вы наверное видели на.сайтах.добавляю такую постраничную миграцию.первое вторая страница 3.и на каждый выводится допустим по 10.заметок.вот об этом я тоже буду рассказывать.затем по секретному разделу я там буду.рассказывать то есть у меня вот на обоих.сайтах допустим есть вот что здесь.секреты что на photoshop мастер и у нас.есть секретный раздел.то есть там идет такая система вы.заходите в секретный раздел.даже сейчас могу показать на локальном.компьютере так он допустил а когда вот.мы заходим секретный раздел здесь у нас.как бы идут различные там вещи для сна.закачки да но они пока нам не даются.рaзвитие заблокирована и.активируется они только по вводу от.этого кода да если мы правильно вводим.код допустим на данном сайте у меня кот.такой то-то у меня опять он ведет на.интернет-сайт но в принципе вот поводу.кода у нас эти ссылки открываются и уже.возможно закачка вот этих продуктов о.том как вот это реализуется тоже я.рассказал в курсе по дополнительным.возможностям так что смотрите там еще.тоже можно много чего подчеркнуть а.именно для блога расширить.функциональность блога за счет этих.моментов вот и плюс к этому там еще я.расскажу немножко про безопасность тоже.обязательно посмотрите и здесь это даже.можно тоже.применять потому что допустим когда мы.вот здесь выводим как будто заметку да.мы не проверяем на мы не проверяем вот.эту переменную а иди на то что здесь.введено число для то есть она может.человека пусть навести там какие-то.запросы там к базе и так далее да и мы.получается не проверяем что перемена иди.у нас является числом и сразу как бы.запрашиваем из базы информацию по.заметки с такими иди по идее нужно.проверять что это у нас именно число в.запросе и о том как это сделать я опять.таки рассказываю в дополнительном курсе.там это обязательно посмотрите здесь я.уже как бы не стал и еще усложнять чтобы.вас не путать раньше времени.вот и сейчас я с вами прощаюсь а блок мы.закончили и будем уже с вами встречаться.в следующем курсе

PHP+MYSQL — Создание блога 37

Как? Вы еще не смотрели? Ну это зря...