• Страница 1 из 1
  • 1
Модератор форума: Yuri_G  
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Кнопка переключения дизайна. (Как организовать такую кнопку у себя на сайте?)
Кнопка переключения дизайна.
Татуированый
Сообщений: 545
Репутация: 115

Сообщение # 1 | 11:01:00
Подскажите кнопочку или пример кнопки.
Знаю что стоят 2 и более стилей CSS и идет между ними переключение. Но как это сделать не догадываюсь.
Копаться в чьих то шаблонах нет времени и желания smile

Armenian_King
Сообщений: 50
Репутация: 17

Сообщение # 2 | 12:19:26
Вот, на основе примера из интернета:

Код
<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 type="text/css">  
            #changeStyle img{border:solid 2px transparent;}  
            .STYLselect {border-color:red!important;}  
</style>  

<div id="changeStyle" style="top: 177px; left: 3px; position:fixed!important;">  
            <img src="Ссылка на картинку №1" alt="Ссылка на первоначальный CSS"/>         
            <br>          
            <img src="Ссылка на картинку №2" alt="Ссылка на новый CSS"/>        
            <br>          
            <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>


У себя проверил, всё работает.

Если мой пост окажется для Вас полезным, то не поленитесь поставить "+" в репутацию.
Сообщение отредактировал Armenian_King - Пятница, 08 Фев 2013, 12:26:20
Татуированый
Сообщений: 545
Репутация: 115

Сообщение # 3 | 15:48:56
Спасибо. Все работает. На второй сайт уже прилепил)
Осталось только дизайнов новых наделать smile

evergrey
Сообщений: 47
Репутация: 1

Сообщение # 4 | 20:16:07
Привет, народ!
А как сделать 2 дизайна сайта и оперативно между ними переключаться?
Видел такое в и-нете...
Miss_Esq
Сообщений: 13864
Репутация: 4159
Уровень замечаний:

Сообщение # 5 | 20:27:34
evergrey,
Цитата
2 дизайна сайта
Разных совершенно ? или просто разные по цвету и картинкам ? если второе то как спрашивали выше через CSS

evergrey
Сообщений: 47
Репутация: 1

Сообщение # 6 | 22:14:49
Через CSS все понятно, а нужно чтобы совершенно разные...
Татуированый
Сообщений: 545
Репутация: 115

Сообщение # 7 | 22:31:55
evergrey, ну так сделай совершенно разные.
К 1 кнопке прикрепляешь 1.css
К 2 кнопке прикрепляешь 2.css
Через стили накуралесь себе там как угодно. И будут тебе
Цитата evergrey ()
совершенно разные...
Или я чего-то не понял, что именно ты хочешь?

Добавлено (22 Фев 2014, 22:31:55)
---------------------------------------------
И если я не ошибаюсь, то этот код без Cookie


evergrey
Сообщений: 47
Репутация: 1

Сообщение # 8 | 22:40:42
Татуированный, да мне не нужны кнопки на сайте, я хочу сам, как админ, в нужный момент переключать дизайн.
Вот как-то так...
Татуированый
Сообщений: 545
Репутация: 115

Сообщение # 9 | 22:57:21
evergrey, Ну а кто тебе мешает сделать так:
Вот к примеру ссылка на твой основной CSS - /_st/my.css"
В него добавляешь 2 строки.

@import '/css/1.css'; - первый дизайн
@import '/css/2.css'; - второй дизайн

Один из не нужных на данный момент просто закомментировать. Захотел поменять на второй дизайн, закомментировал первый.

evergrey
Сообщений: 47
Репутация: 1

Сообщение # 10 | 23:14:19
Татуированный, спасибо, решение хорошее, но только через CSS не получится, т.к. дизайны радикально разные.
А через панель управления никак?
Татуированый
Сообщений: 545
Репутация: 115

Сообщение # 11 | 23:20:00
evergrey, Если радикально вообще прям чтоб разные были. Тогда, одним CSS не отделаешься.
Сделай еще каркас для конструктора шаблонов. Потом просто жмешь сохранить каркас. Когда нужно переключаешься между каркасами и CSS.

Добавлено (22 Фев 2014, 23:20:00)
---------------------------------------------
А в каркасах просто добавляешь строчку
<! ----------------------------------- ШАБЛОН 1 ----------------------------------->
и так далее для других шаблонов. Чтоб не теряться между ними. Другого варианта я не знаю.


evergrey
Сообщений: 47
Репутация: 1

Сообщение # 12 | 23:28:23
Татуированный, спасибо, буду пробовать!
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Кнопка переключения дизайна. (Как организовать такую кнопку у себя на сайте?)
  • Страница 1 из 1
  • 1
Поиск: