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

Поделиться1Ср, 13 Фев 2019 13:52:59

Автор: Maquis
Модератор
Зарегистрирован: Чт, 5 Ноя 2009
Сообщений: 1938
Уважение: +1962
Позитив: +1658
Предупреждения: ‡
Последний визит:
Сб, 26 Фев 2022 23:41:00

Предыдущая тема: Общие вопросы по оформлению (64)


Инструменты для поиска и редактирования стиля (скриптов).	Как с помощью браузера можно определить элемент дизайна.
Каталог скриптов/CSS	Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.
Типовые Вопросы (ЧаВо)	Ответы на часто задаваемые вопросы.
Как задавать вопросы! Разница между стилем и скриптом. ( Советы)	Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

+4

Поделиться601Вс, 24 Ноя 2019 16:01:04

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

Sportbar.mybb написал(а):

В вертикальном положении отображается без объявления. В горизонтальном - объявление есть.

Ну, можно так:

Код:

<style>
@media screen and (max-width: 1024px) {
#pun-announcement {display: none;}
}
</style>

+1

Поделиться602Вс, 24 Ноя 2019 16:31:40

Автор: Sportbar.mybb
Заслуженный
Зарегистрирован: Ср, 14 Сен 2011
Сообщений: 82
Уважение: +21
Позитив: +64
Пол: Мужской
Последний визит:
Чт, 14 Сен 2023 23:30:56

kolobdur74, да! Теперь нормально в обоих случаях отображается.

Уж простите, за назойливость. Но ничего нельзя сделать вот с этими "пустотами" по краям? Стрелочками отметил.

0

Поделиться603Вс, 24 Ноя 2019 16:33:53

Автор: Sportbar.mybb
Заслуженный
Зарегистрирован: Ср, 14 Сен 2011
Сообщений: 82
Уважение: +21
Позитив: +64
Пол: Мужской
Последний визит:
Чт, 14 Сен 2023 23:30:56

Если бы ширина форума была бы такой же, как и ширина шапки, то и "меню" разместилось бы нормально.

0

Поделиться604Вс, 24 Ноя 2019 16:35:04

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

Sportbar.mybb написал(а):

Уж простите, за назойливость. Но ничего нельзя сделать вот с этими "пустотами" по краям? Стрелочками отметил.

Замените предыдущий код на этот:

Код:

<style>
@media screen and (max-width: 1024px) {
#pun {
width: 100%;
padding: 0;
}
#pun-announcement {display: none;}
}
</style>

Отредактировано kolobdur74 (Вс, 24 Ноя 2019 16:36:12)

+1

Поделиться605Вс, 24 Ноя 2019 16:39:10

Автор: Sportbar.mybb
Заслуженный
Зарегистрирован: Ср, 14 Сен 2011
Сообщений: 82
Уважение: +21
Позитив: +64
Пол: Мужской
Последний визит:
Чт, 14 Сен 2023 23:30:56

kolobdur74, отлично! Спасибо огромное!

+1

Поделиться606Пн, 25 Ноя 2019 20:19:31

Автор: Mirra Bell
Модератор
Зарегистрирован: Чт, 3 Апр 2014
Сообщений: 2184
Уважение: +1880
Позитив: +2475
Пол: Женский
Последний визит:
Ср, 17 Апр 2024 11:16:30

Вопросов три:
1. Никак не получается вытянуть hover в названии раздела: если название достаточно длинное, ховер складывается в 2 строки (например "Оборотная сторона волшебства"). Уже и увеличивала его длину, и ставила width: auto, все равно складывается.
2. Не получается вывести последнее сообщение в форуме. На тестовом http://almtest2019.mybb.ru/ оно выводится, на рабочем http://almarein.spybb.ru/ нет при тех же параметрах. Менять margin-top пробовала, поле все равно не отображается.
3. Значок новых сообщений в форумах почему-то стал коричневого цвета, а не красного.

Подскажите плз, как это поправить?

0

Поделиться607Пн, 25 Ноя 2019 20:50:29

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Сегодня 08:45:11

Mirra Bell написал(а):

