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

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

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

Вы здесь » Единый форум поддержки » Корзина » Обводка..

Обводка..

Страница: 1

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

1

  • Автор: VampireAlice
  • Заслуженный
  • Зарегистрирован: Пн, 7 Июн 2010
  • Сообщений: 68
  • Уважение: -1
  • Позитив: +10
  • Последний визит:
    Вт, 3 Янв 2012 14:43:41

Не знаю как объяснить.. Поэтому выкладываю скрин
http://s40.radikal.ru/i087/1006/a8/f3c0e02de814.bmp
Вот как такую обводку сделать?) Ну.. только черного цвета ^__^
Заранее сяп)

0

2

  • Автор: Shinky
  • Заслуженный
  • Shinky
  • Зарегистрирован: Пн, 15 Мар 2010
  • Сообщений: 30
  • Уважение: 0
  • Позитив: +1
  • Последний визит:
    Вс, 10 Окт 2010 12:17:44

Здрасте.:)
это называется окантовка профиля.
Вариант 1.
В htlm - верх.

Код:
<style>
#pun #pun-index #pun-announcement h2 span {display: none;}
.post-author online, .pa-adnote, .pa-from, .pa-reg, .pa-posts, .pa-reputation, .pa-sex, .pa-icq, .pa-ip, .pa-online, .pa-age, .pa-mailagent, .pa-reg, .pa-avatar, .pa-title, .pa-author, .pa-time-visit, .pa-last-visit, .pa-fld1, .pa-fld2, .pa-fld3, {
   background: #fafcfe;
   border: 1px solid #cdd6e2;
   border-bottom-width: 2px;
   border-right-width: 2px;
   margin: 3px 1px 3px 1px;
}
</style>

Вариант 2.
Верх.

Код:
<style>
.memdetails
{
   background: #fafcfe;
   border: 1px solid #cdd6e2;
   border-bottom-width: 2px;
   border-right-width: 2px;
   padding: 4px 3px 4px 3px;
   margin: 3px 1px 3px 1px;
}
</style>

Низ.

Код:
<script type="text/javascript">
var arr=document.getElementsByTagName("li")
i=0
str=document.URL
while(arr[i] ){
if((arr[i].className=="pa-author online") || (arr[i].className=="pa-author") || (arr[i].className=="pa-title") || (arr[i].className=="pa-avatar item2") || (arr[i].className=="pa-reg") || (arr[i].className=="pa-posts") || (arr[i].className=="pa-respect") || (arr[i].className=="pa-positive") || (arr[i].className=="pa-ip") || (arr[i].className=="pa-online")){
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<div class=memdetails>"+name+"</div>"
}
i++
}
</script>

Вариант 3. by Duka.

Код:
<style type="text/css">
.post-author ul li {
	text-align: center;
	padding: 2px;
	border: 1px solid #9d9d9d;
	background: #dfdfdf;
	margin: 2px;
}
.post-author ul li.pa-reg {
	border-bottom: none;
	margin-bottom: 0px;
}
.post-author ul li.pa-posts, 
.post-author ul li.pa-respect {
	border-top: none;
	border-bottom: none;
	margin-top: 0px;
	margin-bottom: 0px;
}
.post-author ul li.pa-positive {
	margin-top: 0px;
	border-top: none;
	//border-bottom: none;
}
.post-author ul li.pa-online, .post-author ul li.pa-author {
	border: #4aab42 solid 1px;
	padding: 2px;
	background: #d7e1c7;
	font-size: 11px;
}
.post-author ul li.pa-fld1 {
	border: #FF6666 solid 1px;
	padding: 2px;
	background: #FFDDDD;
	font-size: 11px;
}
</style>

0

3

  • Автор: VampireAlice
  • Заслуженный
  • Зарегистрирован: Пн, 7 Июн 2010
  • Сообщений: 68
  • Уважение: -1
  • Позитив: +10
  • Последний визит:
    Вт, 3 Янв 2012 14:43:41

