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

Поделиться1Сб, 5 Апр 2014 15:43:50

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

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


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

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

+3

Поделиться181Чт, 15 Май 2014 00:21:05

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

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

Благо, с наградами я разобралась. А вот с этим "EVIDENCE" - никак.
Возможно, Вы знаете что-нибудь про этот скрипт? Или хотя бы какой-нибудь аналог?

Такой раньше не встречал..А вы не пробовали у админа этого форума попросить скрипт?

0

Поделиться182Чт, 15 Май 2014 10:59:03

Автор: Алиен
Заслуженный
Зарегистрирован: Пн, 28 Май 2012
Сообщений: 12
Уважение: +1
Позитив: 0
Последний визит:
Пн, 20 Июл 2015 22:02:33

Mota_Wolfen
не видя проблемы в глаза - ничем не могу помочь)

0

Поделиться183Чт, 15 Май 2014 22:34:50

Автор: Murakami
Стремящийся
Зарегистрирован: Пн, 12 Май 2014
Сообщений: 3
Уважение: 0
Позитив: 0
Пол: Женский
Последний визит:
Вс, 25 Май 2014 22:30:27

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

Такой раньше не встречал..А вы не пробовали у админа этого форума попросить скрипт?

Ну всё равно - спасибо. Во всяком случае, Вы мне очень помогли. Возможно когда-нибудь.. с.

0

Поделиться184Чт, 15 Май 2014 23:09:22

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

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

Ну всё равно - спасибо. Во всяком случае, Вы мне очень помогли. Возможно когда-нибудь.. с.

Просто не хочется тырить без спросу скрипт - многие админы форумов в этом плане щепетильные..

0

Поделиться185Пт, 16 Май 2014 20:48:01

Автор: вандерви
Стремящийся
Зарегистрирован: Пн, 21 Апр 2014
Сообщений: 2
Уважение: 0
Позитив: 0
Последний визит:
Сб, 18 Окт 2014 21:03:25

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

Отредактировано вандерви (Пт, 16 Май 2014 23:41:33)

0

Поделиться186Пт, 16 Май 2014 21:57:49

Автор: ganibal
Заслуженный
Зарегистрирован: Ср, 10 Фев 2010
Сообщений: 734
Уважение: +14
Позитив: +46
Пол: Мужской
Последний визит:
Сб, 30 Май 2015 00:33:58

Всем Здрасть.

Подскажите скрипт - как убрать "дату и время" внутри сообщения. Что бы никто не видел когда и во сколько оно написано.

Отредактировано ganibal (Пт, 16 Май 2014 22:01:28)

0

Поделиться187Вс, 18 Май 2014 08:23:05

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

ganibal, здравствуйте.

<style type="text/css">
#pun-viewtopic .post h3 a {visibility: hidden;}
</style>

0

Поделиться188Вс, 18 Май 2014 08:49:45

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

Трансформероман написал(а):

1. Можно ли сделать так, чтобы рамка автоматически подстраивалась под размер аватара?

Вариант растягивающейся рамки на Аватар (Deff), если я правильно понял суть вопроса.

Трансформероман написал(а):

2. Картинку, которую я поставил с помощью первого кода, видно, если быстро прокручивать форум вверх-вниз. А так она на заднем плане заводского стиля. Как это исправить?

Скажите, а она где должна располагаться? Вместо стандартной шапки, или на заднем плане?..

Трансформероман написал(а):

3. Как сделать меню быстрого доступа? (Примеры здесь и здесь)

Что вы подразумеваете под меню быстрого доступа? Сделайте скриншот, обведите красной линией или укажите стрелками?

0

Поделиться189Вс, 18 Май 2014 11:50:42

Автор: Reysler
LastMan
Зарегистрирован: Вт, 9 Дек 2008
Сообщений: 3556
Уважение: +2310
Позитив: +743
Пол: Мужской
Последний визит:
Пт, 15 Ноя 2024 11:14:46

Rion Leonheart написал(а):

#pun-viewtopic .post h3 a {visibility: hidden;}

Не советую использовать visibility: hidden. Он оставляет за элементом пространство (размеры и место), которое может понадобится для вставки, например, другого элемента. Вместо него лучше использовать display: none

Отредактировано Reysler (Вс, 18 Май 2014 11:52:11)

0

Telegram @reysler

Поделиться190Вс, 18 Май 2014 12:28:11

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

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

Подскажите скрипт - как убрать "дату и время" внутри сообщения. Что бы никто не видел когда и во сколько оно написано.

Rion Leonheart написал(а):

<style type="text/css">
#pun-viewtopic .post h3 a {visibility: hidden;}
</style>

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

Не советую использовать visibility: hidden. Он оставляет за элементом пространство (размеры и место), которое может понадобится для вставки, например, другого элемента. Вместо него лучше использовать display: none

