Помощь! (Открыть новую функцию «страница» в HTML)

  • Автор темы death_error
  • 38
  • Обновлено
  • 12, May 2024
  • #1
Здравствуйте друзья,

Это мой сайт: yuzon.com

Когда я нажимаю на иконки, в разделе "10 BAŞLIK", например, открывается новая штука типа окна (это не совсем новая страница, я не знаю, как она называется).

Я хочу, чтобы при нажатии кнопки «FELSEFEMIZ» в «YUZON NEDIR?» раздел, откроется такая же страница.

Где эта функция в коде? Или это не так просто? ФУНКЦИЯ «ОТКРЫТЬ НОВУЮ СТРАНИЦУ» находится где-то здесь:
 <!-- Start about section -->

<section id="about">

<div class="container">

<div class="row">

<div class="col-md-12">

<div class="about-area">

<div class="row">

<div class="col-md-5 col-sm-6 col-xs-12">

<div class="about-left wow fadeInLeft">

<img src="resources/images/ab-img.jpg" alt="изображение">

</div>

</div>

<div class="col-md-7 col-sm-6 col-xs-12">

<div class="about-right wow fadeInRight">

<div class="title-area">

<h2 class="tittle"><span>YUZON</span> HAKKINDA </h2>

<span class="tittle-line"></span>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus turpis eu erat fermentum, eget posuere tellus elementum. Fusce quam nibh, luctus eget sem vel, porttitor maximus neque.</p>

<p>Proin ut libero purus.

Sed sem ex, mattis nec aliquam ut, tincidunt sagittis justo.

Nunc consequat faucibus ipsum, eu ultrices mauris molestie vel.

Proin tristique purus ante, at tempus odio aliquam vel.

Aenean laoreet est enim, ac lobortis nunc aliquet eget.

Nulla vel lacinia ante.</p>

<div class="about-btn-area">

<a href="#" class="button button-custom" data-text="FELSEFEMİZ"><span>FELSEFEMİZ</span></a> </div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<div class="row">

<div class="col-md-12">

<!-- Start welcome area -->

<!-- End welcome area -->

</div>

</div>

</div>

</section>

<!-- End about section -->
HTML: И ЭТО КОД РАЗДЕЛА «ЮЗОН НЕДИР». --> Куда мне добавить приведенный выше код?

 <li class="col-md-2 col-half-offset col-sm-6 mb-50"> <div class="single-service single-service-ranimalfriends"> <span><img src="./resources/images/10cm_normal_ouranimalfriends.png" width="90px" height="90px"/></span> <h4 class="service-title">Sokak hayvanları</h4> <p>At vero eos et accusa mus odio in dignissimos ducimus qui anditiis the tatum</p> <!-- from responsive--> <div class="single-item-content"> <div class="portfolio-social-icon"> <!-- <a class="view-btn" href="#"><i class="fa fa-search-plus"></i></a> --> </div> <div class="portfolio-detail"> <a href="#" class="modal-close-btn"><span class="fa fa-times"></span></a> <div class="clearfix"> <h2>Project Title</h2> <img src="resources/images/pb3.jpg" alt="изображение-3" class="pull-right"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.



Aenean elementum nec ipsum vel malesuada.

Maecenas ac congue et cursus tortor lectus ut nibh.

Etiam malesuada vehicula elit venenatis vehicula.

Ut bibendum libero eget eros pulvinar, in efficitur mi imperdiet.

Etiam ut velit dui.

Integer eget lacus eu turpis ornare interdum.

Donec ut nisl sem.

Aenean scelerisque sagittis eros, vel gravida felis posuere et. </p> </div> </div> </div> <!-- to responsive--> </div> </li>
HTML: СПАСИБО!! Румата

death_error


Рег
23 Nov, 2015

Тем
1

Постов
3

Баллов
13
  • 18, May 2024
  • #2
На самом деле то, что вы ищете, называется «модальным диалогом» — в привязке к классу «modal-close» даже есть намек на это.



Хотя с этим крушением поезда, который у вас есть, в сочетании с бесконечным бессмысленным DIV ни за что, бесконечными бессмысленными классами ни за что и множеством других «ни за что», удваивающих или даже утрояющих код, делая его далеко не доступным, я НАСТОЯТЕЛЬНО рекомендую выбросить весь этот беспорядок в мусорное ведро и начать все сначала.

Или, по крайней мере, я бы предположил, что с asshattery вот так:

 <div class="col-md-5 col-sm-6 col-xs-12">
Код (разметка): Что он по колено в дерьме.

Смех обусловлен природой этих модальных окон в современном HTML.

Я даже не уверен, что вам стоит тратить время на JavaScript для этого, ну, если только кнопка закрытия не будет выполнять window.back() вместо href="#"
 

prodoves


Рег
16 Apr, 2013

Тем
0

Постов
2

Баллов
2
  • 29, May 2024
  • #3
Большое спасибо за подробный ответ! Я немного разочарован. Я подумал, что просто скопирую что-нибудь куда-нибудь, и откроется новая страница. Я посмотрю, что можно сделать с помощью опции window.back(). Еще раз спасибо!
 

ziclop


Рег
01 Dec, 2012

Тем
4

Постов
16

Баллов
56
  • 09, Jun 2024
  • #4
Мне кажется, это эффект лайтбокса. Скорее всего, дело не только в HTML/CSS, возможно, здесь задействован и JS. (Хотя, если они знают, что делают, это можно сделать и без JavaScript).
 

teaser-click


Рег
15 May, 2015

Тем
1

Постов
3

Баллов
13
Тем
49554
Комментарии
57426
Опыт
552966

Интересно