Начало
Исходник
Сообщений 1 страница 7 из 7
Поделиться22012-11-08 08:17:10
Для получения Ссылки на стиль Со Своего Тестовика:
Cтавите: Временно,на данном форуме в HTML низ, самый низ Кнопку получения Стиля
(Кнопка будет в самом низу слево
<!--Кнопка получения Стиля--> <script type="text/javascript"> var L2='',L='<p style="float:left;"><button id="lnkCss">Ccылка на сss</button></p>'; $(document).ready(function(){$("#pun-about .container").append(L); $("#lnkCss").click(function (){L=$("link[rel='stylesheet']").attr("href"); L2=L.replace(/style\.(\d*)\.css$/i,"style_cs.$1.css"); if(L2==L){L2=L.replace(/\/([^\/]*)\.css$/i,"/$1_cs.css")}; alert("Ссылка на первое Окно стиля >\n\n"+L+"\n") alert("Ссылка на Второе Окно стиля >\n\n"+L2+"\n");});}); </script>
Поделиться32012-11-08 08:19:09
В Начало HTML верх:
<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="http://forum.mybb.ru/style/Mybb_Strange_Vision/Mybb_Strange_Vision.css"/>
<br>
<img src="http://www.10pix.ru/img1/3492/5439523.jpg" alt="http://forum.mybb.ru/style/Mybb_Space/Mybb_Space.css"/>
<br>
<img src="http://www.10pix.ru/img1/3492/5439523.jpg" alt="http://forum.mybb.ru/style/Mybb_Sloven/Mybb_Sloven.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>
Пояснения:
Красным - ссылки на картинки соответствующих кнопок
Коричневым жирным - ссылки на файлы стиля для этой кнопки
Синим жирным - стиль кнопки после нажатия
Поделиться42012-11-08 08:28:46
про разности в таблицах
Вот коды с отдельными картинками и будешь обрамлять в код, как стрелки прокрутки. И вставлять туда, где они должны стоять: хтмл-верх, низ или объявление, смотря что за коды. Конкретно для таблицы в объявление, если она у тебя там стоит.
У тебя тогда получается должны идти два куска кода в обрамлении, а дальше уже один код со всем содержанием страницы.
По идее должно быть так:
<style alt="ссылка на стиль" class=OnlyThisStyle>
тот кусок, что различный от первого диза
<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>
<style alt="ссылка на стиль" class=OnlyThisStyle>
тот кусок, что различный от второго диза
<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>
А дальше уже так часть, что общая для всех, без обрамления и в одном экземпляре.
Поделиться52012-11-08 08:31:30
Вставлять в настройки в ХТМЛ-верх:
<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/0012/1f/87/style.1351180365.css"/> <br> <img src="http://www.10pix.ru/img1/3492/5439523.jpg" alt="https://forumstatic.ru/styles/0012/1c/e2/style.1351180776.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);window.location=document.URL.replace(/#.\d+$/img,"");});</script> <style alt="https://forumstatic.ru/styles/0012/1f/87/style.1351180365.css" class=OnlyThisStyle> <!-- cтрелочки -вверх вниз страницы --> <div style="position:fixed; left :1%; bottom: 45%;;"> <a href=#top onClick="scrollTo(0,0); return false;" title="Вверх"> <img src="http://s1.uploads.ru/RalFk.png" height="49px" width="49" alt="Вверх" ></a><br/> <a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз"> <img src="http://s1.uploads.ru/WVhzJ.png" height="49px" width="49" alt="Вниз" ></a> </div><!--конец cтрелочки --></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> <style alt="https://forumstatic.ru/styles/0012/1c/e2/style.1351180776.css" class=OnlyThisStyle> <!-- cтрелочки -вверх вниз страницы мыши--> <div style="position:fixed; left :1%; bottom: 45%;;"> <a href=#top onClick="scrollTo(0,0); return false;" title="Вверх"> <img src="http://s3.uploads.ru/7OVqJ.png" height="53px" width="80" alt="Вверх" ></a><br/> <a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз"> <img src="http://s3.uploads.ru/vlCxP.png" height="53px" width="80" alt="Вниз" ></a> </div><!--конец cтрелочки --></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>
ВПРОС - ОТВЕТ
- помимо этого кода, в HTML-верх могут находиться еще и другие скрипты?
- могут быть и другие.- если кроме него могут стоять и другие скрипты в HTML_верх, есть ли принципиальная значимость, куда именно его ставить, в самое начало или самый коней, или середину HTML-верх ?
- код смены диза кнопками должен всегда стоять последним(это не касается контейнеров со стрелками к примеру, они могут и ниже стоять), все что добавляешь, добавляй выше него.- если три дизайна - просто добавляю третьи стрелочки ниже, да?
- сначала в код добавляешь третью кнопку со ссылкой на нужный стиль, а потом уже третий код со стрелками прокрутки.- код лучше всего установить на том дизайне, который стоит первым в списке, так? (когда буду устанавливать на форум, сначала получу ссылку стиля для него, затем заменю её в коде)
- не столь важно, просто внимательно меняй коды, если будешь брать их с другого форума, чтобы ничего не слетело.
Поделиться62012-11-08 08:44:53
https://forumstatic.ru/styles/0012/2e/e3/style.1352338681.css
ссылки на файлы стиля для дизайна Герды
шрифт Marck Script
<div style="text-align:center; font-size: 17px; font-family: Marck Script;"><b>ТЕКСТ</b></div>