Тестовик 5

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Тестовик 5 » Рабочее » .............

.............

Страница: 1

Сообщений 1 страница 5 из 5

1

  • Автор: Neon
  • Хозяин ВКЗ
  • Neon
  • Откуда: На сайте)
  • Зарегистрирован: 2009-12-15
  • Приглашений: 0
  • Сообщений: 436
  • Уважение: 0
  • Позитив: +1
  • Провел на форуме:
    6 дней 12 часов
  • Последний визит:
    2020-10-27 14:30:24

.............

0

2

  • Автор: Neon
  • Хозяин ВКЗ
  • Neon
  • Откуда: На сайте)
  • Зарегистрирован: 2009-12-15
  • Приглашений: 0
  • Сообщений: 436
  • Уважение: 0
  • Позитив: +1
  • Провел на форуме:
    6 дней 12 часов
  • Последний визит:
    2020-10-27 14:30:24
Код:
<script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){
myarray=new Array(
"Высший совет", "https://forumupload.ru/uploads/0010/00/23/886-2-f.png",
"Общение", "https://forumupload.ru/uploads/0010/00/23/887-1-f.png",
"Рассвет", "https://forumupload.ru/uploads/0010/00/23/887-3-f.png",
"Туман времени", "https://forumupload.ru/uploads/0010/00/23/888-2-f.png",
"Отражение зеркал", "https://forumupload.ru/uploads/0010/00/23/887-2-f.png",   
"Искажения", "https://forumupload.ru/uploads/0010/00/23/886-5-f.png",   
"Дуэли", "https://forumupload.ru/uploads/0010/00/23/886-3-f.png",
"Закат", "https://forumupload.ru/uploads/0010/00/23/886-4-f.png",
"Сведения", "https://forumupload.ru/uploads/0010/00/23/887-5-f.png",  
"Реклама", "https://forumupload.ru/uploads/0010/00/23/890-3-f.png",  
"Статистика форума", "https://forumupload.ru/uploads/0010/00/23/888-1-f.png"
//Последний элемент без запятой! 
)
$("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
"background":"url("+myarray[q+1]+") top center no-repeat",
"height":"50px",
"display":"block",
"padding":"0",
"background-color": "none",
"border-style":"none",
"width":"900px"
}
if($(this).children("span").text()==myarray[q]){
$(this).css(cssObj);
$(this).children("span").html('');
}
q++}
});
});
</script>

<style type="text/css">
.category h2 span {
visibility: hidden;
}
</style>

0

3

  • Автор: Neon
  • Хозяин ВКЗ
  • Neon
  • Откуда: На сайте)
  • Зарегистрирован: 2009-12-15
  • Приглашений: 0
  • Сообщений: 436
  • Уважение: 0
  • Позитив: +1
  • Провел на форуме:
    6 дней 12 часов
  • Последний визит:
    2020-10-27 14:30:24

Кнопки смены диза

Код:
<script type="text/javascript">
var linkStyles='<link rel="stylesheet" type="text/css" href="';
function setcookie(a,b,c) {if(c){var d = new Date();d.setDate(d.getDate()+c);}if(a && b) document.cookie = a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
function getcookie(a) {var b = new RegExp(a+'=([^;]){1,}');var c = b.exec(document.cookie);if(c) c = c[0].split('=');else return false;return c[1] ? c[1] : false;}
function clearSet(L){if(L){setcookie("changeStyle",L,30);$("link[rel='stylesheet']:first").replaceWith(linkStyles+L+'"/>')}};var Lmem=getcookie("changeStyle");clearSet(Lmem);
</script>
<style>#changeStyle img{border:solid 2px transparent;}
.STYLselect {border-color:red!important;}
</style>
<div id="changeStyle" style="top:0; left: 3px; position:fixed!important;">
<img src="http://www.10pix.ru/img1/3444/5439522.jpg" alt="https://forumstatic.ru/styles/000b/83/9b/style.1324506066.css"/>
<br> 
<img src="http://www.10pix.ru/img1/3492/5439523.jpg" alt="https://forumstatic.ru/styles/0010/00/23/style.1316628003.css"/>
<br> 
<img src="http://www.10pix.ru/img1/3492/5439523.jpg" alt="https://forumstatic.ru/styles/000b/bf/cc/style.1316027956.css"/>
<br>
</div>

<script>$("#changeStyle img[alt='"+Lmem+"']").addClass("STYLselect");$('#changeStyle img[alt]').click(function(){L=$(this).attr("alt");$('#changeStyle img[alt]').removeClass("STYLselect");$(this).addClass("STYLselect");clearSet(L)});</script>

0

4

  • Автор: Neon
  • Хозяин ВКЗ
  • Neon
  • Откуда: На сайте)
  • Зарегистрирован: 2009-12-15
  • Приглашений: 0
  • Сообщений: 436
  • Уважение: 0
  • Позитив: +1
  • Провел на форуме:
    6 дней 12 часов
  • Последний визит:
    2020-10-27 14:30:24

