Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (65)
Предыдущая тема: Общие вопросы по оформлению (64)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
И вот эту строку опустить так же как мы подняли верхнюю
Попробуй цифры поменять:
#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;
}
Надо сказать дизайн верстал новичек
Deff
Та же самая беда как и в посте Общие вопросы по оформлению (65)
Так же съезжает шапка 
МАЧОнаДАЧЕ
Мне нужен ник-пароль, ибо гостя не пускает в темы. а нужно придумать чоб эта надпись не съезжала и там и там!
МАЧОнаДАЧЕ
Мне нужен ник-пароль, ибо гостя не пускает в темы. а нужно придумать чоб эта надпись не съезжала и там и там!
Без проблем 
в л/с кинул
А подскажите, пожалуйста, как прописать в css код рейтинга сообщения? хочется изменить размер цифры +1 да и фон ей поменять на Ваш манер..
А подскажите, пожалуйста, как прописать в css код рейтинга сообщения?
.post-rating .container a[title]{
font-size: 22px;
color: #FF0000;
}
Добрый день. Слезно прошу помощи тт
Пилили для форума таблицу с вкладками\кнопками, но где-то в коде накосячили(
Цель таблицы: сделать красивую биржу труда, которая бы в себя вмещала 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)
добрый день.
не так давно заметил проблему (вид раз, вид два) т.е. строку это при просмотре сообщений пользователя, не видно вообще. как сделать так, чтобы она выглядела также, как и в лс (вот). т.е. эта черная подложка, а сверху весь текст. проблема эта здесь http://theredrum.ru/
не так давно заметил проблему (вид раз, вид два) т.е. строку это при просмотре сообщений пользователя, не видно вообще. как сделать так, чтобы она выглядела также, как и в лс (вот). т.е. эта черная подложка, а сверху весь текст. проблема эта здесь 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)
Добрый день!
Подскажите, пожалуйста, скрипт для формы ответа, который дает всплывающие подсказки при наведении на ссылку.
Или подскажите, куда можно обратиться с этим вопросом.
Спасибо!
Здравствуйте.
Подскажите, как уменьшить это расстояние? (между текстом и краем блока)
Подскажите, как уменьшить это расстояние? (между текстом и краем блока)
Ну, попробуйте так:
.post-content .scrollbox {
min-height: 2em;
height: auto !important;
}kolobdur74
спасибо)
Здравствуйте. Подскажите, пожалуйста. Как в третьей вкладке в профиле выровнять строчки Сообщения и уважения по центру?
Андалузка
так надо?
ACT3255
да-да!!
Андалузка
В Конец Первого Окна Стиля:
.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;
}
Deff
Спасибо огромное!!! Получилось)
привет!
здесь перестал работать скрипт (хтмл-верх):
<!--Всплывающие Подсказки при наведении-->
<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)
К.Ц.
.js вроде как не доступен.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (65)