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

Поделиться581Ср, 29 Дек 2010 14:46:37

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

jae-
И, видимо, скрипт в ХТМЛ-верх придётся сделать таким:

<script type="text/javascript">
var myLogos = new Array('http://savepic.org/1060813.jpg', 'http://savepic.org/1062861.jpg', 'http://savepic.org/1049549.jpg','http://savepic.org/1099724.jpg','http://savepic.org/1054669.jpg','http://savepic.org/1106892.jpg');
var Idx = Math.floor(Math.random() * myLogos.length);
document.write('<img src="'+myLogos[Idx]+'" usemap=#navigation border=0 style="margin-left: -14px;">');
</script>

Отредактировано rps (Ср, 29 Дек 2010 14:47:25)

+1

Поделиться582Ср, 29 Дек 2010 14:50:05

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

Nocturnal Nox
Здравствуйте.

Nocturnal Nox написал(а):
1. на разные разделы сделать разные иконки в своем стиле?

Посмотрите здесь: Иконки для разделов и тем.

Nocturnal Nox написал(а):
2. убрать щель?http://s52.radikal.ru/i136/1012/6f/60dd1f8ad210.jpg

Без адреса форума сложно сказать, что там.

Nocturnal Nox написал(а):
3. можно ли переместить дополнительные поля над аватаркой и под ником и статусом?

Смотря куда.

0

Поделиться583Ср, 29 Дек 2010 14:58:53

Автор: Nocturnal Nox
Заслуженный
Зарегистрирован: Вт, 23 Дек 2008
Сообщений: 224
Уважение: +52
Позитив: +27
Пол: Женский
Последний визит:
Пт, 4 Дек 2015 22:01:29

rps
http://window.mybb.ru/

в смысле сами дополнительные поля(их там пять,если не ошибаюсь) запихнуть между статусом и аватаром) изменить их местоположение, вот.

0

Поделиться584Ср, 29 Дек 2010 15:06:52

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

Nocturnal Nox
Чтоб рамку убрать: найдите в первом окне стиля это:

Код:
/* C3.15 */ .punbb .post-links ul { padding: 0 1em 0 0; height: 2em; line-height: 2em; margin-left: -19em; border-top-style: dashed; border-top-width: 1px; background: transparent; text-align: right; }

И поменяйте на:

Код:
/* C3.15 */ .punbb .post-links ul { padding: 0 1em 0 0; height: 2em; line-height: 2em; margin-left: -19em; border-top-style: none; border-top-width: 0; background: transparent; text-align: right; }

Про поля я сейчас подумаю...

+1

Поделиться585Ср, 29 Дек 2010 15:13:38

Автор: Nocturnal Nox
Заслуженный
Зарегистрирован: Вт, 23 Дек 2008
Сообщений: 224
Уважение: +52
Позитив: +27
Пол: Женский
Последний визит:
Пт, 4 Дек 2015 22:01:29

rps
спасибо огромное)
в этой теме с иконками я уже была, но у меня ничерта не вышло.
в итоге пробившись около часа, получилось это

Код:

