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

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

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


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Общие вопросы по оформлению (65)


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

Сообщений 1241 страница 1260 из 1275

1

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

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

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

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

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

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

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

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

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

+3

1241

МАЧОнаДАЧЕ написал(а):

И вот эту строку опустить так же как мы подняли верхнюю

Попробуй цифры поменять:

#pun-crumbs1 p.container {
border-top: none;
    padding: 1em 1em 0.8em 1em;
    text-align: center;
    font-weight: bold;
   color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    font-family: bebas neue;
    margin: 0px 0px -18px 10px !important;
  }

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

Надо сказать дизайн верстал новичек

0

1242

Deff
Та же самая беда как и в посте  Общие вопросы по оформлению (65)

Так же съезжает шапка :unsure:

0

1243

МАЧОнаДАЧЕ
Мне нужен ник-пароль, ибо гостя не пускает в темы. а нужно придумать чоб эта надпись не съезжала и там и там!

0

1244

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

МАЧОнаДАЧЕ
Мне нужен ник-пароль, ибо гостя не пускает в темы. а нужно придумать чоб эта надпись не съезжала и там и там!


Без проблем :yep: в л/с кинул

+1

1245

А подскажите, пожалуйста, как прописать в css код рейтинга сообщения? хочется изменить размер цифры +1 да и фон ей поменять на Ваш манер..

0

1246

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

А подскажите, пожалуйста, как прописать в css код рейтинга сообщения?

.post-rating .container a[title]{
  font-size: 22px;
  color: #FF0000;
}

+2

1247

Добрый день. Слезно прошу помощи тт