Дополнительные Контейнеры для HTML контента,
подключаемые только к Определенному выбираемому Стилю

(Актуально для скрипта "СМЕНА дизайна(или стиля) кнопочками" пост 889

Иногда необходимо поставить к каждому стилю свою картинку в Объявлении(или вообще сменить объявлении или заменить скрипт( к примеру: скрипт установки "Cвоя Картинка к каждой категории", или убрать-поставить: сайдбар, или Инфопанель от Duka, или слайдер, либо обрамление чего-то в рамку )

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

<script>$("#changeStyle img[alt='"+Lmem+"']").addClass("STYLselect");$('#changeStyle img[alt]').click(function(){L=$(this).attr("alt");$('#changeStyle img[alt]').removeClass("STYLselect");$(this).addClass("STYLselect");clearSet(L);window.location=document.URL.replace(/#.\d+$/img,"");});</script>

А, в том же месте, где и стоял HTML-код для нужного дизайна(html и cкрипты, кроме сss) - просто обрамляем его в выделенное жирным,
Красным - жирным - ссылка на Стиль - к которому данный кусок Вашего кода будет подключаться
(контейнеров для каждого стиля может быть несколько.

<style alt="http://forum.mybb.ru/style/Mybb_Bend/Mybb_Bend.css" class=OnlyThisStyle>/*

Тут Обрамляемый Код (*cкрипты и HTML  для стиля по ссылке Красным,)

*/</style>
<script>var L=$("link[rel='stylesheet']:first").attr('href');var V=$("style.OnlyThisStyle[alt='"+L+"']");if(V.html()!=null){var V1=V.html().replace(/^\/\*([\s\S]*)\*\//img,"$1");V.replaceWith(V1);}</script>

Ps:Контейнер не позволяет вставлять код css. Дополнительные Коды css добавляем в  конец Первого Окна стиля(если используем его), либо в конец загружаемого файла данного Стиля.

Зы2: При комбинации с дополнительным css в переключаемых стилях, дефолтный стиль часто удобно прописывать в Первом Окне стиля чисто ссылкой на внешний, загружаемый файл этого Стиля, поскольку ссылка на данный файл не меняется, в отличии от ссылок на Окна стиля...

Т.е прописываем тогда единственный Оператор в первом Окне на странице Стиля:

/*************************************************************
A - SETUP
**************************************************************/

/* A0 Import default Style
-------------------------------------------------------------*/

/* A0.1 */
  @import url(Ccылка на файл Стиля по умолчанию);

0

5

  • Автор: Neon
  • Хозяин ВКЗ
  • Neon
  • Откуда: На сайте)
  • Зарегистрирован: 2009-12-15
  • Приглашений: 0
  • Сообщений: 436
  • Уважение: 0
  • Позитив: +1
  • Провел на форуме:
    6 дней 12 часов
  • Последний визит:
    2020-10-27 14:30:24

Ёлочка -

Код:
<img src="https://forumstatic.ru/files/0007/7d/b0/16155.png" border="0" title="Happy New Year" alt="Happy New Year" class="upilession" style="cursor: move; position: absolute; top: 780px; left: 900px;"/> 
 <link rel="stylesheet" href="http://upilession.ru?https://forumstatic.ru/files/0007/7d/b0/29595.css" type="text/css" /> <script language="JavaScript" type="text/javascript" src="https://forumstatic.ru/files/0007/7d/b0/68893.js"></script>

0

Страница: 1

Вы здесь » Тестовик 5 » Рабочее » .............