Общие вопросы по оформлению (30)

Поделиться101Вс, 13 Мар 2011 18:44:36

Автор: as.sakura.
Заслуженный
Зарегистрирован: Ср, 11 Ноя 2009
Сообщений: 290
Уважение: +5
Позитив: +55
Последний визит:
Вс, 28 Июн 2015 23:11:17

Deff
ох. спасибо! помогло.)

а как насчёт окошек с текстом?
как его добавить?

и как уменьшить расстоние вот это?

Отредактировано as.sakura. (Вс, 13 Мар 2011 18:51:42)

0

Поделиться102Вс, 13 Мар 2011 18:47:38

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51193
Уважение: +15226
Позитив: +11641
Последний визит:
Вчера 22:37:32

N'ovella
Во второе окно стиля(красное после регулировки -убираете - синим настройки

#pun-stats h2 span,.category h2 span{
color:red;
position:absolute;
margin-top:10px;
}

0

Поделиться103Вс, 13 Мар 2011 18:49:59

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51193
Уважение: +15226
Позитив: +11641
Последний визит:
Вчера 22:37:32

as.sakura. написал(а):

а как насчёт окошек с текстом?

- Обисню - но делать будете сами
1. Заготавливаем блок div необходимого размера и прописываем у него абсолютную позицию( дабы можно было смещать куды хочецо:

<div style="width:200px;height:400px;position:absolute;">
Ваш контент
</div>

2. Добавляем внутрь тега стуле два указания для смещения
margin-top: И margin-left: а также, временно добавляемуказание для рамки border:red 2px solid; ( :glasses: чтобы лучше видетькуды смещаецо блок)- после окончательного позиционирования и вставки контента указания для рамки можно удалить

Итоговая конструкция для двига будет иметь такой вид:

<div style="border:red 2px solid; margin-top:-200px; margin-left:120px; width:200px; height:400px; position:absolute;">
Ваш контент
</div>

Вставлять можно и в HTML вверх и в объявление(если оно у Вас не отключаецо не на главных страницах) будут различацо лишь величина подвижки

Скролл блок внутрь div вставите сами ( см в заказе таблиц- там эта тема и в примерах - не меряно

Отредактировано Deff (Вс, 13 Мар 2011 19:03:50)

0

Поделиться104Вс, 13 Мар 2011 18:52:05

Автор: as.sakura.
Заслуженный
Зарегистрирован: Ср, 11 Ноя 2009
Сообщений: 290
Уважение: +5
Позитив: +55
Последний визит:
Вс, 28 Июн 2015 23:11:17

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

- Обисню - но делать будете сами

это даже лучше. спасибо!

0

Поделиться105Вс, 13 Мар 2011 19:21:23

Автор: N'ovella
Стремящийся
Зарегистрирован: Пн, 8 Июн 2009
Сообщений: 4
Уважение: 0
Позитив: 0
Последний визит:
Вт, 15 Мар 2011 20:07:14

как убрать эти расстояния?

0

Поделиться106Вс, 13 Мар 2011 19:50:25

Автор: Invisible Man
Заслуженный
Зарегистрирован: Пн, 5 Апр 2010
Сообщений: 914
Уважение: -3
Позитив: +73
Пол: Мужской
Последний визит:
Вс, 11 Дек 2011 07:08:34

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

0

Поделиться107Вс, 13 Мар 2011 20:01:37

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51193
Уважение: +15226
Позитив: +11641
Последний визит:
Вчера 22:37:32

Invisible Man написал(а):

чат, как сделать такой блок???

Код:

<!--НАЧАЛО ЧАТА-->
<div style="position: fixed; bottom: 1px; right: 1px; /*opacity: 1*/; z-index: 1000;"><!--ЧАТ-->
 <div id="chat" style="display: none;">
  <table style="border: 1px solid gray; background: none repeat scroll 0% 0% rgb(0, 0, 0);" border="0" cellpadding="0" cellspacing="0" width="300">
   <tr>
    <td style="background: none repeat scroll 0% 0% rgb(0, 0, 0); text-align: center; border-top: 1px solid gray;">

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
Тут Код чата
<!-- END CBOX -->

	 <table border="0" cellpadding="1" cellspacing="1" width="100%">
	  <tr>
	   <td width="206"></td>
	  </tr>
	 </table>
	</td>
   </tr>
  </table>
 </div>
 <div onclick="$('#chat').slideToggle(2000)" style="float:right;height: 22px; width: 298px; border: 1px solid gray; background: none repeat scroll 0% 0% #793B2C; margin-top: 1px;">
  <div style="margin-top: 4px; text-align: center;">

	<img src="http://savepic.ru/2041767.jpg" border="0" height="23" width="100" style="margin-top: -5px;">

  </div>
 </div>
</div><!--Конец ЧАТА-->

+1

Поделиться108Вс, 13 Мар 2011 20:46:54

Автор: as.sakura.
Заслуженный
Зарегистрирован: Ср, 11 Ноя 2009
Сообщений: 290
Уважение: +5
Позитив: +55
Последний визит:
Вс, 28 Июн 2015 23:11:17

чёрт. беда. настраиваю полосу прокрутки. а она у меня "съедает" текст. а нужно, чтобы она вверх-вниз крутилась
вот. http://designintests.mybb.ru/

0

Поделиться109Вс, 13 Мар 2011 20:49:38

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51193
Уважение: +15226
Позитив: +11641
Последний визит:
Вчера 22:37:32

as.sakura. Добавьте padding:7px; и выставьте заново ширину-высоту блока и смещение ( они изменяюца на величину паддингов

Отредактировано Deff (Вс, 13 Мар 2011 20:52:38)

0

Поделиться110Вс, 13 Мар 2011 20:51:41

Автор: as.sakura.
Заслуженный
Зарегистрирован: Ср, 11 Ноя 2009
Сообщений: 290
Уважение: +5
Позитив: +55
Последний визит:
Вс, 28 Июн 2015 23:11:17

Deff
не помогло. :С

Отредактировано as.sakura. (Вс, 13 Мар 2011 20:56:27)

0

Поделиться111Вс, 13 Мар 2011 20:57:56

Автор: as.sakura.
Заслуженный
Зарегистрирован: Ср, 11 Ноя 2009
Сообщений: 290
Уважение: +5
Позитив: +55
Последний визит:
Вс, 28 Июн 2015 23:11:17

и как уменьшить расстояние вот это?

0

Поделиться112Вс, 13 Мар 2011 21:04:58

Автор: Grell-tyan
Заслуженный
Зарегистрирован: Вс, 1 Ноя 2009
Сообщений: 109
Уважение: 0
Позитив: +7
Последний визит:
Вт, 10 Апр 2012 16:51:27

Angel Marishka написал(а):

тут выпадающее меню, вам код именно какой таблицы из них нужен?

Выпадающее меню? Вот его самого код и нужен.

0

Поделиться113Вс, 13 Мар 2011 21:07:25

Автор: Skalet
Заслуженный
Зарегистрирован: Чт, 6 Янв 2011
Сообщений: 106
Уважение: 0
Позитив: +1
Последний визит:
Пн, 7 Ноя 2011 13:29:52

Извините пожалуйста за флуд, но я уже третий день не могу справится с банальной проблемой.
Внезапно появилась шапка mybb и она не убирается другой картинкой. Не могли бы вы сказать, куда именно мне поставить картинку, чтобы убрать стандартную mybb-шапку.
http://blea4.mybb.ru/

0

Поделиться114Вс, 13 Мар 2011 21:39:29

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

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

Не получилось. он напрочь убрал картинку (которая наверху), оставив стандартный стиль, но без той картинки mybb. Самое интересное, что я ничего не трогала в настройках, она вдруг ни с того ни с сего появилась. -_-

Поставьте, я хочу посмотреть.

0

Поделиться115Вс, 13 Мар 2011 21:44:51

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51193
Уважение: +15226
Позитив: +11641
Последний визит:
Вчера 22:37:32

as.sakura. Если ширина слова больше строки ставьте перенос искуственно

Код:

	<div style="position:absolute;text-align:center;color:#fff;border:red 2px solid; margin-top:-175px; margin-left:5px; width:150px; height:165px;  overflow:auto; overflow-x:hidden; padding:12px!important;">
<div style="position:absolute;width:133px;white-space:pre-line; border:red 2px solid;text-align:left;color:#fff;">
<center><b>Приветствуем тебя.</b></center>
<br>балбалбалбалбалбалабабалбалбалбалбалбалбала
бабалбабалбалбалбалбалба
лабабалбалбалбалбалба
лбалабабалбаsfd
балбалбалбалбалбалаба
балбалбалбалбалбалбала
бабалбабалбалбалбалбал
балабабалбалбалбалбалбалба
лабабалбаsfd
балбалбалбалбалбалабабалба
лбалбалбалбалбалабабалбабалбалбалбалбалбалабабалбалбалбалбалбалбалабабалбаsfd
балбалбалбалбалбалабабалбалбалбалбалбалбалабабалбабалбалбалбалбалбалабабалбалбалбалбалбалбалабабалбаsfd
балбалбалбалбалбалабабалбалбалбалбалбалбалабабалбабалбалбалбалбалбалабабалбалбалбалбалбалбалабабалбаsfd
балбалбалбалбалбалабабалбалбалбалбалбалбалабабалбабалбалбалбалбалбалабабалбалбалбалбалбалбалабабалбаsfd
</div></div>

0

Поделиться116Вс, 13 Мар 2011 21:48:19

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

as.sakura.
Здравствуйте.

as.sakura. написал(а):

чёрт. беда. настраиваю полосу прокрутки. а она у меня "съедает" текст. а нужно, чтобы она вверх-вниз крутиласьвот. http://designintests.mybb.ru/

Поставьте так:

Код:

<div style="border: red 2px solid; margin-top: -175px; margin-left: 5px; width: 150px; height: 165px; overflow-y: auto; position: absolute;">
 <center>
  <small>
   <i>
    <b>Приветствуем тебя.</b> <br />
	балбалбалбалбалбалбалабабал <br />
	балбалбалбалбалбалабабалбалбалбалбалбалбалабабалбалбалбал <br />
	балбалбалабабалбалбалбалбалбалбалабабалбалбал
   </i>
  </small>
 </center>
</div>

as.sakura. написал(а):

и как уменьшить расстояние вот это?

Первое окно стиля:

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
padding: 4.2em 1em;
border-style: none;
text-align: center !important;
}

Замените на 2.2.

Отредактировано rps (Вс, 13 Мар 2011 21:50:03)

0

Поделиться117Вс, 13 Мар 2011 21:48:27

Автор: Елка
Заслуженный
Зарегистрирован: Вт, 17 Мар 2009
Сообщений: 268
Уважение: +53
Позитив: +110
Последний визит:
Вт, 3 Сен 2013 22:25:41

Елка написал(а):

а возможно ли на форум вставить онлайн трансляцию телеканала?

Deff
rps
пардон за повтор, но очень жду ответа именно от вас... да, нет? нет, да?
если ответ положительный, то где об этом почитать?

0

Поделиться118Вс, 13 Мар 2011 21:48:37

Автор: Skalet
Заслуженный
Зарегистрирован: Чт, 6 Янв 2011
Сообщений: 106
Уважение: 0
Позитив: +1
Последний визит:
Пн, 7 Ноя 2011 13:29:52

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

Поставьте, я хочу посмотреть.

Странно. Сейчас убралось. Извините пожалуйста. -_-
А как можно туда поставить свою картинку?

0

Поделиться119Вс, 13 Мар 2011 21:51:39

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

Елка написал(а):

а возможно ли на форум вставить онлайн трансляцию телеканала?

Можно, если код соответствующий имеется.
Оль, тебе вообще надо писать мне в аську, а не ждать здесь...

0

Поделиться120Вс, 13 Мар 2011 21:54:30

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

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

А как можно туда поставить свою картинку?

Как-нибудь так:

Код:

#pun-title, #pun-title h1, #pun-title table {
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  width: 0 !important;
  font-size: 0 !important;
  border-style: none !important;
}
#pun-title table {
  background: url(Адрес изображения) !important;
}