Просто убрать дату время - это так же убрать ссылку на пост, которая привязана к дате/время..Если ссылка нужна, то можно просто заменить дату/время скажем на текст "Ссылка на пост", вот вариант (ставить в НТМЛ низ):

Код:

<script type="text/javascript">
$('.post .permalink').text('Ссылка на пост');
</script>

0

Поделиться191Вс, 18 Май 2014 12:40:08

Автор: Reysler
LastMan
Зарегистрирован: Вт, 9 Дек 2008
Сообщений: 3556
Уважение: +2310
Позитив: +743
Пол: Мужской
Последний визит:
Пт, 15 Ноя 2024 11:14:46

kolobdur74
Точно, я и забыл. Надо бы это в FAQ разместить :yep:

0

Telegram @reysler

Поделиться192Вс, 18 Май 2014 12:47:00

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7390
Уважение: +5876
Позитив: +6482
Пол: Мужской
Последний визит:
Чт, 21 Ноя 2024 21:12:40

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

Точно, я и забыл. Надо бы это в FAQ разместить

Добавил в тему: Типовые Вопросы (ЧаВо)

0

Поделиться193Вс, 18 Май 2014 14:58:30

Автор: Leonheart
Заслуженный
Зарегистрирован: Пн, 8 Авг 2011
Сообщений: 1664
Уважение: +408
Позитив: +189
Пол: Мужской
Последний визит:
Пн, 14 Янв 2019 12:47:55

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

которое может понадобится для вставки, например, другого элемента.

На том же уровне с данной ссылкой располагается номер поста.. смысл категорически скрывать блок даты и времени.

0

Поделиться194Вс, 18 Май 2014 20:39:47

Автор: Data
Заслуженный
Зарегистрирован: Вт, 3 Сен 2013
Сообщений: 94
Уважение: 0
Позитив: +15
Последний визит:
Ср, 4 Дек 2019 20:13:17

Господа, не подскажите, как оформить отдельной картинкой таблицу с сообщением?

что я имею в виду, скрин:

Выделенная область:

0

Поделиться195Пн, 19 Май 2014 01:50:35

Автор: Танюшка1482
Заслуженный
Зарегистрирован: Пн, 3 Дек 2007
Сообщений: 194
Уважение: +5
Позитив: +54
Пол: Женский
Последний визит:
Вс, 20 Дек 2015 00:56:15

Здравствуйте.
У меня возникла такая проблема: на форуме стоит автоматическая рамочка и аватар по умолчанию.
Теперь добавила скрипт смены имиджа в постах и получается так, что аватары, которые меняются при его помощи очень неохотно показываются. Мне(и не только мне) приходится много-много раз страницу обновлять, чтобы они подгрузились. Убираю скрипт рамочки и все грузится хорошо. Есть ли возможность как-то минимализировать этот конфликт?

http://western.rusff.ru/
Пост со сменой имиджа: Ссылка

0

Поделиться196Вт, 20 Май 2014 15:11:28

Автор: Астра
Заслуженный
Зарегистрирован: Сб, 31 Май 2008
Сообщений: 454
Уважение: +16
Позитив: +105
Пол: Женский
Последний визит:
Вс, 29 Июн 2014 20:16:02

Здравствуйте. Нашла код обычного контейнера с вкладками все отлично, но мне нужно два таких контейнера с разными настройками в объявлениях. Как это сделать? Что поменять? Вот ссылка на сам код: http://forumdts.org/viewtopic.php?id=1453#p44294

0

Поделиться197Вт, 20 Май 2014 21:59:28

Автор: vicia
Заслуженный
Зарегистрирован: Чт, 8 Окт 2009
Сообщений: 96
Уважение: +2
Позитив: +23
Последний визит:
Сб, 9 Апр 2022 11:58:25

Здравствуйте.
На форуме установлена таблица-слайдер
http://hecate3.rusff.ru/
прокручивая вправо, второе окно криво отображается, после смены дизайна
не могли бы помочь настроить его обратно?
там где надпись "гид по игре" их таких несколько, но не видно, потому что все сползает вниз, надо бы поднять эти ссылки выше
и второе там где картинки и анимации, должно быть несколько картинок, которые тоже спалзают вниз. при наведении на статику, должно высвечиваться описание и анимация

0

Поделиться198Ср, 21 Май 2014 04:08:02

Автор: MyFF
Заблокирован
Зарегистрирован: Пт, 3 Янв 2014
Сообщений: 194
Уважение: +2
Позитив: -6
Последний визит:
Вс, 10 Авг 2014 20:27:56

Код:

Отредактировано MyFF (Ср, 21 Май 2014 18:03:51)

0

Поделиться199Ср, 21 Май 2014 05:19:55

