Вопросы по оформлению 6

Поделиться961Вт, 24 Мар 2009 15:21:58

Автор: студентка
Заслуженный
Зарегистрирован: Сб, 7 Фев 2009
Сообщений: 3917
Уважение: +697
Позитив: +501
Последний визит:
Вс, 5 Апр 2015 20:40:38

~|СhEzzY|~

Код:

<script type="text/javascript">
var we=document.getElementsByTagName("ul")
var x=0
for (x=0; x<=(we.length-1); x++)
{if (we[x].innerHTML.indexOf("pa-online")!=-1)
{we[x].innerHTML=we[x].innerHTML.substring(0, (we[x].innerHTML.indexOf("pa-online")-11))+"<img src='Картинка он лайн' />"}
else if ((we[x].innerHTML.indexOf("pa-online")==-1)&&(we[x].innerHTML.indexOf("pa-author")!=-1))
{we[x].innerHTML=we[x].innerHTML+"<img src='Картинка оффлайн' />"}
}
</script>

+1

Поделиться962Вт, 24 Мар 2009 15:29:47

Автор: ~|СhEzzY|~
Заслуженный
Зарегистрирован: Вс, 22 Мар 2009
Сообщений: 7
Уважение: +3
Позитив: 0
Последний визит:
Пн, 6 Апр 2009 02:13:15

студентка
Cпасибо!!!

+1

Поделиться963Вт, 24 Мар 2009 17:22:17

Автор: Unlike
Заслуженный
Зарегистрирован: Пн, 2 Окт 2006
Сообщений: 30
Уважение: +10
Позитив: +1
Последний визит:
Вс, 27 Июн 2010 00:07:58

какой код нужен на прозрачность ВСЕГО кроме изобржений - аватаров, выкладываемых картинок и т.д.?

+1

Поделиться964Вт, 24 Мар 2009 17:24:47

Автор: Айpин
Cтарожил
Зарегистрирован: Чт, 6 Мар 2008
Сообщений: 1745
Уважение: +413
Позитив: +52
Пол: Женский
Последний визит:
Ср, 13 Авг 2014 12:52:12

Unlike
Никак. Покрайне мере с помощью css точно. Ибо если Вы прописываете прозрачность какого-либо элемента - то прозрачным становится и все содержимое, включая картинки и аватары.
И хватит заниматься мультипостингом.

0

Поделиться965Вт, 24 Мар 2009 17:28:47

Автор: Unlike
Заслуженный
Зарегистрирован: Пн, 2 Окт 2006
Сообщений: 30
Уважение: +10
Позитив: +1
Последний визит:
Вс, 27 Июн 2010 00:07:58

Айpин
уже заметила, извините.
а если путем установления в качестве фонового изобржения на все элементы .png файла с определенной прозрачностью?

+1

Поделиться966Вт, 24 Мар 2009 17:33:47

Автор: balzak2
Заслуженный
Зарегистрирован: Чт, 12 Мар 2009
Сообщений: 73
Уважение: +3
Позитив: +7
Пол: Мужской
Последний визит:
Пт, 27 Май 2011 22:15:51

Mooni

Код:

<script type="text/javascript">
var we=document.getElementsByTagName("ul")
var x=0
for (x=0; x<=(we.length-1); x++)
{if (we[x].innerHTML.indexOf("pa-online")!=-1)
{we[x].innerHTML=we[x].innerHTML.substring(0, (we[x].innerHTML.indexOf("pa-online")-11))+"<img src='адрес онлайн картинки' />"}
else if ((we[x].innerHTML.indexOf("pa-online")==-1)&&(we[x].innerHTML.indexOf("pa-author")!=-1))
{we[x].innerHTML=we[x].innerHTML+"<img src='адрес оффлайн картинки' />"}
}
</script>

Спасибо за помощь, но не работает!

+1

Поделиться967Вт, 24 Мар 2009 17:34:52

Автор: Айpин
Cтарожил
Зарегистрирован: Чт, 6 Мар 2008
Сообщений: 1745
Уважение: +413
Позитив: +52
Пол: Женский
Последний визит:
Ср, 13 Авг 2014 12:52:12

Unlike
Тогда аватары и картинки не заденет, поэтому определенно вариант для Вас, но тут есть один минус, что браузер IE6 некорректно работает с прозрачностью .png

0

Поделиться968Вт, 24 Мар 2009 17:36:59

Автор: Unlike
Заслуженный
Зарегистрирован: Пн, 2 Окт 2006
Сообщений: 30
Уважение: +10
Позитив: +1
Последний визит:
Вс, 27 Июн 2010 00:07:58

