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

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

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Единый форум поддержки » Архив » Общие вопросы от новичков (56)

Общие вопросы от новичков (56)

Страница:   1 … 41 42 43 44 45 … 50  

Сообщений 841 страница 860 из 1000

1

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

Продолжение темы Общие вопросы от новичков (55)

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

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

+3

841

  • Автор: Кертес
  • Заслуженный
  • Кертес
  • Зарегистрирован: Пт, 13 Янв 2012
  • Сообщений: 164
  • Уважение: +53
  • Позитив: +164
  • Пол: Мужской
  • Последний визит:
    Ср, 25 Авг 2021 20:48:51
Alex_63 написал(а):

Не понял Вопроса ... сделайте скрин исходного и  поправьте в ФШ, как должно быть

Скрин,увы, не сделаю. Перефразирую: можно ли поверх аватара пристроить еще картинку?

0

842

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 11221
  • Уважение: +7625
  • Позитив: +5462
  • Пол: Мужской
  • Последний визит:
    Сегодня 12:29:23

Кертес
В принципе можно, наверно скриптом..

<script>
!function(){       var img = 'ccылка';//картинка
$('.pa-avatar>img').map(function(){var e=$(this),w=e.width(),h=e.height();
e.before('<img src="'+img+'" style="width:'+w+'px;height:'+h+'px;position:absolute;" class="avaimg"/>');});}();
</script>

Поправил

+1

843

  • Автор: Кертес
  • Заслуженный
  • Кертес
  • Зарегистрирован: Пт, 13 Янв 2012
  • Сообщений: 164
  • Уважение: +53
  • Позитив: +164
  • Пол: Мужской
  • Последний визит:
    Ср, 25 Авг 2021 20:48:51

Alex_63, я уже не знаю, как еще выразить благодарность. Просто сердечное спасибо. : )

+1

844

  • Автор: Neil Grant
  • Заслуженный
  • Neil Grant
  • Зарегистрирован: Вт, 26 Апр 2016
  • Сообщений: 80
  • Уважение: +16
  • Позитив: +25
  • Пол: Мужской
  • Последний визит:
    Ср, 22 Май 2024 19:36:22
Alex_63 написал(а):

Ни наю, по второму - подумаю, по первому - дайте ссылку на форум с подключенным новым скриптом просмотра оценок

Окей: http://spacefiction.f-rpg.ru/=&pun-category1
Разница заметна между гостем и зарегенным акком, когда начинает работать этот скрипт. Можно увидеть под пиаром. Мини-профиль использует классы всплывающих уведомлений, а из-за того, что системный скрипт стоит ниже, срабатывают размеры окна плюсовавших и его центровка.

Я, помню, копался со спойлером. Там что-то с visible и hide. Например, у него стоит blockquote.visible {display: none;} и у span.hide{display:none;}, таким образом после редактирования оба положения выдают display:none, потому не открывает. Еще в коде страницы hide не прописывается, остается просто class=" ".
Когда в одно из положений ставишь display:block, то при первом нажатии он открывает и мигом закрывает. Потом начинает раскрываться исправно, но с перепутанными классами и заголовками "развернуть"-"свернуть". Точно так же ведут себя и остальные скрипты из сети для рукописного кода, у которых в одном положении display:block.
И при все при этом, это единственный скрипт, что исправно работает на майбе, несмотря на свою противоречивость. =))

Вот такой вопрос: можно ли убрать эту стандартную белую подложку из списка option и скроллбара? Сделать ее прозрачной, совсем невидимой. И управлять синим цветом hover в этом списке. Эти элементы есть на странице, но их нет в коде.
http://s4.uploads.ru/t/JgXpZ.png

0

845

  • Автор: kleo3333
  • Заслуженный
  • kleo3333
  • Зарегистрирован: Ср, 6 Фев 2013
  • Сообщений: 640
  • Уважение: +65
  • Позитив: +322
  • Последний визит:
    Вс, 19 Мар 2023 13:08:59

Спасибо Alex_63 самое оно. Но слегка всё же промелькивают при загрузке страницы имена и фото.

А возможно сделать всплывающее окошко (с крас. крестиком) или "резиновым" или чтобы его можно было сдвинуть в сторону?

окошко

http://s7.uploads.ru/TpZ659G.jpg

Так как при просмотре на маленьких экранах (планшет), это окошко занимает весь экран и красный крестик далеко в стороне и его не нажать.
Вот примерно:

Свернутый текст

