Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (65)
Предыдущая тема: Общие вопросы по оформлению (64)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Синяя стрелка (это понятно) можно
Красная стрелка нельзя ни какда
Да
Ну а рамку хотябы под ник можно? (там где красной стрелочкой выделено)
Ну по какому признаку ставить рамку ? если только на тег [b][/b], но тогда всё выделяемое жирным будет в рамках ?
МАЧОнаДАЧЕ написал(а):Синяя стрелка (это понятно) можно
Красная стрелка нельзя ни какДа
МАЧОнаДАЧЕ написал(а):Ну а рамку хотябы под ник можно? (там где красной стрелочкой выделено)
Ну по какому признаку ставить рамку ? если только на тег [b][/b], но тогда всё выделяемое жирным будет в рамках ?
Ненене. Я думал может как-то можно было бы обернуть данный скрипт
<script type="text/javascript">
function to(username)
{insert('' + username + '' + ', ');}
</script>
Типо того
<script type="text/javascript">
function to(username)
<style>
username
new_div.className = "container";
border: 2;cursor: pointer red;
{insert('' + username + '' + ', ');}
</style>
</script>
Само собой + username + стоит в тегах b
Слушай. А изобрази как это будет выглядеть
Ну по какому признаку ставить рамку ? если только на тег [b][/b], но тогда всё выделяемое жирным будет в рамках
Может вообще потом убрать тег b с панели
Отредактировано МАЧОнаДАЧЕ (Пн, 30 Дек 2019 16:04:56)
Ненене. Я думал может как-то можно было бы обернуть данный скрипт
Это разве что привязать событие на клацанье по нику, чтобы класс при вставке добавлялся.. Можно ли это сделать - это Дефф или Алекс только скажут..
Может вообще потом убрать тег b с панели
Но всё что было до убирания будет в рамке.. Так можно сделать хоть сейчас..
kolobdur74
Ляпнул 
неподумавши 
там же много чего в "b"
А что-нибудь аналогичное у тебя есть?
А что-нибудь аналогичное у тебя есть?
Ну, в тексте нет, есть скрипт Алекса: Скрипты от пользователей 3 пост 375 (только там вроде ограничение в 100 пользователей), и есть от Ромыча выделение индивидуальных ников: Цветовыделение ников при помощи только CSS (без скриптов) На счет текста, как Дефф сказал - привязаться не к чему, нужна привязка..
Отредактировано kolobdur74 (Пн, 30 Дек 2019 17:40:02)
kolobdur74
Понял 
отстал
С наступающим 
Alex_63
Deff
а ларчик-то просто открывался))
Спасибо!)
Понял
Тестируйте (в НТМЛ низ):
<!-- Бордюр по клику на ник -->
<style>
.nik {border: 1px solid red;padding: 1px;font-weight: 600;}
</style>
<script>
function to(username)
{insert('[class]' + username + '[/class]' + ', ');}
$(function(){
$('.post-content:contains("[class")').each(function(){
var htmlspan = $(this).html().replace(/\[class]([^`]*?)\[\/class\]/gi, "<span class='nik'>$1</span>");
$(this).html(htmlspan)
});
});
</script>В теории можно сделать и по группам..
kolobdur74
1. В принципе почти то что я хотел 
А теперь бы углы закруглить.... То есть. Не прямоугольник а овал бы.... Возможно?
2. И по подробнее можно пробник "по группам" 
Отредактировано МАЧОнаДАЧЕ (Вт, 31 Дек 2019 15:18:29)
kolobdur74
Чуть чуть дополнил твой скрипт
Я же хотел чтобы ник как-то выделялся (в посте).
Так как ты зделал его через border, то появились варианты его оформления.
Короче малость украсил
Вот что у меня вышло
Ну а вот выложу то что дополнил
<!-- Бордюр по клику на ник -->
<style>
.nik {border: 10px double blue; /* Параметры границы */
background: #fc3; /* Цвет фона */
padding: 1px; /* Поля вокруг текста*/}
</style>
<script>
function to(username)
{insert('[class]' + username + '[/class]' + ', ');}
$(function(){
$('.post-content:contains("[class")').each(function(){
var htmlspan = $(this).html().replace(/\[class]([^`]*?)\[\/class\]/gi, "<span class='nik'>$1</span>");
$(this).html(htmlspan)
});
});
</script>
Подписал чтобы всем было понятно что и где менять на своё 
1. В принципе почти то что я хотел
А теперь бы углы закруглить.... То есть. Не прямоугольник а овал бы.... Возможно?
Любое стилевое оформление.. Для закругления: border-radius: 5px;
2. И по подробнее можно пробник "по группам"
Пока это только теория, возможно и не осилю - я с скриптами не очень дружу))
Вот что у меня вышло
Прикольно))
kolobdur74
Ну через border-radius это понятно
Так же можно (проверил у себя) вставить фоновую картинку (под ник) и даже гиф (что многие хотели).
Я поковыряюсь и выложу уже то что вообщем вышло.
А ты подумай как можно приспособить данный скрипт к категориям (создак/админ/модер/юзер/гость итд)
Может чё дельное и выйдет 
С Новым годом!!!
Всех благ и процветаний
kolobdur74
А не поскажешь как убрать эти кнопки
То есть вверху темы чтобы остались на месте, а над формой ответа убрать. Возможно?
А не поскажешь как убрать эти кнопки
В НИМЛ верх:
<style>
#pun-viewtopic .linksb .postlink, #pun-viewtopic .linksb .pagelink {display: none;}
</style>
Отредактировано kolobdur74 (Чт, 2 Янв 2020 16:26:27)
kolobdur74 Это именно то что я пытался (безуспешно зделать) пасиб
kolobdur74 Вот есчё проблема 
я хз где именно её решить
Видишь подвал двоится. Самое интересное что не на всех страницах.
В этом то и беда. Не понял когда именно это началось (возможно что-то поставил и съехал подвал).
Я так понимаю что надо искать здесьКод:.linkst .pagelink, .linksb .pagelink {left: -62px; padding-left: 15px;} .linkst .postlink, .linksb .postlink {font-family: romul,times new roman; text-transform: uppercase; right: -61px; text-align: right; font-size: 12px;} .linkst .pagelink, .linksb .pagelink, .linkst .postlink, .linksb .postlink {height: 49px; width: 281px !important; position: absolute; line-height: 45px;} #pun-about {margin-top: 0; width: 828px; margin: 0 68px;} #pun-about .container {text-align: right; line-height: 500%; padding: 0.8em 1em;} #pun-crumbs2 {border-bottom: medium none; margin: 0 68px; overflow: hidden; width: 828px;} #pun-crumbs2 .container {border-bottom: none; padding: 0.8em 1em; font-size: 1.1em; font-family: romul,times new roman;} .punbb .main .tcl {padding-left: 40px;} .punbb div.icon {position: absolute; height: 24px; margin-left: -27px; width: 23px;} #pun-viewtopic .linkst .postlink, #pun-viewtopic .linksb .postlink {background-position: 0 -100px;} #topic-users-in {margin-bottom: 50px; margin-top: -5px;} #topic-modmenu {margin-top: -15px; padding-top: 35px;} .subscribelink {text-align: right;} #pun-viewtopic #pun-main {width: 828px;} .punbb .post-body {margin-left: 210px;} .topic {margin-top: -45px !important;} .punbb .post {margin-top: -15px;} .punbb .post h3 {position: relative; top: 35px; margin-left: 250px;} .punbb .post h3 span {display: block; text-align: right;} .punbb .post h3 strong, .punbb .post h3 a {display:block; margin-left: 220px;} .punbb .post h3 strong {text-align: right; font-weight: normal;} .punbb .post h3 strong:before {content: "Пост №"} .punbb .post-box {position:relative; padding: 40px 80px 10px 10px;} .post-rating {position: absolute; right: 0; top: 30px;} div.post-rating p:before {content: "Рейтинг: "} .post-rating .container, .post-vote .container {margin: 0 !important;} .post-vote {position: absolute; right: 70px; top: 30px;}Я думаю что эта строка....да?
#pun-about .container {text-align: right; line-height: 500%; padding: 0.8em 1em;}
Пробовал плясать с % ставил больше/меньше. Не решил
Может что помоветуешь
Видишь подвал двоится. Самое интересное что не на всех страницах.
В этом то и беда. Не понял когда именно это началось (возможно что-то поставил и съехал подвал).
Потому что у тебя две завершающие картинки, то бишь подвал:
body {background: url("http://s1.uploads.ru/T5nLt.jpg") no-repeat scroll center bottom;}
#html-footer {background: url("http://s1.uploads.ru/aYjR0.jpg") no-repeat scroll center top transparent;}
Зачем стоит на боди не понял..
kolobdur74 Благодарочка
Без понятия зачем стоял бубляж. Но раньше он не конфликтовал.
Проблема появилась недавно. Так что какой-то код его и вызвал в конфликт.
Это уже не важно. Пасиб за наводку
Без понятия зачем стоял бубляж. Но раньше он не конфликтовал.
Проблема появилась недавно. Так что какой-то код его и вызвал в конфликт.
Это уже не важно. Пасиб за наводку
На самом деле он был всегда, но увидеть его можно только при короткой высоте форума и только на вытянутом экране типа смартфона... В ином случае фон будет перекрываться форумом..
Отредактировано kolobdur74 (Чт, 2 Янв 2020 22:55:09)
kolobdur74 Я понял за что отвечала эта строка (есть косяк на одной тест страничке). Как-бы пох
В общем даже если взять мимальную текст страничку то выглядит это так
В принципе и хер с ним что снизу подфон синий и не кроется подвал окончательно.
Это в любом случае лучше чем было.
Так что ты реально помог 
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (65)
