Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (53)
Предыдущая тема: Общие вопросы по оформлению (52)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
добрый день, подскажите как изменить цвет ссылки в цитате при цитировании в css? чтоб он отличался от основного цвета ссылок форума.
допустим был красным
А можно, я пристроюсь к вопросу Edra? Про "бегущую строку"?
Хотелось бы иметь возможность фон бегущей строки делать градиентным или мерцающим/переливающимся.
Возможно ли это?
tiger_roman
Мне хотелось бы вот что:
То, что указано стрелками - окно "Объявление" уменьшить по вертикали. Сузить его немного. Например, на 1/3.
Но и еще, что бы была возможность изменять размер шрифта (например: 30px, 40px, 50px) и сам шрифт( например: Arial Black, Tahoma и прочее). Но и так же можно было менять цвет текста самой "бегущей" строки. (Красный, либо желтый либо что-то еще))
А если бы еще можно было бы писать курсивом или жирным шрифтом, так это было бы вообще отлично.
janyst
.post-content .quote-box a {
color: #f00;
}
Выделенное красным — цвет ссылки.
Отредактировано Reysler (Чт, 28 Авг 2014 20:19:57)
Хотелось бы иметь возможность фон бегущей строки делать градиентным или мерцающим/переливающимся.
Градиентным сделать можно. Мерцающий и переливающийся как-то плохо я его себе представляю. Сгенерировать градиентный фон можно например здесь или в любом другом, если впишите в гугле Linear Generator CSS (и подобные запросы).
Вот градиентный фон для бегающего текста (в HTML-верх или Объявление, если нужно только для объявления):
<style type="text/css">
marquee {
color: #fff; /* цвет текста */
font-size: 16px; /* размер текста */
padding: 8px; /* отступ от края *//* ниже размещаем градиентный фон */
background: #efc5ca;
/* Old Browsers */background: -moz-linear-gradient(top, #efc5ca 0%, #d24b5a 21%, #ba2737 52%, #d24b5a 76%, #f18e99 100%);
/* FF3.6+ */background: -webkit-gradient(left top, left bottom, color-stop(0%, #efc5ca), color-stop(21%, #d24b5a), color-stop(52%, #ba2737), color-stop(76%, #d24b5a), color-stop(100%, #f18e99));
/* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #efc5ca 0%, #d24b5a 21%, #ba2737 52%, #d24b5a 76%, #f18e99 100%);
/* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #efc5ca 0%, #d24b5a 21%, #ba2737 52%, #d24b5a 76%, #f18e99 100%);
/* Opera 11.10+ */background: -ms-linear-gradient(top, #efc5ca 0%, #d24b5a 21%, #ba2737 52%, #d24b5a 76%, #f18e99 100%);
/* IE 10+ */background: linear-gradient(to bottom, #efc5ca 0%, #d24b5a 21%, #ba2737 52%, #d24b5a 76%, #f18e99 100%);
/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#f18e99', GradientType=0 );
/* IE6-9 */
}
</style>
Выделенное зеленым можете заменить на другой градиентный фон, сгенерированный с помощью сервиса по ссылке выше. Выглядеть будет примерно так:
Синим выделил основные параметры для настройки стиля текста и его отступа от края.
Edra
Основную высоту у вас занимает бегущая строка. Уберите из кода объявления следующее:
<marquee scrollamount="3" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=3" width="1238px" height="35px">
Мы рады приветствовать Вас в городке LuxWooD!!!
Нам не хватало именно Вас, и мы искренне надеемся, что Вам у нас понравится.
</marquee>
Ширина не нужна. По умолчанию ширина равна ширине блока объявления, который равен ширине форума. У меня то сейчас монитор широкий, и то указанная вами ширина не влезает, создавая снизу вашего форума горизонтальную полосу прокрутки. Высоту тоже задавать не надо, она зависит от высоты текста. В сообщении выше, скопируйте код и вставьте в самом начале Объявления или в HTML-верх. Выделенное синим изменяете как вам надо (напротив каждой строчки указаны подсказки). Если не нужен градиент фона, удалите выделенное зеленым. Чтобы текст был курсивом, после последней строчки выделенной синим, вставьте такую строчку:
font-style: italic; /* текст курсивом */
и/или
font-weight: bold; /* текст полужирным */
Миндальк@
Дык, скопируйте строчку
<a href="ссылка_на_тему"><img src="http://sd.uploads.ru/e2gZS.gif" /></a>
и вставьте её в объявление 
Зеленым — ссылка на тему (или куда еще), красным — ссылка на картинку. Плиткой — не совсем понятно как организовать при таких размерах картинки, сохраняя оригинальные пропорции. Если картинки будут меньшего размера (или их ширину можно сделать меньше), то можно сделать это дублируя синюю строчку столько, сколько нужно:
<a href="ссылка_на_тему"><img src="http://findicons.com/files/icons/2806/plex_for_android/96/real_racing.png" /></a>
<a href="ссылка_на_тему"><img src="http://findicons.com/files/icons/2806/plex_for_android/96/real_racing.png" /></a>
<a href="ссылка_на_тему"><img src="http://findicons.com/files/icons/2806/plex_for_android/96/real_racing.png" /></a>
<a href="ссылка_на_тему"><img src="http://findicons.com/files/icons/2806/plex_for_android/96/real_racing.png" /></a>
Будет выглядеть примерно так:
Ребята, у меня проблема, скрипт растягивающейся рамки на аватар не работает. Почему?
http://transformersdozemli.mybb.ru/view … p=28#p1552
Reysler
Спасибо, попробую.
Гм.. С ходу не получилось.
Если есть возможность, посмотрите, пожалуйста, что не так.
Объявление было одинаковым на основном форуме и на тестовом, теперь на тестовом - то, что получилось в результате подстановки кода.
<center>
<marquee behavior="scroll" direction="left" scrollamount="2" scrolldelay="20"style="width: 70%;
background-color: #FEFF99;
color: #60D435;
font-size: 11pt;
font-weight:bold;
padding: 2px;"><div id="my_name"></div>
<script type="text/javascript">
var name = "Привет Гость"
if(typeof UserLogin != "undefined")var name = UserLogin
$('#my_name').html('<p><b><font color="#FF29CB"> <img src="http://forumupload.ru/uploads/000c/67/df/1021-1.gif"><font color="#FEFF99"></font><font color="#D3080B"> '+name+'</font>, живите долго и счастливо! <font color="#FEFF99">.</font></font></b> А как сообщает кандидатам в долгожители <font color="#CCFFFF">.</font><font color="#239CED"> ГУФ Danika,</font><font color="#FEFF99">.</font> очередная стимуляция точек цзусаньли - <font color="#FF00CC">29 августа</font> <font color="#079D08">(11:00 -- 16:00)</font><font color="#FEFF99">..</font> и <font color="#FEFF99">.</font><font color="#FF00CC">30 августа</font> <font color="#079D08">(12:10 -- 16:50) <font color="#FEFF99">..</font><img src="http://s20.rimg.info/503cd53fa933912af35035ecacebdc02.gif"></font></font></p>');
</script></marquee></center>
<style type="text/css">
marquee {
color: #fff; /* цвет текста */
font-size: 16px; /* размер текста */
padding: 8px; /* отступ от края */
/* ниже размещаем градиентный фон */
background: #efc5ca;
/* Old Browsers */background: -moz-linear-gradient(top, #efc5ca 0%, #d24b5a 21%, #ba2737 52%, #d24b5a 76%, #f18e99 100%);
/* FF3.6+ */background: -webkit-gradient(left top, left bottom, color-stop(0%, #efc5ca), color-stop(21%, #d24b5a), color-stop(52%, #ba2737), color-stop(76%, #d24b5a), color-stop(100%, #f18e99));
/* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #efc5ca 0%, #d24b5a 21%, #ba2737 52%, #d24b5a 76%, #f18e99 100%);
/* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #efc5ca 0%, #d24b5a 21%, #ba2737 52%, #d24b5a 76%, #f18e99 100%);
/* Opera 11.10+ */background: -ms-linear-gradient(top, #efc5ca 0%, #d24b5a 21%, #ba2737 52%, #d24b5a 76%, #f18e99 100%);
/* IE 10+ */background: linear-gradient(to bottom, #efc5ca 0%, #d24b5a 21%, #ba2737 52%, #d24b5a 76%, #f18e99 100%);
/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#f18e99', GradientType=0 );
/* IE6-9 */
}
</style><div id="my_name"></div>
<script type="text/javascript">
var name = "Привет Гость"
if(typeof UserLogin != "undefined")var name = UserLogin
$('#my_name').html('<p><b><font color="#FF29CB"> <img src="http://forumupload.ru/uploads/000c/67/df/1021-1.gif"><font color="#FEFF99"></font><font color="#D3080B"> '+name+'</font>, живите долго и счастливо! <font color="#FEFF99">.</font></font></b> А как сообщает кандидатам в долгожители <font color="#CCFFFF">.</font><font color="#239CED"> ГУФ Danika,</font><font color="#FEFF99">.</font> очередная стимуляция точек цзусаньли - <font color="#FF00CC">29 августа</font> <font color="#079D08">(11:00 -- 16:00)</font><font color="#FEFF99">..</font> и <font color="#FEFF99">.</font><font color="#FF00CC">30 августа</font> <font color="#079D08">(12:10 -- 16:50) <font color="#FEFF99">..</font><img src="http://s20.rimg.info/503cd53fa933912af35035ecacebdc02.gif"></font></font></p>');
</script></marquee></center>
То есть выглядит вполне прилично, но - не бегущая строка, и - почему-то нет искомого градиента.
(браузер - Макстон3, Опера9)
Отредактировано Dango (Пт, 29 Авг 2014 15:44:13)
Dango
Потеряли <marquee behavior="scroll" direction="left" scrollamount="2" scrolldelay="20">, вот
<style type="text/css">
marquee {
color: #fff; /* цвет текста */
font-size: 16px; /* размер текста */
padding: 8px; /* отступ от края */
/* ниже размещаем градиентный фон */
background: #efc5ca;
/* Old Browsers */background: -moz-linear-gradient(top, #efc5ca 0%, #d24b5a 21%, #ba2737 52%, #d24b5a 76%, #f18e99 100%);
/* FF3.6+ */background: -webkit-gradient(left top, left bottom, color-stop(0%, #efc5ca), color-stop(21%, #d24b5a), color-stop(52%, #ba2737), color-stop(76%, #d24b5a), color-stop(100%, #f18e99));
/* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #efc5ca 0%, #d24b5a 21%, #ba2737 52%, #d24b5a 76%, #f18e99 100%);
/* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #efc5ca 0%, #d24b5a 21%, #ba2737 52%, #d24b5a 76%, #f18e99 100%);
/* Opera 11.10+ */background: -ms-linear-gradient(top, #efc5ca 0%, #d24b5a 21%, #ba2737 52%, #d24b5a 76%, #f18e99 100%);
/* IE 10+ */background: linear-gradient(to bottom, #efc5ca 0%, #d24b5a 21%, #ba2737 52%, #d24b5a 76%, #f18e99 100%);
/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#f18e99', GradientType=0 );
/* IE6-9 */
}
</style><marquee behavior="scroll" direction="left" scrollamount="2" scrolldelay="20">
<div id="my_name"></div>
<script type="text/javascript">var name = "Привет Гость"
if(typeof UserLogin != "undefined")var name = UserLogin
$('#my_name').html('<p><b><font color="#FF29CB"> <img src="http://forumupload.ru/uploads/000c/67/df/1021-1.gif"><font color="#FEFF99"></font><font color="#D3080B"> '+name+'</font>, живите долго и счастливо! <font color="#FEFF99">.</font></font></b> А как сообщает кандидатам в долгожители <font color="#CCFFFF">.</font><font color="#239CED"> ГУФ Danika,</font><font color="#FEFF99">.</font> очередная стимуляция точек цзусаньли - <font color="#FF00CC">29 августа</font> <font color="#079D08">(11:00 -- 16:00)</font><font color="#FEFF99">..</font> и <font color="#FEFF99">.</font><font color="#FF00CC">30 августа</font> <font color="#079D08">(12:10 -- 16:50) <font color="#FEFF99">..</font><img src="http://s20.rimg.info/503cd53fa933912af35035ecacebdc02.gif"></font></font></p>');</script></marquee>
Всем привет
В настройках в меню "Свой стиль" имеются гигантское количество настроек.
Каждая настройка находится под пунктами А,В,С, D.
/* C6.11 */
/* C7 User list
-------------------------------------------------------------*
/* C7.2 */
/* C7.3 *//*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************//* D1 Logo and description
-------------------------------------------------------------*//* D2 Page navigation
-------------------------------------------------------------*/
/* D2.3 */
/* D2.4 */
/* D2.5 */
/* D3 Forum navigation
-------------------------------------------------------------*/
/* D3.1 */
/* D3.2 */
/* D.3 */
/* D3.4 */
/* D4 User links
-------------------------------------------------------------*/
/* D4.1 */
/* D4.2 */
/* D4.3 */
/* D4.4 */
/* D4.5 */
/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/
/* D5.1 */
/* D5.2 */
/* D5.3 */
/* D5.4 */
/* D5.5 */
/* D5.6 */
/* D6 Announcement
-------------------------------------------------------------*/
/* D6.1 */
/* D6.2 */
/* D6.3 */
/* D7 Statistics
-------------------------------------------------------------*/
/* D7.1 */
/* D7.2 */
/* D7.3 */
/* D7.4 */
/* D7.5 */
/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/
/* D8.1 */
/* D8.2 */
/* D8.3 */
/* D8.4 */
/* D8.5 */
/* D8.6 */
/* D8.7 */
/* D8.8 */
/* D8.9 */
/* D9 Help file
-------------------------------------------------------------*/
/* D9.1 */
/* D9.2 */
/* D9.3 */
/* D9.4 */
/* D9.5 */
/* D9.6 */
/* D9.7 */
/* D9.8 */
Наверняка где-нибудь имеется инструкция таблица-указатель, где расписано, какая строчка за что отвечает.
Подскажите пожалуйста ссылку на такую инструкцию ?
DmitryVodnik
Начините с этой темы: FAQ по дизайну форума в CSS
Reysler
Спасибо огромное за помощь. 
Reysler, спасибо за глубину и точность ответа, мне как раз это и нужно было..
На стартовой странице форума есть таблица форума,
в ней строка
Форум-Тем-Сообщений-Последнее сообщение
в столбцах "Тем и Сообщений" имеются цифры, которые разумеется уже, чем гигантское слово "Сообщений".
Пытаясь мухлевать в своём стиле с пунктом /С2.12/ я могу изменить величину текста и слова "Сообщений", но проблема в том, что оно меняется вместе с цифрами.
Устранение проблему путём закрашивания цветом ячейки. тоже не помогло, потому что вместе с оным закрашивается номер сообщения в теме.
Вопросы :
Как убрать вообще с глаз моих это идиотское слово "Сообщений" без затрагивания цифр ?
Как увеличить размер шрифта цифр количества сообщений ?
Форум, пусть будет этот http://azaravl.mybb.ru/ (для зарегистрированных он с боковым блоком, поэтому основная таблица форума сжата)
Отредактировано DmitryVodnik (Пт, 29 Авг 2014 19:38:53)
В пункте /C2.8/ строчка font-size: 1.2em; отвечает за величину шрифта ссылки в первом столбце.
У меня вопрос :
Как увеличить цифры во втором и третьем столбце, и уменьшить надписи "Тем-Сообщений" ?
Какую строчку написать и куда её вставлять ?
Наверное нужно /#pun-index/ сюда какой-то прописать, но я не могу сообразить какой ..
Отредактировано DmitryVodnik (Пт, 29 Авг 2014 20:51:13)
Ссылка на тестовик
Нужно, чтобы текст правой боковой панели не залезал справа за рамку, но при изменении ширины ничего не меняется. Подскажите, как изменить ширину контента правой боковой панели.
<script>function PanelToggleR(a){var b=a.attr('data'),c=a.css('margin-right');a.attr('data',c);a.stop().animate({'margin-right':b},500)}</script>
<style>
#right-panel {
top: 42px;
padding:0;
margin-right:-320px;
position:fixed;z-index:1000;
right: 0px;
}
.content-R {
width: 200px;
height: 400px;
margin-top: 45px;
margin-left: 90px;
position:absolute;
}
</style>
<div data="0" id="right-panel">
<div class="content-R">
<style>#todayRotator3 span{display:none;color:#000;font-size:14px;}</style>
<div id="todayRotator3" style="width:260px;"><!-- Ротатор произвольного контента-->
<div id="center">
<p>
<span style="width:100%;display:inline-block;text-shadow:white 2px 2px 2px" align=center><br>Сезон Зелёных Листьев.
<br>В игре сейчас <b>ночь.</b>
<br>В ночь погода лишь ухудшилась. Ливень усилился, так что даже палатку воителей Речного племени затопило. Ветер сносит многие сухие деревья на своём пути. Редкий зверь осмелится выйти из своего убежища. Небо тёмное, тучи закрывают звёзды. Температура +6°С.
</span>
<img src="http://s6.uploads.ru/t/JlYIG.png" border="0" /></p>
<p><span style="width:100%;display:inline-block;text-shadow:white 2px 2px 2px" align=center>
<br>Сезон Зелёных Листьев.
<br>В игре сейчас <b>утро.</b>
<br>Ночной ливень превратился в небольшие прерываемые дожди. Воздух пахнет влагой, а температура воздуха оставляет желать лучшего: +9-12°С. Ветер слегка приутих, но веет всё тем же неистовым холодом. Кто-то передаёт, что такая погода - лишь затишье перед большой бурей, как говорится. Над землёй витает туман; неба не видно. Дичи немного, но хватает.
</span><br><img src="http://s6.uploads.ru/t/JlYIG.png" border="0" />
</p>
<p><span style="width:100%;display:inline-block;text-shadow:white 2px 2px 2px" align=center>
<br>Сезон Зелёных Листьев.
<br>В игре сейчас <b>день.</b>
<br>Туман, который парил над землёй всё утро, быстро испарился, предоставляя жителям Земли узреть серое, усыпанное серыми безграничными облаками, небо. Временами идёт слабый дождь, прибавляя к уже имеющимся лужам немного воды. Температура всё такая же: +9-12°С.
</span><br><img src="http://s6.uploads.ru/t/JlYIG.png" border="0" />
</p>
<p><span style="width:100%;display:inline-block;text-shadow:white 2px 2px 2px" align=center>
<br>Сезон Зелёных Листьев.
<br>В игре сейчас <b>день.</b>
<br>Туман, который парил над землёй всё утро, быстро испарился, предоставляя жителям Земли узреть серое, усыпанное серыми безграничными облаками, небо. Временами идёт слабый дождь, прибавляя к уже имеющимся лужам немного воды. Температура всё такая же: +9-12°С.
</span><br><img src="http://s6.uploads.ru/t/JlYIG.png" border="0" />
</p>
<p>
<span style="width:100%;display:inline-block;text-shadow:white 2px 2px 2px" align=center>
Сезон Зелёных Листьев.
<br>В игре сейчас <b>вечер.</b>
<br>Наступила ночь полной луны - время, когда все племена собираются на острове Советов, чтобы объявить последние новости. Строжайший закон о священном перемирии действует уже испокон веков, но сегодня что-то должно измениться. Полная луна освещает котов своим ясным светом. Однако какое-то особое напряжение среди котов заставляет её время от времени закрываться небольшими тучами. Над землёй серым пластом повис туман, создавая трудности в рассматривании других котов. Такой туман пропитан сыростью, болотной влагой и опасностью.
</span><br><img src="http://s6.uploads.ru/t/ifvJS.png" border="0" />
</p>
<p><span style="width:100%;display:inline-block;text-shadow:white 2px 2px 2px" align=center>
<br>Сезон Зелёных Листьев.
<br>В игре сейчас <b>поздний вечер.</b>
<br>В последнее время на территории котов-воителей творится что-то непонятное с погодой: в ночь Совета был густой туман, а сегодня можно ощутить настоящий холод. Всему виной непрекращающийся с утра ливень и сильный морской ветер. Такая погода явно создана не для прогулок, да и поохотиться нечем: вся дичь, как назло, попряталась в свои норки. Особо суеверные будут расшифровывать подобную непогоду как знак свыше. Весь воздух пропитался ожиданием чего-то совсем ужасного и скверного. Температура +7°C.
</span><br><img src="http://s6.uploads.ru/t/JlYIG.png" border="0" />
</p>
<p>
<span style="width:100%;display:inline-block;text-shadow:white 2px 2px 2px" align=center>
<br>Сезон Зелёных Листьев.
<br>В игре сейчас <b>ночь.</b>
<br>В ночь погода лишь ухудшилась. Ливень усилился, так что даже палатку воителей Речного племени затопило. Ветер сносит многие сухие деревья на своём пути. Редкий зверь осмелится выйти из своего убежища. Небо тёмное, тучи закрывают звёзды. Температура +6°С.
</span><br><img src="http://sd.uploads.ru/wty8C.png" border="0" />
</p></div>
</div><script type="text/javascript">
var today = new Date().getTime();
a=Math.floor(today/(1000*60*60*24*1)); //1 - число реальных суток в игровом дне
var Nrout=$("#todayRotator3 p").length;
a=a-Math.floor(a/Nrout)*Nrout;
a=Math.floor(Nrout*(a)/Nrout)
RotatorMycontent3(a);
function RotatorMycontent3(i) {
$("#todayRotator3 p").hide();
$("#todayRotator3 p").eq(i).show();
}
</script>
</div>
<img id="img-left" src="http://sd.uploads.ru/lVuwe.png" alt="Нажмите" title="Выдвижная панель" onclick="PanelToggleR($('#right-panel'))"/>
</div><!-- Конец Правой Панели -->
tiger_roman
Видимо где-то в другом месте редактируете. Выделенное красным значение меняется на нужную ширину блока. В принципе, настроил оптимальную ширину. Заменит свой код на этот. Да и подложку под текстом советую сделать, ибо он на таком фоне становится практически не читаем. Выглядеть будет примерно так
<script>function PanelToggleR(a){var b=a.attr('data'),c=a.css('margin-right');a.attr('data',c);a.stop().animate({'margin-right':b},500)}</script>
<style>
#right-panel {
top: 42px;
padding:0;
margin-right:-320px;
position:fixed;z-index:1000;
right: 0px;
}
.content-R {
width: 200px;
height: 400px;
margin-top: 45px;
margin-left: 90px;
position:absolute;
}
</style>
<div data="-320px" id="right-panel" style="margin-right: 0px;">
<div class="content-R">
<style>#todayRotator3 span{display:none;color:#000;font-size:14px;}</style>
<div id="todayRotator3" style="width:260px;"><!-- Ротатор произвольного контента-->
<div id="center">
<p style="display: none;">
<span style="width:100%;display:inline-block;text-shadow:white 2px 2px 2px" align="center"><br>Сезон Зелёных Листьев.
<br>В игре сейчас <b>ночь.</b>
<br>В ночь погода лишь ухудшилась. Ливень усилился, так что даже палатку воителей Речного племени затопило. Ветер сносит многие сухие деревья на своём пути. Редкий зверь осмелится выйти из своего убежища. Небо тёмное, тучи закрывают звёзды. Температура +6°С.
</span>
<img src="http://s6.uploads.ru/t/JlYIG.png" border="0"></p>
<p style="display: block;"><span style="width: 230px;display:inline-block;text-shadow: white 1px 1px 5px;background: rgba(255,255,255,0.5);-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;" align="center">
<br>Сезон Зелёных Листьев.
<br>В игре сейчас <b>утро.</b>
<br>Ночной ливень превратился в небольшие прерываемые дожди. Воздух пахнет влагой, а температура воздуха оставляет желать лучшего: +9-12°С. Ветер слегка приутих, но веет всё тем же неистовым холодом. Кто-то передаёт, что такая погода - лишь затишье перед большой бурей, как говорится. Над землёй витает туман; неба не видно. Дичи немного, но хватает.
</span><br><img src="http://s6.uploads.ru/t/JlYIG.png" border="0">
</p>
<p style="display: none;"><span style="width:100%;display:inline-block;text-shadow:white 2px 2px 2px" align="center">
<br>Сезон Зелёных Листьев.
<br>В игре сейчас <b>день.</b>
<br>Туман, который парил над землёй всё утро, быстро испарился, предоставляя жителям Земли узреть серое, усыпанное серыми безграничными облаками, небо. Временами идёт слабый дождь, прибавляя к уже имеющимся лужам немного воды. Температура всё такая же: +9-12°С.
</span><br><img src="http://s6.uploads.ru/t/JlYIG.png" border="0">
</p>
<p style="display: none;"><span style="width:100%;display:inline-block;text-shadow:white 2px 2px 2px" align="center">
<br>Сезон Зелёных Листьев.
<br>В игре сейчас <b>день.</b>
<br>Туман, который парил над землёй всё утро, быстро испарился, предоставляя жителям Земли узреть серое, усыпанное серыми безграничными облаками, небо. Временами идёт слабый дождь, прибавляя к уже имеющимся лужам немного воды. Температура всё такая же: +9-12°С.
</span><br><img src="http://s6.uploads.ru/t/JlYIG.png" border="0">
</p>
<p style="display: none;">
<span style="width:100%;display:inline-block;text-shadow:white 2px 2px 2px" align="center">
Сезон Зелёных Листьев.
<br>В игре сейчас <b>вечер.</b>
<br>Наступила ночь полной луны - время, когда все племена собираются на острове Советов, чтобы объявить последние новости. Строжайший закон о священном перемирии действует уже испокон веков, но сегодня что-то должно измениться. Полная луна освещает котов своим ясным светом. Однако какое-то особое напряжение среди котов заставляет её время от времени закрываться небольшими тучами. Над землёй серым пластом повис туман, создавая трудности в рассматривании других котов. Такой туман пропитан сыростью, болотной влагой и опасностью.
</span><br><img src="http://s6.uploads.ru/t/ifvJS.png" border="0">
</p>
<p style="display: none;"><span style="width:100%;display:inline-block;text-shadow:white 2px 2px 2px" align="center">
<br>Сезон Зелёных Листьев.
<br>В игре сейчас <b>поздний вечер.</b>
<br>В последнее время на территории котов-воителей творится что-то непонятное с погодой: в ночь Совета был густой туман, а сегодня можно ощутить настоящий холод. Всему виной непрекращающийся с утра ливень и сильный морской ветер. Такая погода явно создана не для прогулок, да и поохотиться нечем: вся дичь, как назло, попряталась в свои норки. Особо суеверные будут расшифровывать подобную непогоду как знак свыше. Весь воздух пропитался ожиданием чего-то совсем ужасного и скверного. Температура +7°C.
</span><br><img src="http://s6.uploads.ru/t/JlYIG.png" border="0">
</p>
<p style="display: none;">
<span style="width:100%;display:inline-block;text-shadow:white 2px 2px 2px" align="center">
<br>Сезон Зелёных Листьев.
<br>В игре сейчас <b>ночь.</b>
<br>В ночь погода лишь ухудшилась. Ливень усилился, так что даже палатку воителей Речного племени затопило. Ветер сносит многие сухие деревья на своём пути. Редкий зверь осмелится выйти из своего убежища. Небо тёмное, тучи закрывают звёзды. Температура +6°С.
</span><br><img src="http://sd.uploads.ru/wty8C.png" border="0">
</p></div>
</div><script type="text/javascript">
var today = new Date().getTime();
a=Math.floor(today/(1000*60*60*24*1)); //1 - число реальных суток в игровом дне
var Nrout=$("#todayRotator3 p").length;
a=a-Math.floor(a/Nrout)*Nrout;
a=Math.floor(Nrout*(a)/Nrout)
RotatorMycontent3(a);
function RotatorMycontent3(i) {
$("#todayRotator3 p").hide();
$("#todayRotator3 p").eq(i).show();
}
</script>
</div>
<img id="img-left" src="http://sd.uploads.ru/lVuwe.png" alt="Нажмите" title="Выдвижная панель" onclick="PanelToggleR($('#right-panel'))">
</div><!-- Конец Правой Панели -->
Если подложка не нужна, удалите выделенное зеленым.
DmitryVodnik
Администрирование - Свой стиль, в самый низ первого поля вставьте следующее:
#pun-index th.tc2,
#pun-index th.tc3 {
color: transparent;
}
Этот код только закрасит слова "тем" и "сообщений" на главной странице (сделает текст невидимым).
#pun-index tr.tc2,
#pun-index tr.tc3 {
font-size: 16px
}
Выделенное красным значение - можете сменить на свое. Ставить код туда же - в самый низ первого поля.
Отредактировано Reysler (Пт, 29 Авг 2014 21:34:46)
Как увеличить цифры во втором и третьем столбце, и уменьшить надписи "Тем-Сообщений" ?
Какую строчку написать и куда её вставлять ?
Про то как увеличить цифры написал выше. Для уменьшения надписей "Тем" и "Сообщений" используйте следующий код (ставить туда же в самый низ первого поля):
#pun-index th.tc2,
#pun-index th.tc3 {
font-size: 11px;
}
Выделенное красным значение - меняйте на свое.
Спасибо. 
Но я уже нашёл другой выход
в пункте /* C2.12 */ прописываем overflow: hidden;
а в строчке padding: убираем надпись далеко вправо
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (53)
