Endorphin

По клику если хочешь чтобы выпадало пиши скрипт для выпадашки и кнопки, лови клик по кнопке и добавляй класс в выпадашку который ее будет проявлять на странице)

Спасибо.

Такой вопрос, есть сайт оформленный через гитхаб хостинг, на этом сайте есть отправка формы через php, но она не работает, в чем может быть причина? и вообще есть ли такой функционал на гитхабе, собственно вот форма отправки <?php header('Content-Type: text/html; charset=utf-8'); /* Задаем переменные */ $name = htmlspecialchars($_POST["f_name"], ENT_COMPAT, 'cp1251'); $email = htmlspecialchars($_POST["f_email"], ENT_COMPAT, 'cp1251'); $tel = htmlspecialchars($_POST["f_tel"], ENT_COMPAT, 'cp1251'); $message = htmlspecialchars($_POST["text_form"], ENT_COMPAT, 'cp1251'); $bezspama = htmlspecialchars($_POST["not_spam"], ENT_COMPAT, 'cp1251'); /* Ваш адрес и тема сообщения */ $address = "aleksfers@icloud.com"; $sub = "Сообщение с вашего сайта"; /* Формат письма */ $mes = "Сообщение с вашего сайта.\n Имя отправителя: $name Электронный адрес отправителя: $email Телефон отправителя: $tel Текст сообщения: $message"; if (empty($bezspama)) /* Оценка поля bezspama - должно быть пустым*/ { /* Отправляем сообщение, используя mail() функцию */ $from = "From: $name <$email> \r\n Reply-To: $email \r\n"; if (mail($address, $sub, $mes, $from)) { header('Refresh: 3; URL=https://alekseypn.github.io'); echo 'Письмо отправлено, через 3 секунды вы вернетесь на главную страницу';} else { header('Refresh: 3; URL=https://alekseypn.github.io'); echo 'Письмо не отправлено, через 3 секунд вы вернетесь на главную страницу';} } exit; /* Выход без сообщения, если поле bezspama заполнено спам ботами */ ?>

Понял, спасибо, один нюанс бэм понял, перечитваю документацию и как то с трудом понимается, найти бы источник с объяснением простым языком что да как по бэму.

Почему, все верно, в родной документации нету, это из статьи на хабрэ, и то я видимо не так это понял) перечитывать буду и документацию и статью)

.b-about-us__line { background: #f9f9f9; border-top: 1px solid #eeeeee; } .b-about-us-content { padding-top: 10px; } .b-about-us__head { margin: 30px 0; font-size: 28px; text-align: center; } .b-about-us__left { float: left; width:45%; } .b-about-us-left__img { margin-bottom: 20px; } .b-image, .b-video { width:100%; } .b-about-us__right { float:right; width: 50%; margin-left: 5%; } .b-about-us-right__text { font-size: 26px; text-indent: 15px; } .b-text::first-letter { font-size: 48px; vertical-align: bottom; } вот такие стили применял к данному блоку, хотя скорее всего это тоже ничего не даст) нужна наверно страница непосредственно

__left __right это потому что они будут с флоачены по наименованым сторонам, но я вас понял, почитаю еще статей, как будет какой то готовый вариант я обязательно пока, точнее вариант то есть, но некуда его залить чтоб показать в общем и целом. к сожаленью пока что данную вами технологию я не изучил)

<section class="b-about-us__line"> <div class="b-about-us-content center-block clearfix"> <div class="b-about-us__head"> <h2>О компании</h2> </div> <div class="b-about-us__left"> <div class="b-about-us-left__img"> <img class="b-image" src="images/abous-us-image.png" alt="фото"> </div> <div class="b-about-us-left__video"> <video class="b-video" controls="controls"> <source src="" type=""> <source src="" type=""> <source src="" type=""> </video> </div> </div> <div class="b-about-us__right"> <div class="b-about-us-right__text"> <p class="b-text"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi dignissimos, delectus velit impedit, ut dolorum in corrupti doloremque minus laborum, nisi assumenda similique! Quos quasi enim libero beatae, recusandae illo iste ducimus incidunt doloribus, id, dolores ab, fuga officia unde est molestiae nulla sequi excepturi eum iure voluptatum ratione officiis. </p> </div> </div> </div> </section> по критикуйте, первая попытка разметки по бэм, какие ошибки допустил и как не надо делать, расскажите у кого есть время, пытаюсь на практике научиться этой технике разметки, очень уж приглянулась она

так на заметочку может пригодиться, unslider.com :))))

Надо бы адаптивку провести, на iphone5 все блоки которые находились справа выпали за пределы основного контейнера

Огромнейшее спасибо, да именно то что нужно было, жаль что еще не знаю js.

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

