Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Корзина » Картинка между сообщениями


Картинка между сообщениями

Сообщений 1 страница 15 из 15

1

Добрый день. Недавно зашел я на один форум <ссылка> и там разделение сообщеий пользователей картинкой (Листики такие). Не подскажете, как сделать нечто подобное, ибо очень красиво смотрится, но сколько не пробовал, никак не получится нужный результат.

0

2

Ares Vaider
Ссылку на форум дайте - посмотреть что у Вас там текущее

0

3

Ares Vaider написал(а):

Не подскажете, как сделать нечто подобное, ибо очень красиво смотрится, но сколько не пробовал, никак не получится нужный результат.

попробуйте так

Код:
<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>

0

4

Deff
http://gjjtjd.mybb.ru/ - мой пробник.
Romych
Простите, это вниз, да?

0

5

Ares Vaider написал(а):

Простите, это вниз, да?

нет, это стиль, поэтому в html-верх

0

6

Ссылка - вот что получилось. Не подскажете, как отступы увеличить? А то некоторые цифры на картинке видны. И еще вопрос, если его в одной теме можно, у меня скрипт смены дизайна по клику, но почему-то когда я обновляю страницу у меня словно слетает половина диззайна, хотя ни у кого другого такого нет. Это глюк моего браузера или же и вправду так и есть?

0

7

Ares Vaider
:glasses:
Такой код - не проще ?

<style>
.punbb .post{
    background: url(http://uploads.ru/i/d/x/w/dxwWB.png) repeat-x center top transparent;
    padding-top:25px;
}
</style>

(*Регулировка синим

0

8

Deff
переключатели дизов отключились полностью...

0

9

Ares Vaider
Вы скрипт посеяли под кнопками и скрипт стоящий ниже кнопок должен быть перед ними - изучайте исходник

0

10

Замените 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)

0

11

Deff
Заменил. А как сделать, что бы при переходе на другую страницу дизайн не слетал?

0

12

Ares Vaider
Не наю - в Опере - норма

В Мозилле - Тоже

И В Ие и Гугол Хроме ... смотрите настройки в браузере

Отредактировано Deff (Вт, 6 Мар 2012 20:54:58)

0

13

Deff
Спасибо. очень помогли с этими ленточками)

0

14

Ares Vaider
В принципе - Нун Картинку сделать в нужную ширину поста , тогда можно поставить по центру без размножения

На втором дизе она зашкаливает чуть за края (Возможно стоит к каждому дизу вставить свою длину(или свою картинку) и воткнуть во второе окно каждого стиля (без тегов style

Отредактировано Deff (Вт, 6 Мар 2012 20:58:00)

0

15

Deff
О, а так можно? Отлично, сделаем, спасибо))

0


Вы здесь » Единый форум поддержки » Корзина » Картинка между сообщениями