ховер складывается в 2 строки (например "Оборотная сторона волшебства"). Уже и увеличивала его длину, и ставила width: auto, все равно складывается.

#pun-index .tclcon h3>a{
display:block;
}

+2

Поделиться608Вт, 26 Ноя 2019 21:12:27

Автор: Mirra Bell
Модератор
Зарегистрирован: Чт, 3 Апр 2014
Сообщений: 2184
Уважение: +1880
Позитив: +2475
Пол: Женский
Последний визит:
Ср, 17 Апр 2024 11:16:30

Снова у меня все сломалось (( Не отображаются фон и футер, хотя с комментами в стилях сейчас все нормально. Что я навернула? http://almtest2019.mybb.ru/

0

Поделиться609Вт, 26 Ноя 2019 22:15:46

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

Mirra Bell написал(а):

Снова у меня все сломалось (( Не отображаются фон и футер, хотя с комментами в стилях сейчас все нормально. Что я навернула?

Картинку:

/*футер*/
#pun_wrap {
background-image: url("http://forumstatic.ru/files/0001/31/13/98277.png"); background-repeat: no-repeat; background-position: center

bottom;
padding-bottom: 16em;
}

Аналогично:

/*лого и фон*/
body {
background-color: transparent!important;
background-image: url(http://forumstatic.ru/files/0001/31/13/34512.jpg);
background-repeat: no-repeat;
background-position:top center;
}

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

Код:

/*футер*/
#pun_wrap {  
  background-image: url("http://forumstatic.ru/files/0001/31/13/98277.png");
  background-repeat: no-repeat; 
  background-position: center bottom;
  padding-bottom: 16em;
}

Для редактирования лучше используйте программу Notepad++

Отредактировано kolobdur74 (Вт, 26 Ноя 2019 22:20:30)

+1

Поделиться610Ср, 27 Ноя 2019 20:29:04

Автор: tartar1
поэт..
Зарегистрирован: Вс, 16 Апр 2017
Сообщений: 1684
Уважение: +203
Позитив: +1070
Последний визит:
Сегодня 06:39:07

Вставить иконку "онлайн" в таблицу последних сообщений вверху.

viewtopic.php?id=413

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

скрипт

Код:

<script src="/export.php?type=js&max=4" type="text/javascript"></script>
<script type="text/javascript">
var html00='';
var ts = '';
var mo = '';
var hh = '';
var mm = '';
var i = 0;
for(i=0;i<content.length;i++) {
ts = new Date();
ts.setTime(1000*content[i][0]);
mo = ts.getMonth()+1;
if (mo<10) mo='0'+mo;
hh = ts.getHours();
mm = ts.getMinutes()+'';
if (mm<10) mm='0'+mm;
ts = ts.getDate()+'.'+mo+' '+hh+':'+mm;
html222="</tr></tbody></table></div></center>"
html111="<h2>Последние сообщения на форуме</h2><div  class=\"container\"><table cellspacing=\"1\" width=40% style='text-align:left;'><tbody class=\"hasicon\">"
html00+='<tr><td class=\"tcll\">'+content[i][1]+'</td><td class=\"tcll\">'+ts+'<td class=\"tcll\"><a href=\"'+content[i][2]+'\" target=\"_blank\">'+content[i][3]+'</a><br /></td></tr>';
}
$("#temi").append("<br />"+html111+html00+html222)
</script>

Отредактировано tartar1 (Чт, 28 Ноя 2019 07:22:11)

0

Поделиться611Ср, 27 Ноя 2019 21:34:17

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Сегодня 08:45:11

tartar1
Замени код скрипта на такой:

Код:

<script src="/export.php?type=js&max=4" type="text/javascript"></script>
<script type="text/javascript">
$.get("/",function (data){
  var arr = [];
  $(data).find('#pun-stats li.item4 + #onlinelist.item5 a[href*="/profile.php?id="]').each(function (){
    arr.push($(this).html());
  });


var html00='';
var ts = '';
var mo = '';
var hh = '';
var mm = '';
var i = 0;
for(i=0;i<content.length;i++) {
ts = new Date();
ts.setTime(1000*content[i][0]);
mo = ts.getMonth()+1;
if (mo<10) mo='0'+mo;
hh = ts.getHours();
mm = ts.getMinutes()+'';
if (mm<10) mm='0'+mm;
ts = ts.getDate()+'.'+mo+' '+hh+':'+mm;
html222="</tr></tbody></table></div></center>"; 
if(arr.indexOf(content[i][1])!=-1)content[i][1]+= ' <img src="http://forumstatic.ru/files/0014/cc/0a/69594.png" width="11"/>';
html111="<h2>Последние сообщения на форуме</h2><div  class=\"container\"><table cellspacing=\"1\" width=40% style='text-align:left;'><tbody class=\"hasicon\">"
html00+='<tr><td class=\"tcll\">'+content[i][1]+'</td><td class=\"tcll\">'+ts+'<td class=\"tcll\"><a href=\"'+content[i][2]+'\" target=\"_blank\">'+content[i][3]+'</a><br /></td></tr>';
}

$("#temi").append("<br />"+html111+html00+html222);
});
</script>

И в HTML верх воткнуть такой код:

Код:

<style>.post-author.online .pa-title:after{
  content:"";
  display:inline-block;
  margin-left:3px;
  padding:0;
  border:6px solid #226B05;
  border-radius:50%;
}</style>

+1

Поделиться612Ср, 27 Ноя 2019 21:39:21

Автор: tartar1
поэт..
Зарегистрирован: Вс, 16 Апр 2017
Сообщений: 1684
Уважение: +203
Позитив: +1070
Последний визит:
Сегодня 06:39:07

великолепно! надо в скрипты

а вместо кружка слово? если не понравится. (кружок не всем понятен)

0

Поделиться613Ср, 27 Ноя 2019 21:43:46

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Сегодня 08:45:11

tartar1
Ничо не надо!!! Ибо скрипт не для размножения! Чтобы ставить в скрипты нун ещё полдня(ибо на коленках даёт нагрузку на сервер!)

+2

Поделиться614Ср, 27 Ноя 2019 21:44:05

Автор: tartar1
поэт..
Зарегистрирован: Вс, 16 Апр 2017
Сообщений: 1684
Уважение: +203
Позитив: +1070
Последний визит:
Сегодня 06:39:07

0

Поделиться615Ср, 27 Ноя 2019 21:46:27

Автор: tartar1
поэт..
Зарегистрирован: Вс, 16 Апр 2017
Сообщений: 1684
Уважение: +203
Позитив: +1070
Последний визит:
Сегодня 06:39:07

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

а вместо кружка слово? если не понравится

лучше и кружок и слово рядом в скобках наклонный шрифт

0

Поделиться616Ср, 27 Ноя 2019 21:47:06

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Сегодня 08:45:11

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

а вместо кружка слово? если не понравится. (кружок не всем понятен)

Можно сделать слово при наведении!!
Замени эту строку в скрипте

if(arr.indexOf(content[i][1])!=-1)content[i][1]+= ' <img src="http://forumstatic.ru/files/0014/cc/0a/69594.png" width="11"/>';

на такую:

if(arr.indexOf(content[i][1])!=-1)content[i][1]+= ' <img title="На форуме" src="http://forumstatic.ru/files/0014/cc/0a/69594.png" width="11"/>';

Ну и я бы поправил цвет онлайн кружка в теме( чоб совпадал)

<style>.post-author.online .pa-title:after{
content:"";
display:inline-block;
margin-left:3px;
padding:0;
border:6px solid #00FF01;
border-radius:50%;
}</style>

0

Поделиться617Ср, 27 Ноя 2019 21:50:57

Автор: tartar1
поэт..
Зарегистрирован: Вс, 16 Апр 2017
Сообщений: 1684
Уважение: +203
Позитив: +1070
Последний визит:
Сегодня 06:39:07

Deff
~~в теме не нужно! нужно кружок и слово рядом.~~ сделал сам

я понял, убрал из верха

благодарность наша не знает границ...

вообще нужная функция,если в темах особенно
а на главной- для украшения

Отредактировано tartar1 (Ср, 27 Ноя 2019 22:06:07)

0

Поделиться618Пт, 29 Ноя 2019 13:03:04

Автор: Mirra Bell
Модератор
Зарегистрирован: Чт, 3 Апр 2014
Сообщений: 2184
Уважение: +1880
Позитив: +2475
Пол: Женский
Последний визит:
Ср, 17 Апр 2024 11:16:30

Снова я со своей головной болью: в Мозилле форум отображается так, как отображался в хроме после залития кривого стиля и битых картинок. Но уже давно все восстановили, а там он по-прежнему отображается как на скрине № 1

http://almarein.spybb.ru/

Как сдвинуть название анкеты влево? Уже поставила padding: 22px 100px 22px 0px !important; и все равно не двигается.

А это здесь http://almtest2019.mybb.ru/viewtopic.php?id=2#p9

Отредактировано Mirra Bell (Пт, 29 Ноя 2019 13:04:16)

0

Поделиться619Пт, 29 Ноя 2019 16:25:37

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

Mirra Bell написал(а):

Снова я со своей головной болью: в Мозилле форум отображается так, как отображался в хроме после залития кривого стиля и битых картинок. Но уже давно все восстановили, а там он по-прежнему отображается как на скрине № 1

Похоже, что Мозилла закешировал на собственных серверах:

Ссылка старая, я поставил браузер с нуля, у меня точно не было кеша вашего форума на Мозилле.. Попробуйте заменить ваш код на:

Код:

body {
  background: url(http://forumstatic.ru/files/0001/31/13/70666.jpg) no-repeat top center transparent; 
}

Если Мозилла все равно будет показывать старый код, то напишите в их техподдержку от лица вебразработчика..

+1

Поделиться620Пт, 29 Ноя 2019 16:32:51

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

Mirra Bell написал(а):

Как сдвинуть название анкеты влево? Уже поставила padding: 22px 100px 22px 0px !important; и все равно не двигается.

Жуть... По сути никак.. Оберните ссылку в див, на него всё оформление, а ссылку двигайте в нужное место внутри этого дива, а иначе ей двигаться некуда - она у вас вообще за пределы минипрофиля выходит, куда ей двигаться? Либо на .pa-fld4 поставьте оформление и внутри него двигайте ссылку..

На счет имортантов, вы их часто применяете, почитайте: Правила приоритетов в CSS Имортант на Майбб стоит применять когда нужно перебить стиль от сервиса, или стиль внутри НТМЛ (тоже от сервиса), во всех остальных случаях, если вы применяете импортант, и по другому не перебивается, значит что-то вы сделали неправильно..

Отредактировано kolobdur74 (Пт, 29 Ноя 2019 16:37:53)

+1

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

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

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

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

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

Сообщений 601 страница 620 из 2001

Поделиться1Ср, 13 Фев 2019 13:52:59

Поделиться601Вс, 24 Ноя 2019 16:01:04

Поделиться602Вс, 24 Ноя 2019 16:31:40

Поделиться603Вс, 24 Ноя 2019 16:33:53

Поделиться604Вс, 24 Ноя 2019 16:35:04

Поделиться605Вс, 24 Ноя 2019 16:39:10

Поделиться606Пн, 25 Ноя 2019 20:19:31

Поделиться607Пн, 25 Ноя 2019 20:50:29

Поделиться608Вт, 26 Ноя 2019 21:12:27

Поделиться609Вт, 26 Ноя 2019 22:15:46

Поделиться610Ср, 27 Ноя 2019 20:29:04

Поделиться611Ср, 27 Ноя 2019 21:34:17

Поделиться612Ср, 27 Ноя 2019 21:39:21

Поделиться613Ср, 27 Ноя 2019 21:43:46

Поделиться614Ср, 27 Ноя 2019 21:44:05

Поделиться615Ср, 27 Ноя 2019 21:46:27

Поделиться616Ср, 27 Ноя 2019 21:47:06

Поделиться617Ср, 27 Ноя 2019 21:50:57

Поделиться618Пт, 29 Ноя 2019 13:03:04

Поделиться619Пт, 29 Ноя 2019 16:25:37

Поделиться620Пт, 29 Ноя 2019 16:32:51