Айpин
вот, тогда можно попросить код, чтобы как раз установить фон на все элементы? я пыталась, но у меня упорно все не желало менять фон.

+1

Поделиться969Вт, 24 Мар 2009 17:38:41

Автор: Айpин
Cтарожил
Зарегистрирован: Чт, 6 Мар 2008
Сообщений: 1745
Уважение: +413
Позитив: +52
Пол: Женский
Последний визит:
Ср, 13 Авг 2014 12:52:12

Unlike
А картинка как, целиковая? Или бесшовная?

0

Поделиться970Вт, 24 Мар 2009 17:42:48

Автор: Unlike
Заслуженный
Зарегистрирован: Пн, 2 Окт 2006
Сообщений: 30
Уважение: +10
Позитив: +1
Последний визит:
Вс, 27 Июн 2010 00:07:58

Айpин
бесшовная, 10 на 10 пикселей

0

Поделиться971Вт, 24 Мар 2009 17:48:24

Автор: Айpин
Cтарожил
Зарегистрирован: Чт, 6 Мар 2008
Сообщений: 1745
Уважение: +413
Позитив: +52
Пол: Женский
Последний визит:
Ср, 13 Авг 2014 12:52:12

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

Код:

<style>
.punbb .container {background: url(Адрес картинки) transparent;}
</style>

0

Поделиться972Вт, 24 Мар 2009 18:00:13

Автор: Unlike
Заслуженный
Зарегистрирован: Пн, 2 Окт 2006
Сообщений: 30
Уважение: +10
Позитив: +1
Последний визит:
Вс, 27 Июн 2010 00:07:58

вообще ничего не изменилось. вот код

Код:

<style type="text/css">
.punbb .container {background: url(http://i294.photobucket.com/albums/mm103/PingvinSuka/sukaphotoshop/-4-2.png) transparent;}
HTML, BODY {background-color: #000000; background-image: url("http://s57.radikal.ru/i158/0903/55/23c506dd6c28.jpg"); background-repeat: repeat; background-attachment: fixed; background-position: top center;}
</style>

0

Поделиться973Вт, 24 Мар 2009 18:03:11

Автор: Айpин
Cтарожил
Зарегистрирован: Чт, 6 Мар 2008
Сообщений: 1745
Уважение: +413
Позитив: +52
Пол: Женский
Последний визит:
Ср, 13 Авг 2014 12:52:12

Unlike
Значит никак.

0

Поделиться974Вт, 24 Мар 2009 18:08:00

Автор: Unlike
Заслуженный
Зарегистрирован: Пн, 2 Окт 2006
Сообщений: 30
Уважение: +10
Позитив: +1
Последний визит:
Вс, 27 Июн 2010 00:07:58

что ж, спасибо(

0

Поделиться975Вт, 24 Мар 2009 18:58:52

Автор: niKkKi
Заслуженный
Зарегистрирован: Ср, 2 Апр 2008
Сообщений: 130
Уважение: +96
Позитив: +46
Пол: Женский
Последний визит:
Вс, 28 Ноя 2010 01:38:06

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

Проблема с css.
Нужно что-бы текст отмеченный на скрине был голубым (смотрите скрин) ).
Вот адрес форума- http://fggfg.3bb.ru/
А вот код css (низ)
Код:

Код:

/* CS1 Background and text colours
-------------------------------------------------------------*/

html, body {background-color: #D28CF0; background-image: url(http://s51.radikal.ru/i131/0903/29/fffc9daaed5f.bmp); background-repeat: repeat; background-attachment: fixed; background-position: top left;}

#pun {background-image: url(http://s56.radikal.ru/i154/0903/69/e0b1aa30dddc.png ); background-attachment: fixed; !important;
}

#pun-title TABLE {background-image: url(http://s43.radikal.ru/i102/0903/95/4ac3c5a4c888.jpg);
}

#pun-title h1 {
        background: url(http://s43.radikal.ru/i102/0903/95/4ac3c5a4c888.jpg) no-repeat;
} 
#pun {
        background-color : # 00FF36;
        border-color: #ffffff;
        color: # 00ff00;
}

/* CS1.1 */
.punbb .main .container,
.punbb .section .container,
.punbb .section .formal .container,
.punbb .formal fieldset,
#viewprofile li strong, #viewprofile li div,
#setmods dd,
.punbb .post-body,
.post-box,
.punbb .post-links,
.punbb-admin #pun-admain .adcontainer,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: #fbfbfb;
  color: # FFFFFF;
  }