Shinky
Сяпкии)) А можно сделать без фона?хД

0

4

  • Автор: Shinky
  • Заслуженный
  • Shinky
  • Зарегистрирован: Пн, 15 Мар 2010
  • Сообщений: 30
  • Уважение: 0
  • Позитив: +1
  • Последний визит:
    Вс, 10 Окт 2010 12:17:44

VampireAlice
да.

Отредактировано Shinky (Вт, 15 Июн 2010 17:59:34)

0

5

  • Автор: VampireAlice
  • Заслуженный
  • Зарегистрирован: Пн, 7 Июн 2010
  • Сообщений: 68
  • Уважение: -1
  • Позитив: +10
  • Последний визит:
    Вт, 3 Янв 2012 14:43:41

Shinky
эм..ну как? х)

0

6

  • Автор: rps
  • Стремясь к новому...
  • rps
  • Зарегистрирован: Вс, 12 Окт 2008
  • Сообщений: 22652
  • Уважение: +4738
  • Позитив: +3431
  • Пол: Мужской
  • Предупреждения: ‡ 1. 2. 3. ... 10!
  • Последний визит:
    Вс, 14 Мар 2021 21:42:57

VampireAlice
Здравствуйте.

VampireAlice написал(а):

Вот как такую обводку сделать?) Ну.. только черного цвета ^__^

Поставьте это в ХТМЛ-верх вместо всего вышепредложенного:

Код:
<style>
.punbb .post .post-author li{
border: 1px solid #000;
padding: 3px 5px !important;
margin: 2px 3px !important;
text-align: center;
}
</style>

Результат такой:

http://s49.radikal.ru/i125/1006/11/062509595203.png

0

7

  • Автор: Итака
  • Заслуженный
  • Итака
  • Зарегистрирован: Ср, 30 Июл 2008
  • Сообщений: 259
  • Уважение: +24
  • Позитив: +68
  • Пол: Женский
  • Последний визит:
    Сб, 9 Авг 2014 22:49:52

как расширить окошко? чтоб влазила аватарка шириной 180 и именно влазила, а то у меня вылазиет

0

8

  • Автор: FeroDaR
  • Redoubtable
  • FeroDaR
  • Зарегистрирован: Сб, 16 Янв 2010
  • Сообщений: 1019
  • Уважение: +123
  • Позитив: +128
  • Пол: Мужской
  • Последний визит:
    Ср, 13 Май 2015 11:37:17

Итака
Оно в некоторых браузерах влазит в некоторых нет...

0

9

  • Автор: Итака
  • Заслуженный
  • Итака
  • Зарегистрирован: Ср, 30 Июл 2008
  • Сообщений: 259
  • Уважение: +24
  • Позитив: +68
  • Пол: Женский
  • Последний визит:
    Сб, 9 Авг 2014 22:49:52

FeroDaR
ну а допустим нельзя ли добавить теда какую-то графу чтоль с кодом чтоб изменить его ширину?

0

10

  • Автор: rps
  • Стремясь к новому...
  • rps
  • Зарегистрирован: Вс, 12 Окт 2008
  • Сообщений: 22652
  • Уважение: +4738
  • Позитив: +3431
  • Пол: Мужской
  • Предупреждения: ‡ 1. 2. 3. ... 10!
  • Последний визит:
    Вс, 14 Мар 2021 21:42:57

Итака
Здравствуйте.

Итака написал(а):

как расширить окошко? чтоб влазила аватарка шириной 180 и именно влазила, а то у меня вылазиет

Используйте этот код:

<style>
.punbb .post h3 span, .punbb .post-body, .punbb .post-links {
margin-left: 21em;
}

.punbb .post .post-author{
width: 21em;
}

.punbb .post-links ul {
margin-left: -21em;
}

</style>

Выделенное значение изменяйте синхронно, обращая внимание на отрицательное значение последней величины.

+1

Страница: 1

Вы здесь » Единый форум поддержки » Корзина » Обводка..