Пилили для форума таблицу с вкладками\кнопками, но где-то в коде накосячили(

https://forumfiles.ru/uploads/0000/14/1c/37156/451520.png

Цель таблицы: сделать красивую биржу труда, которая бы в себя вмещала 3 города + разные сферы. И нажимая на разные города\сферы, можно было бы посмотреть на все это под разным углом, в развороте. Ну и чтобы удобно было.

Проблема: перескакивают сферы деятельности и города, когда из одного города переходишь в другой. Т. е. я жму кнопку "город 1" и "сфера 1", потом выбираю сферу 2, сферу 3 и все хорошо. Жму на кнопку "город 2", все еще остаюсь в 3 сфере, но если я хочу нажать на сферу 1, то и город слетает на 1... и т.о. приходится жать снова на город 2. А таких перескоков вроде не должно быть( Как их обойти? Чтобы не обнулялись клики так сказать?
Надеюсь понятно объяснила( Но если сами потыкаете в таблицу, то поймете, о чем речь, наверное.

Возможно, мы просто не в том направлении думали и можно как-то иначе это сделать другим кодом. Направьте на путь истинный, пожалуйста)

Ссылка с временным пристанищем таблицы

код
Код:
[html]

    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru" dir="ltr" class="punbb" style="padding:0!important;width:100%!important">
   <head>
      <base target="_blank" href="http://evilbane.rusff.ru/">
      <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/styles/001a/a3/fe/style.1589008640.css">
      <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/style/extra.38.css">
      <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/style/mobile.6.css">
      <style>
         .post-author .pa-respect {
         font-size: 0;
         }
         .post-author .pa-respect span {
         font-size: 9px;
         }
         .post-author .pa-respect img {
         width: 7px;
         padding-right: 2px;
         }
      </style>
      <style>#profile-right strong.GamePst2{ color: #000!important }</style>
      <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/001a/a3/fe/18845.css?1">
      <link rel="stylesheet" type="text/css" href="http://forumfiles.ru/f/ru/bestbb/notifications.css">
      <link rel="stylesheet" type="text/css" href="http://forumstatic.ru/f/ru/bestbb/notifications.reputation.css?441947">
      <style type="text/css" id="extra">
         html {
         background: none !important;
         overflow: hidden;
         width: 100% !important;
         padding: 0 !important;
         margin: 0 !important;
         }
         body {
         background: none !important;
         padding: 0 !important;
         margin: 0 !important;
         display: inline-block !important;
         position: relative !important;
         }
         body::before, #pun_wrap::before {
         content: none;
         }
      </style>
   </head>
   <body>


      <style>
        .job_post_wrapper {
          display: flex;
          flex-direction: column;
          width: 630px;
        }
        .job_post_wrapper input[type="radio"] {
          display: none;
        }
        .job_post_wrapper > label {
          width: 100px;
          padding: 5px 5px;
          display: block;
          word-spacing: 5px;
          letter-spacing: 2px;
          background: #176e6d;
          color: #d6d6d6;
          border: 1px solid #135a5a;
          text-transform: uppercase;
          font-family: montserrat;
          text-shadow: 1px 1px #114e4d;
          box-shadow: 0 4px 10px #19504f91 inset, 0 0 3px #56c5c4b0 inset;
          position: relative;
        }
        .job_post_wrapper label:hover,
        .job_post_wrapper input[type="radio"]:checked + label {
          background-color: #7a7770;
          font-weight: normal;
          color: #2d2a21;
          cursor: pointer;
        }
        .job_post_wrapper table {
          display: none;
        }
        .sfera1 {
          display: block;
        }
        .job_post_wrapper > input:nth-of-type(1):checked ~ .sfera1,
        .job_post_wrapper > input:nth-of-type(2):checked ~ .sfera2,
        .job_post_wrapper > input:nth-of-type(3):checked ~ .sfera3,
        .job_post_wrapper > input:nth-of-type(4):checked ~ .sfera4 {
          display: block; 
          padding-top: 2px;
          text-align: justify;
          position: relative;
          top: -120px;
          right: -100px;
        }
        table {
          width: 500px;
          position: relative;
          float: right;
        }


         .korpus > div,
         .korpus > input {
            display: none;
          }
         .korpus {
            text-align: center;
            padding: 10px;
          }
         .korpus label {
            width: 120px;
            padding: 5px 5px;
            display: inline-block;
            word-spacing: 5px;
            letter-spacing: 2px;
            background: #176e6d;
            color: #d6d6d6;
            border: 1px solid #135a5a;
            text-transform: uppercase;
            font-family: montserrat;
            text-shadow: 1px 1px #114e4d; 
            box-shadow: 0 4px 10px #19504f91 inset, 0 0 3px #56c5c4b0 inset;
          }
         .korpus label:hover {
            background-color:  #706d78;
            color:  #2d2a21;
          }
         .korpus input[type="radio"]:checked + label {
            background-color: #7a7770;
            font-weight: normal;
            color:  #2d2a21;
          }
         .korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),
         .korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2),
         .korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3) {
            display: block; 
            padding-top: 2px;
            text-align: justify;
         }
         .text {
            height: 300px;
            overflow-y: scroll;
            padding: 4px 10px 4px 10px;
            margin: 10px 4px 0 0 !important;
          }
         .textarea {
            height: 100px;
            overflow-y: scroll;
          }
      </style>

      <div class="job_post_wrapper">
        <input type="radio" name="choose_sf" checked="checked" id="sf1" onclick="document.getElementById('sf1ct1').checked = true" >
        <label for="sf1">Сфера 1</label>
        <input type="radio" name="choose_sf" id="sf2" onclick="document.getElementById('sf2ct1').checked = true" >
        <label for="sf2">Сфера 2</label>
        <input type="radio" name="choose_sf" id="sf3" onclick="document.getElementById('sf3ct1').checked = true" >
        <label for="sf3">Сфера 3</label>
        <input type="radio" name="choose_sf" id="sf4" onclick="document.getElementById('sf4ct1').checked = true" >
        <label for="sf4">Сфера 4</label>
        <table class="sfera1">
          <tbody>
              <tr>
                <td colspan="2">
                    <div class="korpus">
                      <input type="radio" name="sfera1_city" checked="checked" id="sf1ct1">
                      <label for="sf1ct1">Город1</label>
                      <input type="radio" name="sfera1_city" id="sf1ct2">
                      <label for="sf1ct2">Город2</label>
                      <input type="radio" name="sfera1_city" id="sf1ct3">
                      <label for="sf1ct3">Город3</label>
                      <div class="text">
                        Сфера 1 Город1
                      </div>
                      <div class="text">
                        Сфера 1 Город2
                      </div>
                      <div class="text">
                        Сфера 1 Город3
                      </div>
                    </div>
                </td>
              </tr>
          </tbody>
        </table>
        <table class="sfera2">
        <tbody>
            <tr>
              <td colspan="2">
                  <div class="korpus">
                    <input type="radio" name="sfera2_city" checked="checked" id="sf2ct1">
                    <label for="sf2ct1">Город1</label>
                    <input type="radio" name="sfera2_city" id="sf2ct2">
                    <label for="sf2ct2">Город2</label>
                    <input type="radio" name="sfera2_city" id="sf2ct3">
                    <label for="sf2ct3">Город3</label>
                    <div class="text">
                      Сфера 2 Город1
                    </div>
                    <div class="text">
                      Сфера 2 Город2
                    </div>
                    <div class="text">
                      Сфера 2 Город3
                    </div>
                  </div>
              </td>
            </tr>
        </tbody>
        </table>
        <table class="sfera3">
          <tbody>
            <tr>
                <td colspan="2">
                  <div class="korpus">
                      <input type="radio" name="sfera3_city" checked="checked" id="sf3ct1">
                      <label for="sf3ct1">Город1</label>
                      <input type="radio" name="sfera3_city" id="sf3ct2">
                      <label for="sf3ct2">Город2</label>
                      <input type="radio" name="sfera3_city" id="sf3ct3">
                      <label for="sf3ct3">Город3</label>
                      <div class="text">
                        Сфера 3 Город1
                      </div>
                      <div class="text">
                        Сфера 3 Город2
                      </div>
                      <div class="text">
                        Сфера 3 Город3
                      </div>
                  </div>
                </td>
            </tr>
          </tbody>
        </table>
        <table class="sfera4">
          <tbody>
            <tr>
                <td colspan="2">
                  <div class="korpus">
                      <input type="radio" name="sfera4_city" checked="checked" id="sf4ct1">
                      <label for="sf4ct1">Город1</label>
                      <input type="radio" name="sfera4_city" id="sf4ct2">
                      <label for="sf4ct2">Город2</label>
                      <input type="radio" name="sfera4_city" id="sf4ct3">
                      <label for="sf4ct3">Город3</label>
                      <div class="text">
                        Сфера 4 Город1
                      </div>
                      <div class="text">
                        Сфера 4 Город2
                      </div>
                      <div class="text">
                        Сфера 4 Город3
                      </div>
                  </div>
                </td>
            </tr>
          </tbody>
        </table>
      </div>

      <iframe src="about:blank" name="iframe_test_height" style="z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;border:0"></iframe>
   </body>