/* CS1.2 */
#pun-ulinks .container,
#pun-crumbs2 .container,
#pun-about .container,
.punbb .post .container,
.punbb .post h3,
.punbb td.tcr {
  background-color: #fbfbfb;
  color: # FFFFFF;
  }

.punbb td.tc2, .punbb td.tc3 {
  background-color: # F8B5FD;
  color: # F8B5FD;
}

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background: url(http://s41.radikal.ru/i093/0903/34/dc97a2a52d2b.jpg) #ffffff repeat-x;
  color: # F8B5FD;
  }

/* CS1.4 */
.punbb .modmenu .container {
  background-color: #fbfbfb;
  color: # F8B5FD;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: #fbfbfb;
  color: # F465FF;
  }

/* CS1.6 */
.punbb th, #viewprofile li, #setmods dl  {
  background: url(http://s41.radikal.ru/i093/0903/34/dc97a2a52d2b.jpg) #fbfbfb repeat-x;
  color: # F465FF;
  }

.punbb .post h3 span {
        background-color: #fbfbfb;
}

.punbb .post h3 strong {
        font-size: 0.9em;
        color: # F465FF;
}

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {background: url(цитата картинка) #d7d7d7  top right no-repeat; color: #545454;}

/* CS1.8 */
#pun-navlinks .container {
        background: url(http://s41.radikal.ru/i093/0903/34/dc97a2a52d2b.jpg) #ffffff repeat-x;
        color: #ffffff;
  }
#pun-navlinks  {
  border-color: #ffffff;
  }

.offline li.pa-online strong {
  font-weight: normal;
  }

.punbb TH {
        background: url(http://i031.radikal.ru/0903/bb/74639e093af9.jpg) #ffffff repeat-x;
        color: #ffffff;
}

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: #ffffff
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #ffffff;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: #ffffff;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: #ffffff;
  }

/* CS2.5 */
.punbb th {
  border-color: #ffffff;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #ffffff #ffffff #ffffff #ffffff;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: #ffffff
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: #ffffff
  }

.punbb .divider {
  border-color: #ffffff #ffffff #ffffff #ffffff
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #ffffff;
  }

li.pa-online {
  border-left-color: #ffffff;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #238bb4;
  text-decoration: none;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #AC7AD9;
  text-decoration: none;
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #AC7AD9;
  text-decoration: underline;
  }

/* CS3.3 */
#pun-navlinks a {
  color: # AC7AD9;
  text-decoration: none
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #AC7AD9;
  text-decoration: underline;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #AC7AD9;
  color: # AC7AD9;
  }

.post h3 span a:link, .post h3 span a:visited {
        font-weight: normal;
        font-size: 0.9em;
        color: #AC7AD9;
        text-decoration: none;
}

.post h3 span a:hover {
        color: #AC7AD9;
}

/* CS4 Post status icons
 -------------------------------------------------------------*/

div.icon {
background-image : url(http://s48.radikal.ru/i121/0903/f6/bf9ff295e306.jpg);
background-repeat: no-repeat;
}

tr.inew div.icon {
background-image : url(http://s44.radikal.ru/i104/0903/c6/a6ec37810ec1.jpg);
background-repeat: no-repeat;
}

tr.iclosed div.icon {
background-image : url(http://s44.radikal.ru/i106/0903/61/6715980511f1.jpg);
background-repeat: no-repeat;
}

tr.iredirect div.icon {
background-image : url(http://s56.radikal.ru/i152/0903/b4/70fe7a1eef31.jpg);
background-repeat: no-repeat;
}

tr.isticky div.icon {
background-image : url(http://s42.radikal.ru/i096/0903/71/a37f133662ff.jpg);
background-repeat: no-repeat;height: 70px; width: 70px;
}

td.tcr a{
background: transparent url() no-repeat 0% 80%;
padding-left: 10px;
}

#pun-stats ul.container {
background: transparent url() no-repeat 3px 2px;
padding-left: 10px;
}

#pun-stats div.statscon {
background:#fbfbfb;
}

#pun-crumbs2 .container, #pun-about .container {
background:#fbfbfb top;
}

#pun-main div.catleft {
        display: none;
/*
        background: transparent url(http://s61.radikal.ru/i172/0903/b7/79f5904c8eeb.gif) 0% 0% no-repeat;
        margin: -4px 0px 0px -4px;
        float: center;
        width: 80px;
        height: 80px;
*/
}

#pun-main div.catright {
        display: none;
/*
        background: transparent url(http://s61.radikal.ru/i172/0903/b7/79f5904c8eeb.gif) 0% 0% no-repeat;
        margin: 23px 2px 0px 0px;
        float: right;
        width: 80px;
        height: 80px;
*/
}