Автор: Fover
Лови мой ритм
Зарегистрирован: Вт, 19 Мар 2013
Сообщений: 2332
Уважение: +397
Позитив: +48
Пол: Мужской
Последний визит:
Вт, 13 Сен 2016 16:58:18

MyFF
Ты сам-то ставил "это"?

0

Поделиться200Ср, 21 Май 2014 08:09:46

Автор: Астра
Заслуженный
Зарегистрирован: Сб, 31 Май 2008
Сообщений: 454
Уважение: +16
Позитив: +105
Пол: Женский
Последний визит:
Вс, 29 Июн 2014 20:16:02

MyFF
Я ничего не поняла. Вот мой код, мне нужно вставить еще раз эту же табличку, но с другими настройками стиля.

хтмл низ

Код:

<!--Таблица с вкладками-->
<script type="text/javascript">

$(document).ready(function() {


	$(".tab_content").hide(); 
	$("ul.tabs li:first").addClass("active").show();
	$(".tab_content:first").show();
	
	$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $(".tab_content").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
	});

});

</script>

объявления

Код:

<ul class="tabs">
    <li class="active"><a href="#tab1">Вкладка 1</a></li>
    <li><a href="#tab2">Вкладка 2</a></li>
</ul>

      <div class="tab_container1">

<div style="display: block;" id="tab1" class="tab_content">
текст 1
</div>

<div style="display: none;" id="tab2" class="tab_content">
текст 2
</div>
      </div>

стиль

Код:

/*для таблы со вкладками 1*/
.container1 {width: 310px; margin: 0 auto; padding: 0;}

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 27px;
    width: 310px;
    width: 100%;
}

ul.tabs li {
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 1px 1px 1px #555454;
    font-size: 14px;
    font-family: tahoma;
    margin: 0 5px 0 0;
    padding: 0 10px;
    height: 27px;
    line-height: 27px;
border: 3px solid #c2c2c2;
    margin-bottom: -0px;
      background: url(http://sc.uploads.ru/kqNWu.png) top center repeat-x;
    -moz-border-radius-topleft: 5px;
    -khtml-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -khtml-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}

ul.tabs li a {
    text-decoration: none;
    color: transparent;
    display: block;
    -moz-border-radius-topleft: 5px;
    -khtml-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -khtml-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}

ul.tabs li a:hover {
           -moz-border-radius-topleft: 5px;
    -khtml-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -khtml-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}    

 ul.tabs li.active  {
     background: url(http://forumstatic.ru/files/0013/d2/4c/36260.jpg) top center repeat-x;
border: 3px solid #c2c2c2;
    -moz-border-radius-topleft: 5px;
    -khtml-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -khtml-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}  

 ul.tabs li.active a:hover  {
     background: url(http://forumstatic.ru/files/0013/d2/4c/36260.jpg) top center repeat-x;
    -moz-border-radius-topleft: 5px;
    -khtml-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -khtml-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}

.tab_container1 {
    clear: both;
    float: left; 
    width: 310px;
    height: 135px;
    background: url(http://sa.uploads.ru/TwfnC.png);   
border: 3px solid #c2c2c2;
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -khtml-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}

.tab_content {
    padding: 5px;
}

.tab_content h2 {
    font-weight: normal;
    padding-bottom: 2px;
    border-bottom: 0px dashed #000000;
}

Отредактировано Астра (Ср, 21 Май 2014 08:11:17)

0

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

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

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

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

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

Сообщений 181 страница 200 из 1000

Поделиться1Сб, 5 Апр 2014 15:43:50

Поделиться181Чт, 15 Май 2014 00:21:05

Поделиться182Чт, 15 Май 2014 10:59:03

Поделиться183Чт, 15 Май 2014 22:34:50

Поделиться184Чт, 15 Май 2014 23:09:22

Поделиться185Пт, 16 Май 2014 20:48:01

Поделиться186Пт, 16 Май 2014 21:57:49

Поделиться187Вс, 18 Май 2014 08:23:05

Поделиться188Вс, 18 Май 2014 08:49:45

Поделиться189Вс, 18 Май 2014 11:50:42

Поделиться190Вс, 18 Май 2014 12:28:11

Поделиться191Вс, 18 Май 2014 12:40:08

Поделиться192Вс, 18 Май 2014 12:47:00

Поделиться193Вс, 18 Май 2014 14:58:30

Поделиться194Вс, 18 Май 2014 20:39:47

Поделиться195Пн, 19 Май 2014 01:50:35

Поделиться196Вт, 20 Май 2014 15:11:28

Поделиться197Вт, 20 Май 2014 21:59:28

Поделиться198Ср, 21 Май 2014 04:08:02

Поделиться199Ср, 21 Май 2014 05:19:55

Поделиться200Ср, 21 Май 2014 08:09:46