</html>[/html]

Отредактировано coxme (Сб, 13 Июн 2020 16:37:39)

0

1248

добрый день.

не так давно заметил проблему (вид раз, вид два) т.е. строку это при просмотре сообщений пользователя, не видно вообще. как сделать так, чтобы она выглядела также, как и в лс (вот). т.е. эта черная подложка, а сверху весь текст. проблема эта здесь http://theredrum.ru/

0

1249

..Boleyn написал(а):

не так давно заметил проблему (вид раз, вид два) т.е. строку это при просмотре сообщений пользователя, не видно вообще. как сделать так, чтобы она выглядела также, как и в лс (вот). т.е. эта черная подложка, а сверху весь текст. проблема эта здесь http://theredrum.ru/

Попробуйте убрать (выделил красным):

#pun-viewtopic .post h3 {
    height: 17px;
    font-family: 'Montserrat Alternates', sans-serif;
    margin: 0 5px 0 5px !important;
    border: 1px solid #252525;
    background-color: #232323;
    font-weight: 600;
    text-transform: lowercase;
    font-size: 9px;
    box-shadow: 0 5px 10px #00000063 inset, 0 0 6px #c4c9c859 inset;
    text-shadow: 1px 1px #00000054;
}

Отредактировано kolobdur74 (Сб, 20 Июн 2020 21:29:18)

+3

1250

Добрый день!
Подскажите, пожалуйста, скрипт для формы ответа, который дает всплывающие подсказки при наведении на ссылку.

Примерно так.

https://i.imgur.com/dorg13R.jpg

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

0

1251

Здравствуйте.
Подскажите, как уменьшить это расстояние? (между текстом и краем блока)
https://i.imgur.com/2PrCUx5.jpg

Форум http://salaamnamaste.rusff.ru/

0

1252

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

Подскажите, как уменьшить это расстояние? (между текстом и краем блока)

Ну, попробуйте так:

Код:
.post-content  .scrollbox {
    min-height: 2em;
    height: auto !important;
}

+3

1253

kolobdur74
спасибо)

+1

1254

Здравствуйте. Подскажите, пожалуйста. Как в третьей вкладке в профиле выровнять строчки Сообщения и уважения по центру?

http://anotherlondon.rusff.ru/

0

1255

Андалузка
так надо?
https://i.imgur.com/DMEPNoCm.png

+1

1256

ACT3255
да-да!!

0

1257

Андалузка
В Конец Первого Окна Стиля:

.pa-posts .fld-name,
.pa-respect .fld-name {
  display:block!important;
}
.pa-posts,.pa-respect {
  margin:0 auto!important;
}
.post-ul-Sp.Sp3 {
  width:180px;
  text-align:center!important;
}

+2

1258

Deff
Спасибо огромное!!! Получилось)

+1

1259

привет!
здесь перестал работать скрипт (хтмл-верх):

<!--Всплывающие Подсказки при наведении-->
<style>
#tooltip {
position: absolute;
background: #121212;
z-index: 999;
max-width: 160px;
border: none;
border-radius: 2px;
box-shadow: 0 0 1px 1px rgba(0,0,0,.1);
font-family: arial; /* шрифт */
font-size: 9px; /* размер текста */
display: none;
color: #fff; /* цвет текста */
text-align: center;
padding: 5px;
letter-spacing: 1.2px;
font-weight: lighter;
text-shadow: 1px 1px 1px #253130
}
</style>
<script type="text/javascript" src="http://yourjavascript.com/12208652913/quicktip.js"></script>
<script> 
$(document).ready(function(){
$('a [title]:not(abbr)').quicktip({ speed:500 });
$('img [title]:not(abbr)').quicktip({ speed:500 });
$('div [title]:not(abbr)').quicktip({ speed:500 });
$('span [title]:not(abbr)').quicktip({ speed:500 });
});
</script>
<!--//End//-Всплывающие Подсказки при наведении-->

ничего не меняли, раньше всё было в порядке, но теперь почему-то не функционирует.
буду благодарен за любую помощь :>

Отредактировано К.Ц. (Пт, 3 Июл 2020 21:08:10)

0

1260

К.Ц.
.js вроде как не доступен.

+2


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Общие вопросы по оформлению (65)