<style>
.punbb table Div.icon {float: left; display: block; width: 50px; height: 50px; border-style: none; position: relative; margin-right: 10px; }
tr#forum_f15 Div.icon, tr#forum_f15.iclosed Div.icon, tr#forum_f15.iredirect Div.icon, tr#forum_f15.inew Div.icon   {background-color : transparent; background-image: url(http://forumupload.ru/uploads/000b/7c/d0/1218-4.png);  background-repeat : no-repeat; background-position: top center;}
Div.icon {background: url(http://forumupload.ru/uploads/000b/7c/d0/1218-4.png) no-repeat;}
TR.inew Div.icon {
background: url(http://forumupload.ru/uploads/000b/7c/d0/1218-3.png) no-repeat;}
TR.isticky Div.icon {
background: url(http://forumupload.ru/uploads/000b/7c/d0/1218-1.png) no-repeat;}
TR.iclosed Div.icon {
background: url(http://forumupload.ru/uploads/000b/7c/d0/1218-2.png) no-repeat;}
TR.iredirect Div.icon {
background: url(http://forumupload.ru/uploads/000b/7c/d0/1218-2.png) no-repeat;}
</style>

но все как-то странно работает. если размножать строчки с иконками и номерами разделов, то ничего не меняется.

0

Поделиться586Ср, 29 Дек 2010 15:44:32

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

Nocturnal Nox

Поправил код для категорий (точка с запятой перед !important - лишняя

Код:

<style> 
.category h2 span{
display: none;}
#pun-category1 h2 {
background-image: url(/uploads/000b/7c/d0/1210-1-f.png) !important;
background-repeat: no-repeat; 
background-position: top center;
height:27px;} 
#pun-category2 h2 {
background-image: url(/uploads/000b/7c/d0/1111-1-f.png)!important;
background-repeat: no-repeat; 
background-position: top center;
height:27px;} 
#pun-category3 h2 {
background-image: url(/uploads/000b/7c/d0/1113-1-f.png)!important;
background-repeat: no-repeat; 
background-position: top center;
height:27px;} 
#pun-category4 h2 {
background-image: url(/uploads/000b/7c/d0/1114-1-f.png)!important;
background-repeat: no-repeat; 
background-position: top center;
height:27px;} 
#pun-category5 h2 {
background-image: url(/uploads/000b/7c/d0/1208-1-f.png)!important;
background-repeat: no-repeat; 
background-position: top center;
height:27px;} 
#pun-category6 h2 {
background-image: url(/uploads/000b/7c/d0/1207-1-f.png)!important;
background-repeat: no-repeat; 
background-position: top center;
height:27px;} 
#pun-category7 h2 {
background-image: url(/uploads/000b/7c/d0/1117-1-f.png)!important;
background-repeat: no-repeat; 
background-position: top center;
height:27px;} 
#pun-category8 h2 {
background-image: url(/uploads/000b/7c/d0/1118-1-f.png)!important;
background-repeat: no-repeat; 
background-position: top center;
height:27px;} 
#pun-category9 h2 {
background-image: url("/uploads/000b/7c/d0/1206-1-f.png" )!important;
background-repeat: no-repeat; 
background-position: top center;
height:27px;} 
</style>

Отредактировано Deff (Ср, 29 Дек 2010 18:13:12)

+1

Поделиться587Ср, 29 Дек 2010 17:05:58

Автор: Ручей
Заслуженный
Зарегистрирован: Вт, 12 Окт 2010
Сообщений: 11
Уважение: 0
Позитив: 0
Последний визит:
Чт, 15 Янв 2015 23:08:34

Deff
Огромнейшее спасибо.

0

Поделиться588Ср, 29 Дек 2010 19:56:46

Автор: Omega1431
Заслуженный
Зарегистрирован: Ср, 25 Июл 2007
Сообщений: 60
Уважение: +4
Позитив: +1
Последний визит:
Вс, 30 Янв 2011 23:41:08

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

Давайте адрес форума.

http://bleachmiraikei.mybb.ru

0

Поделиться589Ср, 29 Дек 2010 21:50:28

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

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

http://bleachmiraikei.mybb.ru

В первом окне Стиля ищем и заменяем на красное

/* D4.2 */
#pun-ulinks .container {
padding: 0.7em 1em;
text-align: center;
border: none 0 transparent;
}

Отредактировано Deff (Ср, 29 Дек 2010 21:51:12)

0

Поделиться590Ср, 29 Дек 2010 22:16:16

Автор: AtD
Заслуженный
Зарегистрирован: Пн, 16 Авг 2010
Сообщений: 20
Уважение: 0
Позитив: +1
Последний визит:
Вс, 2 Янв 2011 12:58:27

как панель навигации сделать по центру?
заранее спасибо)
http://probabysucha.mybb.ru/

0

Поделиться591Ср, 29 Дек 2010 22:27:17

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

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

как панель навигации сделать по центру?

В первом Окне стиля добавить красным

/* D3 Forum navigation
-------------------------------------------------------------*/
/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
border-style: none;
text-align:center;
border-width: 0;
margin: 0;
}

+1

Поделиться592Ср, 29 Дек 2010 22:29:44