http://s3.uploads.ru/kEU36Vf.jpg

http://565.mybb.ru/pages/cccc

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

Добавьте  в стиль на странице
@media screen and (max-width:540px) {
#popupContainer{
  width:400px!important;
}
       }

Что-то никак.  :blush: Добавлял и в скрипт и стиль делал....

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

Ну Поставьте это в Конец Странички:
<style type="text/css">
        @media screen and (max-width:540px) {
#popupContainer{
  width:400px!important;
}
       }
</style>

:dontknow:

Отредактировано kleo3333 (Пт, 22 Июл 2016 22:01:00)

0

846

  • Автор: RpM Anastasia
  • Cтарожил
  • RpM Anastasia
  • Зарегистрирован: Вс, 26 Июн 2016
  • Сообщений: 85
  • Уважение: +108
  • Позитив: +35
  • Пол: Женский
  • Последний визит:
    Вт, 6 Сен 2016 18:37:28

kleo3333
Доброго времени, попробуйте так:

Код:
<style>  @media screen and (max-width:800px) {#popupContainer{width:90%!important;margin-left:0!important;left:0!important;}}
  @media screen and (max-width:540px) {#popupCloseBtn {top: 0px!important;left: 1%!important;}}</style>

+2

847

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 11221
  • Уважение: +7625
  • Позитив: +5462
  • Пол: Мужской
  • Последний визит:
    Сегодня 12:29:23

RpM Anastasia +
Ток чуть поправить значение ширины:

<style>  @media screen and (max-width:800px) {#popupContainer{width:82%!important;margin-left:0!important;left:0!important;}}
  @media screen and (max-width:540px) {#popupCloseBtn {top: 0px!important;left: 1%!important;}}</style>

В принципе наверно можно сделать более корректную установку ширины и автоцентровку, попробую чо-нить сваять

+2

848

  • Автор: RpM Anastasia
  • Cтарожил
  • RpM Anastasia
  • Зарегистрирован: Вс, 26 Июн 2016
  • Сообщений: 85
  • Уважение: +108
  • Позитив: +35
  • Пол: Женский
  • Последний визит:
    Вт, 6 Сен 2016 18:37:28

Alex_63
Ну я там поковырялась, думала писать-нет, да как-то не написала. Полностью код был такой:

Код:
<style>  @media screen and (max-width:800px) {#popupContainer{width:90%!important;margin-left:0!important;left:0!important;}}
  @media screen and (max-width:650px) {#popupContainer{width:85%!important;}} 
  @media screen and (max-width:505px) {#popupContainer{width:80%!important;}} 
  @media screen and (max-width:360px) {#popupContainer{width:75%!important;}} 
  @media screen and (max-width:280px) {#popupContainer{width:70%!important;}}
  @media screen and (max-width:540px) {#popupCloseBtn {top: 0px!important;left: 1%!important;}}</style>

Отредактировано RpM Anastasia (Чт, 21 Июл 2016 11:09:44)

+1

849

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 11221
  • Уважение: +7625
  • Позитив: +5462
  • Пол: Мужской
  • Последний визит:
    Сегодня 12:29:23

RpM Anastasia
Не, под разную ширину экрана подгонять - не Айс, лучше сделать один код для любой ширины экрана
К вечеру нарисую... ( Мож и раньше

+2

850

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 11221
  • Уважение: +7625
  • Позитив: +5462
  • Пол: Мужской
  • Последний визит:
    Сегодня 12:29:23

kleo3333
1. Уберите мою последнюю правку
2. Замените в HTML верх стиль ниже <!--Cтили Euro/Pop Rap vs. Classical Music--> на такой:

Код:
<style type="text/css">
td.descript{
  padding-top:0!important;
  padding-bottom:27px!important;
}
.galery{
  text-align:center;
  margin:0 auto;
  padding-left:0px;
}
.galery li {
  width:80px;height:100px;
  display:-moz-inline-stack;
  display:inline-block;
  vertical-align:top;
  padding:10px;list-style:none;
  list-style-type:none;
  cursor:pointer;
}
.galery li:hover{
  background: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.45);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.45);
}
#popupContainer {
  position:fixed;margin:0;
  top:0;left:0;bottom:0;
  background-color:rgba(234, 234, 234, 0.28);
  border:0;width:100%;height:100%;
  z-index:10000;
}
#popupContainer>table {
  position:relative;
  width:auto;max-width:660px;
  height:auto;
  padding:10px 20px 30px 30px;
  background-color:#1a1a1a;
  border:solid 5px #fbf8ff!important;
  border-radius:15px;
  margin:10% auto 0 auto;
}
#popupContainer td{
  border-color:transparent!important;
}
#popupCloseBtn{
  text-align:right;
  position:relative;
  left:15px;top:-15px;
}
.close {
  color:#F06;font-size:32px;
  font-family:Verdana, Geneva, sans-serif;
  vertical-align:-4px;cursor:pointer;
  position:relative;z-index:11000;
}
</style>
<!-- //End=Стили-->

3. Замените скрипт на странице:

<!-- Скрипты; --><script>
$(document).ready(function(){
$('li[id="p-btn"]').click(function() {
  var s = $(this).attr('class');//alert(s);
  $('div[id="popupContainer"][class="'+s+'"]').fadeIn(200);
  return false;
});
$('.close').click(function(){$('div[id="popupContainer"]').fadeOut(200);});
$("div[id='popupContainer']").on("click",function(e){if($(e.target).attr("id")=='popupContainer')$(this).fadeOut(200);});
});
</script><!-- //End - Скрипты-->

+1

851

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 11221
  • Уважение: +7625
  • Позитив: +5462
  • Пол: Мужской
  • Последний визит:
    Сегодня 12:29:23

RpM Anastasia
Если вкратце, то автоширина + автоцентровка выглядит как-то так:

<style type="text/css">
.wrap{
  position:fixed;width:100%;height:100%;
  left:0;top:0;bottom:0;right:0;
}
.inner{
  position:relative;display:block;height:auto;
  width:auto;max-width:800px;
  margin: 10% auto 0 auto;
}
</style>
<div class="wrap">
  <div class="inner"> Тут что-то </div>
</div>

+1

852

  • Автор: kleo3333
  • Заслуженный
  • kleo3333
  • Зарегистрирован: Ср, 6 Фев 2013
  • Сообщений: 640
  • Уважение: +65
  • Позитив: +322
  • Последний визит:
    Вс, 19 Мар 2023 13:08:59

Спасибо всем (RpM Anastasia) Alex_63, а что это за эффект такой сделан с затемнением (осветлением) странички?
Зачем?  :blush:
http://565.mybb.ru/pages/cccc

Просто в том старом виде, чем ещё хорошо. Там кликая на фото (артиста), появляется окошко с инфой, и кликая на следующее фото - окошко просто обновляет информацию и т.д.
http://565.bbmy.ru/pages
Удобно, если надо быстренько просмотреть информацию.

А на новом виде этого скрипта, надо кликать на фото - появляется окошко с инфой - задний фон затемняется и уже не кликнешь на след. фото и надо нажимать на крестик и только потом уже на след. фото. Хотя ваша идея с затемнением мне очень понравилась (только почему-то некоторые фону светлые, а другие по нарастающей плотнее), но с этим видом немного дольше надо провести время чтобы просмотреть инфу с вспл. окошек.

Отредактировано kleo3333 (Чт, 21 Июл 2016 16:03:24)

0

853

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 11221
  • Уважение: +7625
  • Позитив: +5462
  • Пол: Мужской
  • Последний визит:
    Сегодня 12:29:23

kleo3333
Оки - попробую переделать (Прост пришлось значительно изменить стиль для корректного отображения

+1

854

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 11221
  • Уважение: +7625
  • Позитив: +5462
  • Пол: Мужской
  • Последний визит:
    Сегодня 12:29:23

kleo3333
Посмотрел - там наверно придется переделать и скрипт, - при клике на картинку скрывать все блоки и открывать новый
Попробую сделать

0

855

  • Автор: kleo3333
  • Заслуженный
  • kleo3333
  • Зарегистрирован: Ср, 6 Фев 2013
  • Сообщений: 640
  • Уважение: +65
  • Позитив: +322
  • Последний визит:
    Вс, 19 Мар 2023 13:08:59

Спасибо Alex_63. Мне даж не удобно, второй день подряд напрягаю...  :blush:

0

856

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 11221
  • Уважение: +7625
  • Позитив: +5462
  • Пол: Мужской
  • Последний визит:
    Сегодня 12:29:23

kleo3333
Попробуйте заменить стиль еще раз: (Не уверен, что сработает, но все же:

Код:
<style type="text/css">
td.descript{
  padding-top:0!important;
  padding-bottom:27px!important;
}
.galery{
  text-align:center;
  margin:0 auto;
  padding-left:0px;
}
.galery li {
  width:80px;height:100px;
  display:-moz-inline-stack;
  display:inline-block;
  vertical-align:top;
  padding:10px;list-style:none;
  list-style-type:none;
  cursor:pointer;
}
.galery li:hover{
  background: #fff;
  box-shadow: 0 0 5px 0 rgba(0,0,0,.45);
  -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.45);
  -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.45);
}
#popupContainer {
  position:fixed;margin:0;
  top:0;left:0;bottom:0;
  border:0;width:100%;height:100%;
  box-shadow:0 0 10px rgba(0,0,0,.5);
  z-index:10000;pointer-events:none;
}
#popupContainer>table {
  position:relative;
  width:auto;max-width:660px;
  height:auto;z-index:10999;
  padding:10px 20px 30px 30px;
  background-color:#1a1a1a;
  border:solid 5px #fbf8ff!important;
  border-radius:15px;
  margin:10% auto 0 auto;
  pointer-events:auto;
}
#popupContainer td{
  border-color:transparent!important;
}
#popupCloseBtn{
  text-align:right;
  position:relative;
  left:15px;top:-15px;
}
.close {
  color:#F06;font-size:32px;
  font-family:Verdana, Geneva, sans-serif;
  vertical-align:-4px;cursor:pointer;
  position:relative;z-index:11000;
}
</style>
<!-- //End=Стили-->

И Скрипт - на такой:

<!-- Скрипты; --><script>
$(document).ready(function(){
$('li[id="p-btn"]').click(function() {
  var s = $(this).attr('class');//alert(s);
  $('div[id="popupContainer"]').fadeOut(200);
  $('div[id="popupContainer"][class="'+s+'"]').fadeIn(200);
  return false;
});
$('.close').click(function(){$('div[id="popupContainer"]').fadeOut(200);});
//$("div[id='popupContainer']").on("click",function(e){if($(e.target).attr("id")=='popupContainer')$(this).fadeOut(200);});
});
</script><!-- //End - Скрипты-->

0

857

  • Автор: kleo3333
  • Заслуженный
  • kleo3333
  • Зарегистрирован: Ср, 6 Фев 2013
  • Сообщений: 640
  • Уважение: +65
  • Позитив: +322
  • Последний визит:
    Вс, 19 Мар 2023 13:08:59

Так-то почти отлично. Только окошко при клике излишне моргает

0

858

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 11221
  • Уважение: +7625
  • Позитив: +5462
  • Пол: Мужской
  • Последний визит:
    Сегодня 12:29:23

kleo3333 :blush: А попробуйте еще раз заменить скрипт ?,

<!-- Скрипты; --><script>
$(document).ready(function(){
$('li[id="p-btn"]').click(function() {
  var s = $(this).attr('class');//alert(s);
  if($('div[id="popupContainer"]:visible').length)$('div[id="popupContainer"]:visible').fadeOut(200);
  $('div[id="popupContainer"][class="'+s+'"]').fadeIn(200);
  return false;
});
$('.close').click(function(){$('div[id="popupContainer"]').fadeOut(200);});
//$("div[id='popupContainer']").on("click",function(e){if($(e.target).attr("id")=='popupContainer')$(this).fadeOut(200);});
});
</script><!-- //End - Скрипты-->

+1

859

  • Автор: kleo3333
  • Заслуженный
  • kleo3333
  • Зарегистрирован: Ср, 6 Фев 2013
  • Сообщений: 640
  • Уважение: +65
  • Позитив: +322
  • Последний визит:
    Вс, 19 Мар 2023 13:08:59

Так-то отлично спасибо большое. Но вот там при нажатии на фото, немного просвечивают на всплывающем окошке фотографии.  :flag:
Можно как-то избавиться от такого эффекта?

пример

http://s6.uploads.ru/IPzR56Z.jpg

http://565.mybb.ru/pages/cccc

Отредактировано kleo3333 (Пт, 22 Июл 2016 22:00:11)

0

860

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 11221
  • Уважение: +7625
  • Позитив: +5462
  • Пол: Мужской
  • Последний визит:
    Сегодня 12:29:23

kleo3333
Ни наю :dontcare: У меня не просвечивает...
Попробуйте добавить к стилю перед </style>

#popupContainer,#popupContainer>table{
  opacity:1.0!important;
}

Поправил

+1

Страница:   1 … 41 42 43 44 45 … 50  

Вы здесь » Единый форум поддержки » Архив » Общие вопросы от новичков (56)