как вставить в страницу в виде кнопки презентацию в пдф?Человек нажимает на кнопку и открывается презентация в пдф формате
PHP: public function pdf(){ $dir = 'pdf'; // путь к папке где лежат pdf файлы $files = scandir($dir); //сканируем $result = ""; //готовим пустую строку foreach ($files as $file){ //проходимся по файлам внутри папки if (substr($file, -4) == '.pdf') { //фильтруем pdf файлы $result .= '<a href="pdf='.$file.'">'.$file.'</a>'; //делаем ссылки кнопки, к найденным файлам } } return $result; //выводим результат }
Все зависит от тебя, где напишешь там и будет открываться =) Про это вот почитай, а то боюсь у тебя нигде ничего не откроется уже: HTML: <iframe id="iframepdf" src="files/example.pdf"></iframe>
а как сделать кнопку на сайте . Чтоб на кнопке написано посмотреть , например, он нажимает и открывается презентация?
Страница 1, название файла myKnopcaDlaPrezintacii_silvuple.html: HTML: <a href="myPrezentacion_silvuple.html">Моя замечательная презентация</a> Страница 2, название файла myPrezentacion_silvuple.html: HTML: <iframe src="files/моя презентация.pdf"></iframe> заметь php отсутствует.
можно без пхп? --- Добавлено --- <html> <body> <object data="your_url_to_pdf" type="application/pdf"> <embed src="your_url_to_pdf" type="application/pdf" /> </object> </body> </html>
как сделать чтоб между кнопкой и изображениями было небольшое расстояние и текст скачать презентацию был такой же как задать вопрос?
@marinna HTML: <a href="#callback" class="ask-question fb-callback" to-admin="bossisushi@gmail.com">Задать вопрос</a> Правой кнопкой по любому элементу и выбрать - Посмотреть код Стили снизу можно будет посмотреть.
это HTML: <a href="/catalog/view/theme/default/img/franchise/iLikeSushi.pdf"><p><input type="image" src="/catalog/view/theme/default/img/franchise/skat.png" alt="скачать"></p></a> заменить на это: HTML: <a href="/catalog/view/theme/default/img/franchise/iLikeSushi.pdf" class="ask-question">Скачать</a> Например, может прокатит
@marinna, например, можно добавить в файл стилей: Код (CSS): a.view-presentation { padding: 12px; display: block; text-transform: uppercase; color: white; background: green; width: 190px; text-align: center; margin: 3rem auto; text-decoration: none; font-size: 18.42px; font-family: Roboto_Light; } (почти копия класса ask-question) и в html: HTML: <a href="/catalog/view/theme/default/img/franchise/iLikeSushi.pdf" class="view-presentation">Скачать презентацию</a> вместо блока HTML: <div class="col-xs-12 text-center"> <a href="/catalog/view/theme/default/img/franchise/iLikeSushi.pdf"><p><input type="image" src="/catalog/view/theme/default/img/franchise/skat.png" alt="скачать"></p></a></div> --- Добавлено --- И остальные стили дорисовать... (hover, visited...)
Код (Text): .view-presentation { padding: 12px; display: block; text-transform: uppercase; color: white; background: green; width: 190px; text-align: center; margin: 3rem auto; text-decoration: none; font-size: 18.42px; font-family: Roboto_Light; } .view-presentation:hover, .view-presentation:active{ color: #5f5f5f; background-color: #f2f2f2; text-decoration: none; } --- Добавлено --- Код (Text): <div class="view-presentation"> <a href="/catalog/view/theme/default/img/franchise/iLikeSushi.pdf" class="view-presentation">Скачать презентацию</a> </div>
С такой разметкой класс для тега <a> - лишний. Для цвета ссылки и других параметров надо определить стили для .view-presentation a, .view-presentation a:visited, .view-presentation:hover a {/* например */color: green;}
нужно, чтоб кнопка зеленой и текст в ней белый. Но странно получилось как два квадрата в одной кнопке --- Добавлено --- а текст оказался розовым --- Добавлено ---