Автор: AtD
Заслуженный
Зарегистрирован: Пн, 16 Авг 2010
Сообщений: 20
Уважение: 0
Позитив: +1
Последний визит:
Вс, 2 Янв 2011 12:58:27

Deff
благодарю)

0

Поделиться593Ср, 29 Дек 2010 23:46:53

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

Nocturnal Nox
А если так?

Код:

<style type="text/css">
.category Div.icon {
float: left; 
display: block; 
width: 55px; 
height: 50px; 
border-style: none; 
position: relative !important;
}

.category .tclcon {
padding-left: 35px;
}

#forum_f15 Div.icon, #forum_f15.iredirect Div.icon, #forum_f15.inew Div.icon {
background-image: url(http://forumupload.ru/uploads/000b/7c/d0/1218-4.png);  
background-repeat: no-repeat; 
background-position: top center;
}
</style>

Отредактировано rps (Ср, 29 Дек 2010 23:49:47)

0

Поделиться594Ср, 29 Дек 2010 23:54:07

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

Паша привет о великий Css. Подскажи как и где можно сделать так , переместить кнопки в форме ответа так как на скрине.

0

Поделиться595Чт, 30 Дек 2010 00:40:19

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

Invisible Man
Тут лучше через ЯваСкрипт делать, ибо через КСС я умаюсь подгонять и перемещать...

0

Поделиться596Чт, 30 Дек 2010 00:42:02

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

Паш попробуем если у тя есть время?
И если это не слишком проблематично сделать...

Добавлено: ммммм ждать....

Отредактировано Invisible Man (Чт, 30 Дек 2010 00:52:54)

0

Поделиться597Чт, 30 Дек 2010 00:50:13

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

Invisible Man
Если я потяну его - сделаю...

0

Поделиться598Чт, 30 Дек 2010 00:53:19

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

Invisible Man

<style>
.fs-box.hashelp table td{
border-collapse:collapse;
height:18px;
display:block;
}
#form-buttons table{
width:20px;!important;
position:absolute;
z-index:100!important;
margin-top:-47px;
margin-left:99.8%;
}
</style>

Паша подправит ( мну устал

Отредактировано Deff (Чт, 30 Дек 2010 01:49:28)

0

Поделиться599Чт, 30 Дек 2010 01:50:07

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

Deff
Ммм если я что то в этом понимаю, то невозможно их сделать в один столбик так как он будет слишком длинный, можно разделить на 2 колонки?
Добавлено: Или разделить на 2 части и вставить по бокам формы ответа...

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

укоротил

Слипаются ....

И скрипт который стоит над полем ответа, полез в поле ответа :yep: вот

Отредактировано Invisible Man (Чт, 30 Дек 2010 02:05:17)

0

Поделиться600Чт, 30 Дек 2010 01:51:21

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Вчера 20:39:23

Invisible Man укоротил

0

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

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

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

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

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

Сообщений 581 страница 600 из 1000

Поделиться581Ср, 29 Дек 2010 14:46:37

Поделиться582Ср, 29 Дек 2010 14:50:05

Поделиться583Ср, 29 Дек 2010 14:58:53

Поделиться584Ср, 29 Дек 2010 15:06:52

Поделиться585Ср, 29 Дек 2010 15:13:38

Поделиться586Ср, 29 Дек 2010 15:44:32

Поделиться587Ср, 29 Дек 2010 17:05:58

Поделиться588Ср, 29 Дек 2010 19:56:46

Поделиться589Ср, 29 Дек 2010 21:50:28

Поделиться590Ср, 29 Дек 2010 22:16:16

Поделиться591Ср, 29 Дек 2010 22:27:17

Поделиться592Ср, 29 Дек 2010 22:29:44

Поделиться593Ср, 29 Дек 2010 23:46:53

Поделиться594Ср, 29 Дек 2010 23:54:07

Поделиться595Чт, 30 Дек 2010 00:40:19

Поделиться596Чт, 30 Дек 2010 00:42:02

Поделиться597Чт, 30 Дек 2010 00:50:13

Поделиться598Чт, 30 Дек 2010 00:53:19

Поделиться599Чт, 30 Дек 2010 01:50:07

Поделиться600Чт, 30 Дек 2010 01:51:21