За последние 24 часа нас посетили 22454 программиста и 1147 роботов. Сейчас ищут 636 программистов ...

как вставить в страницу в виде кнопки презентацию в пдф?

Тема в разделе "Сделайте за меня", создана пользователем marinna, 18 фев 2019.

  1. marinna

    marinna Новичок

    С нами с:
    11 фев 2019
    Сообщения:
    25
    Симпатии:
    0
    как вставить в страницу в виде кнопки презентацию в пдф?Человек нажимает на кнопку и открывается презентация в пдф формате
     
  2. Artur_hopf

    Artur_hopf Активный пользователь

    С нами с:
    7 май 2018
    Сообщения:
    2.266
    Симпатии:
    405
    PHP:
    1. public function pdf(){
    2.     $dir = 'pdf';  // путь к папке где лежат pdf файлы
    3.     $files = scandir($dir); //сканируем
    4.     $result = "";  //готовим пустую строку
    5.     foreach ($files as $file){   //проходимся по файлам внутри папки
    6.         if (substr($file, -4) == '.pdf') {  //фильтруем pdf файлы
    7.              $result .= '<a href="pdf='.$file.'">'.$file.'</a>';  //делаем ссылки кнопки, к найденным файлам
    8.         }
    9.     }
    10.     return $result; //выводим результат
    11. }
     
  3. marinna

    marinna Новичок

    С нами с:
    11 фев 2019
    Сообщения:
    25
    Симпатии:
    0
    а презентация будет открываться в в отдельной вкладке и где можно название кнопки написать?
     
  4. Artur_hopf

    Artur_hopf Активный пользователь

    С нами с:
    7 май 2018
    Сообщения:
    2.266
    Симпатии:
    405
    Все зависит от тебя, где напишешь там и будет открываться =)
    Про это вот почитай, а то боюсь у тебя нигде ничего не откроется уже:
    HTML:
    1.  
    2. <iframe id="iframepdf" src="files/example.pdf"></iframe>
    3.  
     
  5. marinna

    marinna Новичок

    С нами с:
    11 фев 2019
    Сообщения:
    25
    Симпатии:
    0
    а как сделать кнопку на сайте . Чтоб на кнопке написано посмотреть , например, он нажимает и открывается презентация?
     
  6. Artur_hopf

    Artur_hopf Активный пользователь

    С нами с:
    7 май 2018
    Сообщения:
    2.266
    Симпатии:
    405
    Страница 1, название файла myKnopcaDlaPrezintacii_silvuple.html:
    HTML:
    1. <a href="myPrezentacion_silvuple.html">Моя замечательная презентация</a>
    Страница 2, название файла myPrezentacion_silvuple.html:
    HTML:
    1. <iframe src="files/моя презентация.pdf"></iframe>
    заметь php отсутствует.
     
  7. marinna

    marinna Новичок

    С нами с:
    11 фев 2019
    Сообщения:
    25
    Симпатии:
    0
    можно без пхп?
    --- Добавлено ---
    <html>
    <body>
    <object data="your_url_to_pdf" type="application/pdf">
    <embed src="your_url_to_pdf" type="application/pdf" />
    </object>
    </body>
    </html>
     
  8. Artur_hopf

    Artur_hopf Активный пользователь

    С нами с:
    7 май 2018
    Сообщения:
    2.266
    Симпатии:
    405
    @marinna делай уже что нибудь, что ты все спрашиваешь =)
     
  9. marinna

    marinna Новичок

    С нами с:
    11 фев 2019
    Сообщения:
    25
    Симпатии:
    0
    делаю
     
  10. Artur_hopf

    Artur_hopf Активный пользователь

    С нами с:
    7 май 2018
    Сообщения:
    2.266
    Симпатии:
    405
    вот видео простецкое
     
  11. marinna

    marinna Новичок

    С нами с:
    11 фев 2019
    Сообщения:
    25
    Симпатии:
    0
  12. Artur_hopf

    Artur_hopf Активный пользователь

    С нами с:
    7 май 2018
    Сообщения:
    2.266
    Симпатии:
    405
    @marinna у вас там есть кнопка обратно звонок, вот с нее все тырьте, она по центру.
     
  13. marinna

    marinna Новичок

    С нами с:
    11 фев 2019
    Сообщения:
    25
    Симпатии:
    0
    все сделали. Спасибо.
     
  14. marinna

    marinna Новичок

    С нами с:
    11 фев 2019
    Сообщения:
    25
    Симпатии:
    0
    как сделать чтоб между кнопкой и изображениями было небольшое расстояние и текст скачать презентацию был такой же как задать вопрос?
     
  15. Artur_hopf

    Artur_hopf Активный пользователь

    С нами с:
    7 май 2018
    Сообщения:
    2.266
    Симпатии:
    405
    @marinna
    HTML:
    1.  
    2. <a href="#callback" class="ask-question fb-callback" to-admin="bossisushi@gmail.com">Задать вопрос</a>
    3.  
    Правой кнопкой по любому элементу и выбрать - Посмотреть код
    Стили снизу можно будет посмотреть.
     
  16. marinna

    marinna Новичок

    С нами с:
    11 фев 2019
    Сообщения:
    25
    Симпатии:
    0
    этот код видели, но как сделать
     
  17. Artur_hopf

    Artur_hopf Активный пользователь

    С нами с:
    7 май 2018
    Сообщения:
    2.266
    Симпатии:
    405
    это
    HTML:
    1.  
    2. <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>
    3.  
    заменить на это:
    HTML:
    1.  
    2. <a href="/catalog/view/theme/default/img/franchise/iLikeSushi.pdf" class="ask-question">Скачать</a>
    3.  
    Например, может прокатит
     
  18. marinna

    marinna Новичок

    С нами с:
    11 фев 2019
    Сообщения:
    25
    Симпатии:
    0
    не прокатило
     
  19. Artur_hopf

    Artur_hopf Активный пользователь

    С нами с:
    7 май 2018
    Сообщения:
    2.266
    Симпатии:
    405
    наймите кого нибудь за символическую сумму, тут уже все разжёвано :)
     
  20. marinna

    marinna Новичок

    С нами с:
    11 фев 2019
    Сообщения:
    25
    Симпатии:
    0
    уже фрилансер один вставил код майнигга на сайт
     
  21. Artur_hopf

    Artur_hopf Активный пользователь

    С нами с:
    7 май 2018
    Сообщения:
    2.266
    Симпатии:
    405
    я не умею делать код майнинга =) если что обращайтесь )
     
  22. Sail

    Sail Старожил

    С нами с:
    1 ноя 2016
    Сообщения:
    1.591
    Симпатии:
    360
    @marinna, например, можно добавить в файл стилей:
    Код (CSS):
    1. a.view-presentation {
    2.     padding: 12px;
    3.     display: block;
    4.     text-transform: uppercase;
    5.     color: white;
    6.     background: green;
    7.     width: 190px;
    8.     text-align: center;
    9.     margin: 3rem auto;
    10.     text-decoration: none;
    11.     font-size: 18.42px;
    12.     font-family: Roboto_Light;
    13. }
    (почти копия класса ask-question)
    и в html:
    HTML:
    1. <a href="/catalog/view/theme/default/img/franchise/iLikeSushi.pdf" class="view-presentation">Скачать презентацию</a>
    вместо блока
    HTML:
    1. <div class="col-xs-12 text-center">
    2. <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...)
     
  23. marinna

    marinna Новичок

    С нами с:
    11 фев 2019
    Сообщения:
    25
    Симпатии:
    0
    Код (Text):
    1. .view-presentation {
    2.     padding: 12px;
    3.     display: block;
    4.     text-transform: uppercase;
    5.     color: white;
    6.     background: green;
    7.     width: 190px;
    8.     text-align: center;
    9.     margin: 3rem auto;
    10.     text-decoration: none;
    11.     font-size: 18.42px;
    12.     font-family: Roboto_Light;
    13. }
    14.  
    15. .view-presentation:hover, .view-presentation:active{
    16.     color: #5f5f5f;
    17.     background-color: #f2f2f2;
    18.     text-decoration: none;
    19. }
    --- Добавлено ---
    Код (Text):
    1. <div class="view-presentation">
    2.         <a href="/catalog/view/theme/default/img/franchise/iLikeSushi.pdf" class="view-presentation">Скачать презентацию</a>
    3.             </div>
     
  24. Sail

    Sail Старожил

    С нами с:
    1 ноя 2016
    Сообщения:
    1.591
    Симпатии:
    360
    С такой разметкой класс для тега <a> - лишний.
    Для цвета ссылки и других параметров надо определить стили для .view-presentation a, .view-presentation a:visited, .view-presentation:hover a {/* например */color: green;}
     
  25. marinna

    marinna Новичок

    С нами с:
    11 фев 2019
    Сообщения:
    25
    Симпатии:
    0
    нужно, чтоб кнопка зеленой и текст в ней белый. Но странно получилось как два квадрата в одной кнопке
    --- Добавлено ---
    а текст оказался розовым
    --- Добавлено ---
    [​IMG]