Добрый день. Недавно зашел я на один форум <ссылка> и там разделение сообщеий пользователей картинкой (Листики такие). Не подскажете, как сделать нечто подобное, ибо очень красиво смотрится, но сколько не пробовал, никак не получится нужный результат.
Картинка между сообщениями
Сообщений 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
О, а так можно? Отлично, сделаем, спасибо))