0

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

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

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

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

Общие вопросы по оформлению (30)

Сообщений 101 страница 120 из 1000

Поделиться101Вс, 13 Мар 2011 18:44:36

Поделиться102Вс, 13 Мар 2011 18:47:38

Поделиться103Вс, 13 Мар 2011 18:49:59

Поделиться104Вс, 13 Мар 2011 18:52:05

Поделиться105Вс, 13 Мар 2011 19:21:23

Поделиться106Вс, 13 Мар 2011 19:50:25

Поделиться107Вс, 13 Мар 2011 20:01:37

Поделиться108Вс, 13 Мар 2011 20:46:54

Поделиться109Вс, 13 Мар 2011 20:49:38

Поделиться110Вс, 13 Мар 2011 20:51:41

Поделиться111Вс, 13 Мар 2011 20:57:56

Поделиться112Вс, 13 Мар 2011 21:04:58

Поделиться113Вс, 13 Мар 2011 21:07:25

Поделиться114Вс, 13 Мар 2011 21:39:29

Поделиться115Вс, 13 Мар 2011 21:44:51

Поделиться116Вс, 13 Мар 2011 21:48:19

Поделиться117Вс, 13 Мар 2011 21:48:27

Поделиться118Вс, 13 Мар 2011 21:48:37

Поделиться119Вс, 13 Мар 2011 21:51:39

Поделиться120Вс, 13 Мар 2011 21:54:30