Перейти к содержимому



Спойлер для сайта

#1 sheldonleecooper

sheldonleecooper
  • Пользователь
  • 1 сообщений
  • Репутация: 0
0

Отправлено 09 Июль 2018 - 16:47

Всем привет. Сделал спойлер на сайте (скопировал шаблон из интернета).
Все работает, но мне нужно чтобы текст в открывающемся окне был с новой строчки (подробнее на картинках)  

 

Сейчас так.jpg

Надо так.jpg

 

 

вот коды спойлера:

 

<a href="#" class="spoiler-title"> КНОПКА СПОЙЛЕРА </a>
<div class="spoiler-content"> 
           <span class='mb-text'>макхост</br>   
ТЕКСТ
</div>
 
______________________________________________________________
 
<script type="text/javascript"> 
$(document).ready(function(){ 
$('.spoiler-title').click(function(){ 
$(this).parent().children('div.spoiler-content').toggle('fast');
return false;
});
});
</script>
 
______________________________________________________________

 

.spoiler-content{
display:none;  /**скрываем блок контента спойлера**/
padding:15px 20px; /**добавляем внутренний отступ**/
border:1px solid #ccc; /**рамка блока контента спойлера**/
margin-top:5px; /**отступ сверху**/
background:#F0F0F0; /**фон блока контента спойлера**/
}
/**Стили блока оборачивающего каждый блок**/
.spoiler-block{
 
margin-top:10px; 
text-align:center
}
/**Стили кнопки спойлера**/
.spoiler-title {
  display: inline-block;
  font-family: arial,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: rgb(68,68,68);
  text-decoration: none;
  user-select: none;
  padding: .2em 1.2em;
  outline: none;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 2px;
  background: rgb(245,245,245) linear-gradient(#f4f4f4, #f1f1f1);
  transition: all .218s ease 0s;
}

 

 

Сообщение отредактировал sheldonleecooper: 09 Июль 2018 - 16:49

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Спойлеры
  2. При клике на кнопку открывается реклама
  3. Не работает тег spoiler в DLE
  4. 10 способов украсить сайт
  5. Спойлер для DLE с запоминанием

#2 mak2make

mak2make
  • Пользователь
  • 5 сообщений
  • Репутация: 0

Отправлено 10 Июль 2018 - 18:56

Так в чём траблос? Стили для блока надо подправить. Скиньте сайт, я Вам помогу


  • 0


Оформление форума – IPBSkins.ru