- Поиск на Youtube Быстрый поиск видео на Youtube.
- Фоторедактор Здесь вы можете отредактировать свои изображения перед размещением их на фотохостинге. Многофункциональный онлайн-инструментарий.
- iPleer.fm Здесь вы можете найти практически любую песню.
- Гид по сайту Тема о новых опциях на сайте с инструкциями и иллюстрациями.
- Наша беседка В этой теме можете задать любой интересующий вопрос относительно сайта и не только.
- Техподдержка В этом разделе Вы можете создать тему технического характера, связанных с компьютерами, телефонами и интернетом.
Последние темы
Любимые темы
Загрузка избранного...
Страница 1 из 1 • Поделиться
Готовые стили CSS для споллера + скрипты для него.
- Код:
dl.codebox {
background-image: url('https://i22.servimg.com/u/f22/15/52/27/82/grey10.png');
background-position: bottom;
background-repeat: repeat-x;
background-color: #fff;
margin: 0;
padding: 3px;
border: 1px inset #000;
font-size: 1em;
border-top: 1px solid #2289b2;
border-right: 1px solid #2289b2;
border-left: 2px solid #2289b2;
border-bottom: 3px solid #2289b2;
max-height: 350px
overflow:auto
}
dl.codebox dt {
text-transform: none;
border-bottom: 1px solid #417394;
margin-bottom: 3px;
font-size: 10px;
font-weight: bold;
display: block;
color: #417394;
}
blockquote dl.codebox {
margin-left: 0;
}
dl.codebox code {
overflow: auto;
display: block;
height: auto;
max-height: 300px;
white-space: normal;
padding-top: 4px;
font-size: 12px;
font-family: "Courier New";
line-height: 1.3em;
color: #4e4e4e;
margin: 2px 0;
}
Результат :
Последний раз редактировалось: Феникс (Пт 25 Ноя - 21:55), всего редактировалось 1 раз(а)
Феникс- Администратор
Посты : 1598
Очки : 6381
Возраст : 52
Откуда : Россошь
Re: Готовые стили CSS для споллера + скрипты для него.
- Код:
.codebox dt {
padding-left: 8px;
border-radius: 7px;
background-image: url(https://i17.servimg.com/u/f17/18/06/29/67/fundoc10.png);
}
dl.codebox {
background-color: rgb(255, 255, 255);
border-bottom: 1px solid rgb(201, 210, 216);
border-radius: 7px;
font-size: 1в;
padding: 0px;
}
dl.codebox {
background-color: rgb(255, 255, 255);
border: 1px solid rgb(201, 210, 216);
border-image: initial;
font-size: 1в;
обивка: 3px;
}
.codebox {
display: block;
}
dl.codebox dt {
border-bottom: none;
margin-bottom: 0px;
}
dl.codebox dt {
border-bottom: 1px solid rgb(204, 204, 204);
display: block;
font-size: 0.8 em;
font-weight: 700;
margin-bottom: 3px;
text-transform: uppercase;
}
Результат :
Феникс- Администратор
Посты : 1598
Очки : 6381
Возраст : 52
Откуда : Россошь
Re: Готовые стили CSS для споллера + скрипты для него.
- Код:
.codebox
{
background: #FCFCFC;
border: 1px solid #E3E3E3;
font-size: 11px;
line-height: 170%;
overflow: auto;
padding: 5px;
}
.codebox dd
{
background-color: transparent;
margin: .3em;
padding: .3em;
}
.codebox dt
{
border-bottom: 0;
}
.codebox.spoiler dt
{
background: #ECECEC url(http://i.imgur.com/psvFIEG.png) repeat-x 0 0;
border: 1px solid #D0D0D0;
border-radius: 2px;
box-shadow: 0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
color: #616161;
cursor: pointer;
display: inline-block;
font-size: 11px;
height: 24px;
line-height: 24px;
margin: 0 0 0 5px;
moz-border-radius: 2px;
moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
padding: 0 10px;
text-shadow: #fff 0 1px 0;
webkit-border-radius: 2px;
webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0 1px 0;
white-space: nowrap;
}
.codebox.spoiler dt:hover
{
background-color: #F8F8F8;
color: #4C4C4C;
}
.codebox.spoiler
{
background: transparent;
border: 0;
}
.codebox.spoiler dd
{
background: transparent;
}
.spoiler_content.hidden
{
background: #FCFCFC;
border: 1px dashed #E3E3E3;
padding: 5px;
}
.postmain blockquote
{
background: #FCFCFC;
border: 1px solid #E3E3E3;
color: #9F9F9F;
font-size: 12px;
margin-bottom: 5px;
padding: 10px;
}
Результат :
Феникс- Администратор
Посты : 1598
Очки : 6381
Возраст : 52
Откуда : Россошь
Скрипт замены названия споллера
На всех страницах :
Результат :
Я закомментил строку
- Код:
jQuery(document).ready(function(){
// jQuery(".codebox").prepend('<span id="spoiler_title">Spoiler</span>');
jQuery(".codebox dt").html("Развернуть");
jQuery(".codebox dt").on("click", function(){
if(jQuery(this).text()=="Развернуть"){
jQuery(this).text("Свернуть");
}else{
jQuery(this).text("Развернуть");
}
});
});
Результат :
Я закомментил строку
- Код:
// jQuery(".codebox").prepend('<span id="spoiler_title">Spoiler</span>');
Феникс- Администратор
Посты : 1598
Очки : 6381
Возраст : 52
Откуда : Россошь
Плавное открытие/сворачивание споллера.
Раньше этот скрипт был на нашем форуме поддержки, но сейчас не нахожу, как и многие другие туториалы. Кстати, на зарубежных форумах поддержки тоже удален администрацией.
Видимо потому, что он конфликтует с мобильной версией #mobile (блокирует открытие споллера), но этот нюанс решается легко: скрипт нужно поместить в конец шаблона viewtopic_body с соответствующим редактированием #template
Видимо потому, что он конфликтует с мобильной версией #mobile (блокирует открытие споллера), но этот нюанс решается легко: скрипт нужно поместить в конец шаблона viewtopic_body с соответствующим редактированием #template
- Код:
<script type="text/javascript">//<![CDATA[
$(document).ready(function(){var sp_pp=$('.spoiler_content').hide().addClass('spoiler_content_').removeClass('spoiler_content');
$('.codebox.spoiler>dt').click(function(){$(this).next().children('.spoiler_content_').slideToggle(600);return false;});});
//]]> </script>
Феникс- Администратор
Посты : 1598
Очки : 6381
Возраст : 52
Откуда : Россошь
Страница 1 из 1
URL: | |
BBCode: | |
HTML: |
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
Вт 29 Мар - 7:21 автор Nataliya
» Шаман......
Вт 29 Мар - 7:19 автор Nataliya
» [Салаты] Пять ошибок при приготовлении оливье
Ср 26 Янв - 13:20 автор Scheila
» Наша Беседка.. :)
Сб 18 Дек - 13:17 автор Феникс
» Супы из рыбы и морепродуктов
Вт 14 Дек - 22:26 автор Scheila
» Другие закуски
Вт 14 Дек - 22:25 автор Scheila
» Теперь мы есть в Telegram
Чт 26 Авг - 7:59 автор Феникс
» мои клипы.
Ср 4 Авг - 20:55 автор Nataliya
» МОМЕНТЫ ЖИЗНИ
Ср 4 Авг - 20:44 автор Nataliya