Добрый день. Недавно зашел я на один форум <ссылка> и там разделение сообщеий пользователей картинкой (Листики такие). Не подскажете, как сделать нечто подобное, ибо очень красиво смотрится, но сколько не пробовал, никак не получится нужный результат.
Картинка между сообщениями
Сообщений 1 страница 15 из 15
Поделиться2Вт, 6 Мар 2012 18:17:34
Ares Vaider
Ссылку на форум дайте - посмотреть что у Вас там текущее
Поделиться3Вт, 6 Мар 2012 18:19:21
Не подскажете, как сделать нечто подобное, ибо очень красиво смотрится, но сколько не пробовал, никак не получится нужный результат.
попробуйте так
<style type="text/css"> .punbb .post .post-author { background: url("http://uploads.ru/i/h/B/r/hBr2y.png") no-repeat scroll center top transparent; float: left; margin-top: -1.8em; overflow: hidden; padding-top: 2em; width: 19em; } .punbb .post h3 span { -moz-background-inline-policy: continuous; background: url("http://uploads.ru/i/d/x/w/dxwWB.png") repeat-x scroll left bottom transparent; border-left-style: solid; border-left-width: 1px; display: block; margin-left: 19em; padding: 0.5em 1em; } </style>
Поделиться4Вт, 6 Мар 2012 19:07:12
Deff
http://gjjtjd.mybb.ru/ - мой пробник.
Romych
Простите, это вниз, да?
Поделиться5Вт, 6 Мар 2012 19:51:12
Простите, это вниз, да?
нет, это стиль, поэтому в html-верх
Поделиться6Вт, 6 Мар 2012 20:03:53
Ссылка - вот что получилось. Не подскажете, как отступы увеличить? А то некоторые цифры на картинке видны. И еще вопрос, если его в одной теме можно, у меня скрипт смены дизайна по клику, но почему-то когда я обновляю страницу у меня словно слетает половина диззайна, хотя ни у кого другого такого нет. Это глюк моего браузера или же и вправду так и есть?
Поделиться7Вт, 6 Мар 2012 20:13:20
Ares Vaider
Такой код - не проще ?
<style>
.punbb .post{
background: url(http://uploads.ru/i/d/x/w/dxwWB.png) repeat-x center top transparent;
padding-top:25px;
}
</style>
(*Регулировка синим
Поделиться8Вт, 6 Мар 2012 20:38:20
Deff
переключатели дизов отключились полностью...
Поделиться9Вт, 6 Мар 2012 20:43:54
Ares Vaider
Вы скрипт посеяли под кнопками и скрипт стоящий ниже кнопок должен быть перед ними - изучайте исходник
Поделиться10Вт, 6 Мар 2012 20:44:48
Замените HTML верх
<style> .punbb .post{ background: url(http://uploads.ru/i/d/x/w/dxwWB.png) repeat-x center top transparent; padding-top:25px; } </style> <style>#changeStyle img{border:solid 2px transparent;} .STYLselect {border-color:red!important;} </style> <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> <div id="changeStyle" style="top:0; left: 3px; position:fixed!important;"> <img src="http://www.10pix.ru/img1/3444/5439522.jpg" alt="http://laionec.nextmail.ru/Дизайн1.css"/> <br> <img src="http://www.10pix.ru/img1/3492/5439523.jpg" alt="https://forumstatic.ru/files/000f/07/bb/89192.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> <!-- jQuery уже подключен --> <style> #menu { margin-top: -5px; width: 150px; height: 200px; background-repeat : no-repeat;} #menu span { border:1px Black solid; text-align:left; display:block; color: none; margin: 7px 0; padding: 11px; } #submenu, #menu span { border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; Background: none; } #menu .tabactive { color: #000000; background:#bfa158; } #submenu { border:1px Black solid; padding: 3px; height: 320px; text-align: center; font-size: 12px; width: 700px; } .submenutext { display: none; height: 40px; } </style>
Низзя бездумно двигать
Отредактировано Deff (Вт, 6 Мар 2012 20:45:33)
Поделиться11Вт, 6 Мар 2012 20:46:57
Deff
Заменил. А как сделать, что бы при переходе на другую страницу дизайн не слетал?
Поделиться12Вт, 6 Мар 2012 20:52:14
Ares Vaider
Не наю - в Опере - норма
В Мозилле - Тоже
И В Ие и Гугол Хроме ... смотрите настройки в браузере
Отредактировано Deff (Вт, 6 Мар 2012 20:54:58)
Поделиться13Вт, 6 Мар 2012 20:54:47
Deff
Спасибо. очень помогли с этими ленточками)
Поделиться14Вт, 6 Мар 2012 20:56:01
Ares Vaider
В принципе - Нун Картинку сделать в нужную ширину поста , тогда можно поставить по центру без размножения
На втором дизе она зашкаливает чуть за края (Возможно стоит к каждому дизу вставить свою длину(или свою картинку) и воткнуть во второе окно каждого стиля (без тегов style
Отредактировано Deff (Вт, 6 Мар 2012 20:58:00)
Поделиться15Ср, 7 Мар 2012 11:25:53
Deff
О, а так можно? Отлично, сделаем, спасибо))
Похожие темы
Расстояние между иконкой сообщений и форумом; размер текста | Вопросы по оформлению форума | Сб, 29 Ноя 2014 |
10 сентября 2015г.: Галерея картинок в профиле | Информация сервиса | Ср, 27 Мар 2019 |
Картинка в статистике, растояние между категориями и фон для рекламы | Вопросы по оформлению форума | Вс, 4 Июн 2017 |
Обмен сообщениями | Архив | Пн, 1 Дек 2008 |
Между подфорумами | Корзина | Вс, 16 Ноя 2008 |