Забыл добавить! А также без всяких Ctrl+ и Ctrl- :)))))
В этом случае поможет Гарри Поттер…
А вообще свой, пользовательский, стиль в браузер суете и приоритет приподнимаете с помощью !important
Кажись не дождусь внятного профессионального ответа!…бывает что в темах уже встроены бываю такие фишки, я их себе на сайт копирую и естественно под дизайн довожу, ну вот и подумал может есть у кого либо в теме встроенное либо у кого более простой способ организации есть!
Модератор
Юрій
(@yube)
Ну, у меня есть, так Вам же надо «без всяких», а я слишком ленив, чтобы не использовать jQuery.
Юрий если можно скиньте пожалуйста мне ваш вариант на емеил a_sultanoff собака mail.ru Буду очень признателен!
Модератор
Юрій
(@yube)
Звыняйте, но с mail.ru не хочу связываться, у нас с ней взаимная неприязнь 🙂
Код найдете в плагине, а его модификацию, лишенную излишней плагинной универсальности, зато подогнанную по месту,- на сайте http://times.kharkov.ua/ (в постах, разумеется).
ЮрийВаш плагин мне не понравился…вот я нашел и подогнал под свои нужды…еще конечно не совсем…но работает лучше…настройки сохраняются в куки…
<div class=»entry»> тут начинается вывод статьи в single.php
дальше вставляем такой вот блок
<p id=»font-resize»>
A A+ A++
</p>
<?php the_content(‘Читать полностью…’); ?>
</div> тут заканчивается вывод статьи в single.php
в header.php добавляем
<script type=»text/javascript» src=»<?php bloginfo(‘template_url’); ?>/js/fontResizer.js» ></script>
сам fontResizer.js
$(document).ready(function(){
$("#default").click(function(event){
event.preventDefault();
$(".entry").css("font-size","10px");
$("div#right li,div#appendix li").css("background-position","0px 5px");
$(".info-icon").css("background-position","0px 4px");
$.cookie("reload","10px");
});
$("#larger").click(function(event){
event.preventDefault();
$(".entry").css("font-size","12px");
$("div#right li,div#appendix li").css("background-position","0px 7px");
$(".info-icon").css("background-position","0px 6px");
$.cookie("reload","12px");
});
$("#largest").click(function(event){
event.preventDefault();
$(".entry").css("font-size","14px");
$("div#right li,div#appendix li").css("background-position","0px 7px");
$(".info-icon").css("background-position","0px 7px");
$.cookie("reload","14px");
});
// Cookie
var reload = $.cookie("reload");
// Calling cookie
if(reload == "10px") {
$(".entry").css("font-size","10px");
$("div#right li,div#appendix li").css("background-position","0px 5px");
$(".info-icon").css("background-position","0px 4px");
};
if(reload == "12px") {
$(".entry").css("font-size","12px");
$("div#right li,div#appendix li").css("background-position","0px 7px");
$(".info-icon").css("background-position","0px 6px");
};
if(reload == "14px") {
$(".entry").css("font-size","14px");
$("div#right li,div#appendix li").css("background-position","0px 7px");
$(".info-icon").css("background-position","0px 7px");
};
});
тут есть некая доделка моя…так как у меня выводимая статья находится в <div class=»entry»> то и в fontResizer.js вы везьде увидите .entry если у вас статья заключена в скажем <div class=»statya»> вам нужно поменять .entry соответственно на .statya Всем спасибо что так безразлично мне помогли!
Помарочка вышла со вставкой вот правильный блок
<p id="font-resize">
<a id="default" href="#">A </a><a id="larger" href="#">A+ </a><a id="largest" href="#">A++</a>
</p>