Сработало, но теперь он переключает еще и изображения вложенные на одно и тоже изображение. должно быть так. <div class="item-masonry sizer4"> <img src="images/gallery1/img9l.jpg" alt="img9l"> </div> <div class="item-masonry sizer4"> <img src="images/gallery1/img5.jpg" alt="img5"> </div> <div class="item-masonry sizer4"> <img src="images/gallery1/img6.jpg" alt="img6"> </div> <div class="item-masonry sizer4"> <img src="images/gallery1/img11l.jpg" alt="img11l"> </div> а после переключения происходит вот так <div class="item-masonry sizer4"> <img src="images/gallery2/img11l.jpg" alt="img11l"> </div> <div class="item-masonry sizer4"> <img src="images/gallery2/img11l.jpg" alt="img11l"> </div> <div class="item-masonry sizer4"> <img src="images/gallery2/img11l.jpg" alt="img11l"> </div> <div class="item-masonry sizer4"> <img src="images/gallery2/img11l.jpg" alt="img11l"> </div> <div class="item-masonry sizer4"> <img src="images/gallery2/img11l.jpg" alt="img11l"> </div> скрипт блин вредный какой, или я вредный)

Тоесть в wrp записать id gallery место item-masonry?

В футере поправь номер телефона, задай ему цвет соответствующий.

<script> var btn = document.querySelectorAll('button'), wrp = document.querySelector('.item-masonry'), img = wrp.querySelectorAll('img'); [].forEach.call(btn, function(el, i) { el.addEventListener('click', function() { [].forEach.call(img, function(el) { var str = img[i].src, str = str.slice(img[i].src.indexOf('images')), re = /gallery\d+/gi, newstr; newstr = str.replace(re, 'gallery'+ (i+1)); el.src = newstr; alert(newstr); }); }); }); </script>

<div class="gallery-main-block clearfix"> <div id="gallery"> <div class="item-masonry sizer4 nav-portf"> <nav> <button type="button">Индивидуальная</button> <button type="button">Love story</button> <button type="button">Семейная и детская</button> <button type="button">Свадебная съемка</button> <button type="button">Студийная съемка</button> </nav> </div> <div class="item-masonry sizer4"> <img src="images/gallery1/img1.jpg" alt="img1"> </div> <div class="item-masonry sizer4"> <img src="images/gallery1/img2.jpg" alt="img2"> </div> <div class="item-masonry sizer4"> <img src="images/gallery1/img10l.jpg" alt="img10l"> </div> <div class="item-masonry sizer4"> <img src="images/gallery1/img3.jpg" alt="img1"> </div> <div class="item-masonry sizer4"> <img src="images/gallery1/img8l.jpg" alt="img8l"> </div> <div class="item-masonry sizer4"> <img src="images/gallery1/img4.jpg" alt="img5"> </div> <div class="item-masonry sizer4"> <img src="images/gallery1/img9l.jpg" alt="img9l"> </div> <div class="item-masonry sizer4"> <img src="images/gallery1/img5.jpg" alt="img5"> </div> <div class="item-masonry sizer4"> <img src="images/gallery1/img6.jpg" alt="img6"> </div> <div class="item-masonry sizer4"> <img src="images/gallery1/img11l.jpg" alt="img11l"> </div> </div> Нужно тоже самое но для такой структуры если не сложно, попробовал подставить свои значения, но видимо чего то не хватает, заранее очень благодарен.

Огромное спасибо:)

Возник такой вопрос, JavaScript еще не учил, но интересует возможно ли например такое: У меня есть 3 пункта меню, пункт 1, пункт 2, пункт 3. Нужно чтобы при клике на пункт 1 показывались одни картинки на странице, а при клике на пункт 2 другие, и т.д. Собственно вопрос вот в чем, возможно ли с помощью скрипта изменить путь к картинке к примеру по умолчанию images/slides1/img1.png, а после клика по пункту images/slides2/img1.png, в теге img. Так как создавать 3 страницы разных ради того чтоб просто менять как то не очень кто сможет популярно объяснить как создать данный скрипт, если такое возможно конечно. К странице будет подключаться галерея Gamma Gallery

htmlbook.ru не забудь почитать полезная штука)

Не знаю насколько это верно, я все таки новичок, но может поможет такой вариант)

Всех приветствую, появилась скидочка на HTML-Academy, спешу ею с вами поделиться, мало ли кому пригодится. 1995717ee80 - данный код даст вам скидку 800 рублей на интенсивы на данном ресурсе https://htmlacademy.ru/, я думаю все наслышаны о них, и может как раз кто то собирается записаться, и вот он щас заплатить на 800р меньше)))) это не спам если что

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

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

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