Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (56)
Предыдущая тема: Общие вопросы по оформлению (55)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
бэкграундом
Я через бэкграунд пыталась даже фон картинкой сделать, так же ничего не получилось.
(Попробую
ПАСИБКИ! 
Lusiya
Скрипт уже получилсо (кстать, гораздо короче того, что у Вас), со стилем- половина тож готова
Lusiya
Скрипт уже получилсо (кстать, гораздо короче того, что у Вас), со стилем- половина тож готова
ОГО!!! КЛАССНО!!! 
Lusiya
Вроде сделал, ставьте, смотрите
Стиль:
<style>
#pun-main tr.tr-divider {
background:
url('http://savepic.ru/7612482.png') top left no-repeat,
url('http://savepic.su/5864275.png') top right no-repeat,
url('http://savepic.ru/7614530.png') bottom left no-repeat,
url('http://savepic.su/5849939.png') bottom right no-repeat;
background-color: rgb(242, 206, 159);
background-size: 2.3%;
height: 51px;
}
#pun-main tr.tr-divider > td.td-divider {
padding: 10px 21px;
background:
url('http://savepic.ru/7627842.png') 0 0 repeat-x,
url('http://savepic.su/5877587.png') 0 37px repeat-x;
background-size:2.3%;
}
#pun-main tr.tr-divider.imp > td{
color: rgb(198, 0, 86);
}
#pun-main tr.tr-divider.st > td{
color: rgb(0, 0, 255);
}
</style>
Скрипт:
<script type="text/javascript">
if($('#pun-viewforum').length) {
$('#pun-main').each(function (){
$(this).find('tr.isticky:first').before('<tr class="tr-divider imp"><td class="td-divider" colspan="4"><b>ВАЖНЫЕ ТЕМЫ</b></td></tr>');
$(this).find('tr.isticky:last').after('<tr class="tr-divider st"><td class="td-divider" colspan="4"><b>ТЕМЫ ФОРУМА</b></td></tr>');
$(this).find('tr.isticky').find('.stickytext').remove();
});
}
</script>
(* Поправил скрипт
Отредактировано Alex_63 (Ср, 22 Июл 2015 18:54:16)
Alex_63
ага. Побежала устанавливать... Отпишусь сразу же после установки 
Lusiya
Замените стиль полностью:
<style>
#pun-main tr.tr-divider {
background:
url('http://savepic.ru/7612482.png') top left no-repeat,
url('http://savepic.su/5864275.png') top right no-repeat,
url('http://savepic.ru/7614530.png') bottom left no-repeat,
url('http://savepic.su/5849939.png') bottom right no-repeat;
background-color: rgb(242, 206, 159);
background-size: 3%;
height: 51px;
}
#pun-main tr.tr-divider > td.td-divider {
padding: 10px 21px;
background:
url('http://savepic.ru/7627842.png') 0 0 repeat-x,
url('http://savepic.su/5877587.png') 0 39px repeat-x;
background-size:3%;
}
#pun-main tr.tr-divider.imp > td{
color: rgb(198, 0, 86);
}
#pun-main tr.tr-divider.st > td{
color: rgb(0, 0, 255);
}
</style>
Может, не стоит заливать эти <tr> фоном ? (Строку красным - убрать)
Отредактировано Alex_63 (Ср, 22 Июл 2015 19:02:28)
Может, не стоит заливать эти <tr> фоном ? (Строку красным - убрать)
ага, сейчас попробую...
Alex_63
Все установила. У меня нет слов благодарности... СПАСИБО!!! Снимаю шляпку:
Отредактировано Lusiya (Ср, 22 Июл 2015 19:17:15)
Alex_63
Плюсы больше не дают ставить 
Тогда, вот так: 
забыла как сделать селектор профиля шире, напомните пожалуйста
error202
Сделайте скрин, ткните стрелкой, что сделать шире
error202
Типовые Вопросы п.п.33
Для расширения цифры 17em увеличиваем
error202
Меняйте эти цифры в Первом Окне стилей (выделено красным):
/* C3.3 */
.punbb .post h3 span {
border-left: none;
padding: 0.5em 1em;
display: block;
margin-left: 19em;
}
/* C3.5 */
.punbb .post .post-author {
float: left;
width: 19.8em;
margin-top: -1.5em;
overflow: hidden;
font-weight: bold;
}
/* C3.11 */
.punbb .post-body {
margin-left: 19em;
border-left-style: none;
border-left-width: 1px;
padding: 0 0 1px 0;}
/* C3.14 */
.punbb .post-links {
margin-left: 19em;
border-left: none 0 transparent;
}
/* C3.15 */
.punbb .post-links ul {
padding: 0 1em 0 0;
height: 2em;
line-height: 2em;
margin-left: -19em;
border-top-style: solid;
border-top-color: transparent !important;
border-top-width: 1px;
background: transparent;
text-align: right;
}
Все выделенные значения должны быть одинаковыми (хотя бы примерно)
2. Во Втором Окне стилей найдите
/* Окантовка Профиля */
.post-author ul li {
margin: 0px 3px !important;
padding: 5px 8px !important;
background: #93270a;
background: url(http://s0.uploads.ru/SvVU6.png);
width: 175px;
}
Строку синим удалите
.punbb .post .post-author {
width: 19.8em;
В принципе цифра не может быть больше
/* C3.11 */
.punbb .post-body {
margin-left: 19em;
Вот наоборот - можно(но логичней делать идентичными при паддингах в .post-author слево-справо=0 или ширину меньше на сумму паддингов, если они не нулевые), а при большей ширине профиля, чем подвижка .post-body при длинной строке или цитате в сообщении, само сообщение могёт сместиться ниже профиля
Deff
Я ничего не менял - скопировал коды из Первого Окна и вставил как есть, только значения цветом выделил. Это там так было.)
Alex_63
Проверьте на текущем форуме(он оттещен годами):
.punbb .post .post-author {
float: left;
margin-top: -1.5em;
overflow: hidden;
width: 19em;
}.punbb .post-body {
border-left-style: solid;
border-left-width: 1px;
margin-left: 19em;
padding: 0px 0px 1px;
}
Проверьте на текущем форуме(он оттещен годами):
А что проверять? И так все ясно.
На своем форуме менял размеры мини-профиля, везде 19em заменил на 18em, в .post-links ul - -19em на -18em - и нет никаких проблем (http://rcmodels.0bb.ru/)
Если ширину .post-author установить больше на 1em (или более), чем margin на .post-body - сообщение сместится ниже мини-профиля = Проверено не раз - потому и написал в посте #274 - что значения нун выставлять одинаковые
Alex_63
Соррь, мну не вчитался, я думал это Вы код дали с такими цифрами
Опять я с проблемами. На этот раз проблема с отображением того, что называют обрамлением аватара. С недавних пор некоторые игроки его не видят, хотя сами части обрамления, когда я им даю ссылки на эти картинки, видят. Причем не видно то в Хроме, то в Опере. Обрамление у нас установлено в стиль. Видят его вот так
Я вижу как и должно быть, те вот так
Кэш я тоже чистила, но у меня все нормально.
И еще один косяк: слипаются свернутые категории, но опять же не у всех, а у тех, у кого косяк с аватаром
Форум http://almarein.spybb.ru/
Отредактировано Mirra Bell (Пт, 24 Июл 2015 07:39:06)
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (56)