Заранее спасибо =)

+1

Поделиться976Вт, 24 Мар 2009 19:57:31

Автор: Kiano
Заслуженный
Зарегистрирован: Сб, 14 Фев 2009
Сообщений: 71
Уважение: +11
Позитив: +4
Последний визит:
Вт, 21 Июл 2009 00:43:08

студентка написал(а):

Kiano, а вы это читали ?(про чат)

Да-да,читал:

HTML верх - чат будет отображаться поверх Шапки форума
HTML низ - чат будет отображаться под Статистикой форума
Обьявление - чат будет отображаться в Обьявлении

ТОлько так можно Чат поставить?????Может кто-то эксперементировал?????

Отредактировано Kiano (Вт, 24 Мар 2009 19:58:14)

+1

Поделиться977Вт, 24 Мар 2009 21:45:09

Автор: ЧешиРец
Заслуженный
Зарегистрирован: Вс, 4 Янв 2009
Сообщений: 238
Уважение: +251
Позитив: +323
Пол: Женский
Последний визит:
Пт, 5 Апр 2013 21:02:54

Уважаемые знатоки

Имеется стандартный стиль MYBB Plain. Требуется всего лишь заменить цвет двух строк, выделенных красным. Пожскажите, пожалуйста, CSS-код

+1

Поделиться978Вт, 24 Мар 2009 21:51:21

Автор: Mooni
Заслуженный
Зарегистрирован: Пт, 20 Мар 2009
Сообщений: 64
Уважение: +5
Позитив: -1
Пол: Женский
Последний визит:
Сб, 6 Фев 2010 13:10:41

ЧешиРец
немного непонятно на рисунке обозначено, по-подробнее

+1

Поделиться979Вт, 24 Мар 2009 22:44:45

Автор: Айpин
Cтарожил
Зарегистрирован: Чт, 6 Мар 2008
Сообщений: 1745
Уважение: +413
Позитив: +52
Пол: Женский
Последний визит:
Ср, 13 Авг 2014 12:52:12

ЧешиРец написал(а):

Требуется всего лишь заменить цвет двух строк, выделенных красным. Пожскажите, пожалуйста, CSS-код

Эти строки нарисованы на картинках, являющихся фоном элементов #pun и .punbb th, соответственно все что можно сделать с ними - убрать, вместе с фоном.

0

Поделиться980Вт, 24 Мар 2009 22:46:06

Автор: Вирона
Заслуженный
Зарегистрирован: Ср, 7 Янв 2009
Сообщений: 241
Уважение: +140
Позитив: +118
Пол: Женский
Последний визит:
Вс, 3 Ноя 2013 16:05:51

скажите, плиз, а как вставить свой фон в форму ответа? (ну или как ее правильно назвать, короче в этой штукенции в которой я сейчас пишу сообщение )

+1

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

Меню навигации

Пользовательские ссылки

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

Вопросы по оформлению 6

Сообщений 961 страница 980 из 1000

Поделиться961Вт, 24 Мар 2009 15:21:58

Поделиться962Вт, 24 Мар 2009 15:29:47

Поделиться963Вт, 24 Мар 2009 17:22:17

Поделиться964Вт, 24 Мар 2009 17:24:47

Поделиться965Вт, 24 Мар 2009 17:28:47

Поделиться966Вт, 24 Мар 2009 17:33:47

Поделиться967Вт, 24 Мар 2009 17:34:52

Поделиться968Вт, 24 Мар 2009 17:36:59

Поделиться969Вт, 24 Мар 2009 17:38:41

Поделиться970Вт, 24 Мар 2009 17:42:48

Поделиться971Вт, 24 Мар 2009 17:48:24

Поделиться972Вт, 24 Мар 2009 18:00:13

Поделиться973Вт, 24 Мар 2009 18:03:11

Поделиться974Вт, 24 Мар 2009 18:08:00

Поделиться975Вт, 24 Мар 2009 18:58:52

Поделиться976Вт, 24 Мар 2009 19:57:31

Поделиться977Вт, 24 Мар 2009 21:45:09

Поделиться978Вт, 24 Мар 2009 21:51:21

Поделиться979Вт, 24 Мар 2009 22:44:45

Поделиться980Вт, 24 Мар 2009 22:46:06