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

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

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


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


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

Сообщений 201 страница 220 из 2001

1

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

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

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

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

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

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

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

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

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

+4

201

Добрый день! У нас вот такая проблема у тех, кто просматривает форум с браузера microsoft edge. подскажите, как решить?
http://novacross.rusff.ru

скрин

http://s8.uploads.ru/6ZgCc.png

0

202

Trinity Wane написал(а):

Добрый день! У нас вот такая проблема у тех, кто просматривает форум с браузера microsoft edge. подскажите, как решить?

Замените вот здесь отступ:

/* C3.11 */
.punbb .post-body {
  margin-left: 22em;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }

Вместо 22em поставьте: 248px

0

203

Привет, помогите со скриптом?
Стоит код  выделения текста в блоке кода. Одновременно должно копировать.
Но что-то не так. Или не копируется или не меняется название кнопки для выделения.

Если поставить скрипт в хтмл верх, то можно поменять название, но сам скрипт не работает. а если в хтмл низ,то работает скрипт,но не меняется название

Форум
http://themostsupernatural.ru

+1

204

Иса
Не убрали старый скрипт копирования в HTML низ

Код:
<script type="text/javascript">
function select_text(elem) {
	if(window.getSelection) {   
var s=window.getSelection();   
if(s.setBaseAndExtent){   
	s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
}
else {   
	var r=document.createRange();   
	r.selectNodeContents(elem);   
	s.removeAllRanges();   
	s.addRange(r);
}   
	}
	else if(document.getSelection){   
var s=document.getSelection();   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);   
	}
	else if(document.selection){   
var r=document.body.createTextRange();   
r.moveToElementText(elem);   
r.select();
	}   
}
</script>

+1

205

Всем добра)
Подскажите, пожалуйста, в чём проблема с отображением таблицы в шапке на новых ios?
форум:
http://firecross.rolbb.ru/

косяк:

http://s9.uploads.ru/yMsbi.jpg

табла
Код:
<div id="info"><table>
    <tr id="firstline">
        <td class="news"><a href="http://firecross.rolbb.ru/viewtopic.php?id=104#p3967">челлендж второй</a></td>

        <td class="firecross" colspan="2"></td>
        <td class="news"><a href="http://firecross.rolbb.ru/viewtopic.php?id=37">огненная лотерея</a></td>
    </tr>
    <tr id="secondline">
        <td class="underline" colspan="4"></td>
    </tr>

    <tr id="thirdline">
        <td class="bestpost" colspan="2">Героическая смерть для нерожденного героем. Звучит как необъяснимо глупое клише дешёвого блокбастера. Но в этом, как оказалось, и была учесть Пьетро, таков стал его исход. Мы сами вершим свои судьбы, а один самоуверенный в себе мутант решил, что сами же вольны их завершать. На душе на долю секунды становится легко, а ещё через долю от тебя только бездомная душа и остаётся. Медленный танец со смертью лёгок, когда ведёшь его самостоятельно, а самоотверженные поступки, как оказалось, и впрямь окрыляют. Альтруизмом своим приходится довольствоваться... <a href="http://firecross.rolbb.ru/viewtopic.php?id=39#p1471">читать дальше</a></td>

        <td class="bestquote" colspan="2">"По накопленному опыту свержений, свергаемое лицо легче всего свергать во время отсутствия свергаемого. Немец находится в Англии, и этот момент наиболее удачен для разгрома и захвата его акционерного дома. Вперёд, мои гладиаторы!"</td>
    </tr>
    <tr id="fourthline">
        <td class="activists"><a href="http://firecross.rolbb.ru/profile.php?id=4"><img src="https://funkyimg.com/i/2UY2u.png" alt="" title="саня-зануда"></a> <a href="http://firecross.rolbb.ru/profile.php?id=9"><img src="https://funkyimg.com/i/2UY2v.png" alt="" title="капитан только марвел"></a> <a href="http://firecross.rolbb.ru/profile.php?id=23"><img src="https://funkyimg.com/i/2UY2x.png" alt="" title="голая и одинокая"></a></td>

        <td class="bestusers"><img src="https://forumstatic.ru/files/001a/32/bb/73067.png" alt=""></td>

        <td class="activists"><a href="http://firecross.rolbb.ru/profile.php?id=32"><img src="https://funkyimg.com/i/2UY2t.png" alt="" title="любительница нцы"></a> <a href="http://firecross.rolbb.ru/profile.php?id=6"><img src="https://funkyimg.com/i/2UY2w.png" alt="" title="вечный онлайн"></a> <a href="http://firecross.rolbb.ru/profile.php?id=19"><img src="https://funkyimg.com/i/2UY2y.png" alt="" title="скорострел"></a></td>

        <td class="headlinks"><a href="http://firecross.rolbb.ru/viewtopic.php?id=7#p7">гостевая</a> х <a href="http://firecross.rolbb.ru/viewtopic.php?id=3">роли</a> х <a href="http://firecross.rolbb.ru/viewtopic.php?id=6">о проекте</a> х <a href="http://firecross.rolbb.ru/viewtopic.php?id=10#p10">шаблон</a> х <a href="http://firecross.rolbb.ru/viewtopic.php?id=8">нужные</a> х <a href="http://firecross.rolbb.ru/viewtopic.php?id=12">объявления</a> </td>
    </tr>
</table>
</div>
стиль
Код:
/*таблица в шапке*/
#info {
position: absolute;
background: transparent;
width: 960px;
height: 192px;
margin-left: -27px;
margin-top: 15px;
border: none;
}

#info a {
color: #c9cdcc;
font-size: 12px;
font-family: Yeseva One;
}

#info a:hover {
color: #8e8e8e;
}

#info tr {
width: 960px;
display: inline;
}

.news {
width: 177px;
height: 60px;
margin: 0;
background: url(https://forumstatic.ru/files/001a/31/42/95488.png) center no-repeat;
text-align: center;
color: #c9cdcc;
border: none;
}

.firecross {
width: 606px;
margin: 0;
border: none;
}

.underline {
background: url(https://forumstatic.ru/files/001a/31/42/89142.png) center no-repeat;
height: 20px;
width: 960px;
position: relative;
border: none;
}

.bestpost {
background: url(https://forumstatic.ru/files/001a/31/42/56462.png) no-repeat;
height: 52px;
width: 432px;
text-align: justify;
color: #c9cdcc;
position: absolute;
left: 48px;
overflow: auto;
border: none;
}

.bestquote {
height: 52px;
width: 400px;
text-align: justify;
position: absolute;
right: 55px;
overflow: auto;
border: none;
}

#fourthline {
position: absolute;
margin-top: 51px;
width: 870px !important;
margin-left: 40px;
}

.activists {
position: relative;
height: 50px;
width: 150px;
text-align: center;
}

.activists img {
opacity: .7;
}

.activists img:hover {
opacity: 1;
}

.bestusers {
position: relative;
height: 50px;
width: 165px;
}

.headlinks {
background: url(https://forumstatic.ru/files/001a/31/42/50097.png) center no-repeat;
position: relative;
height: 50px;
width: 485px;
text-align: center;
color: #c9cdcc;
}

На момент скрина там был не закрыт один из тегов ячейки - </td>, плюс был не прописан вьюпорт.
Не могу проверить, но не уверен, что проблема решилась. Я не профи, с этим куском кода как раз были трудности при вставке на форум. Может, где-то что-то упустил, не прописал.
Буду благодарен за помощь)
Ну и плюс ко всему, нет ли таких инструментов, позволяющих проверить на кроссбраузерность? В самом браузере при нажатии на мобильный стиль в инспектировании элемента всё видится корректно.

Тык:

http://s7.uploads.ru/4cSLY.png

0

206

Mr. Bum
Чот намудрил с <TR> *Как минимум добавить красное (ибо inline не может быть с position:absolute ( и естественно инлайн встаёт следом за предыдущей строкой

#info tr {
width: 960px;
display: inline-block;
}

+1

207

Deff
Вот спасибо! Вроде бы помогло)

0

208

Здравствуйте! Меня попросили поработать с дизайном и поделились кодами, в окнах куда стиль вставляется оформление неудобное, оцентровка и цвет шрифта, да окно маленькое. Хотелось бы убрать все это, но не могу найти где в коде это исправляется. Помогите, пожалуйста.
Ссылка на тестовик: http://fkingdom.rolka.su
Проблема:
https://i.imgur.com/zI2USwx.png

Отредактировано Эвелина Шайн (Пн, 1 Июл 2019 14:38:46)

0

209

Эвелина Шайн написал(а):

Здравствуйте! Меня попросили поработать с дизайном и поделились кодами, в окнах куда стиль вставляется оформление неудобное, оцентровка и цвет шрифта, да окно маленькое. Хотелось бы убрать все это, но не могу найти где в коде это исправляется. Помогите, пожалуйста.

Скорее всего отдельно не прописано, попробуйте дописать через селектор: #pun-admain textarea

+1

210

kolobdur74
Спасибо!

+1

211

Подскажите, пожалуйста, как в этом формате

<li><a href='http://biorezonans.3bb.ru/viewtopic.php?id=1064' target="_blank">&bull; Архив форума - скачать</a></li>

сделать ссылку цветной (зеленой)?
И задать размер шрифта?

Отредактировано Dango (Чт, 11 Июл 2019 15:30:58)

0

212

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

сделать ссылку цветной (зеленой)?
И задать размер шрифта?

Замените на:

Код:
<li><a href='http://biorezonans.3bb.ru/viewtopic.php?id=1064' target="_blank" style="color: green; font-size: 16px;">&bull; Архив форума - скачать</a></li>

Где:
color: green; - цвет шрифта
font-size: 16px; - размер шрифта

Отредактировано kolobdur74 (Чт, 11 Июл 2019 15:36:57)

+1

213

kolobdur74
Спасибо.
https://forumstatic.ru/files/0001/48/78/78668.gif

+1

214

Dango, если это единичный случай, то мой вариант самое то, если надо много таких ссылок, то можно сделать через класс..

+1

215

kolobdur74
не, это именно на один раз.
Спасибо.

+1

216

Добрый день.
Меню ulinks с компьютера выглядит нормально,

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

https://i.ibb.co/bRHXWGR/01.jpg

А если с мобильного, то слетает размер и удивительно выглядит пункт уведомления.

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

https://i.ibb.co/sJsjJP6/02.jpg

Не могу понять, почему так и чем это регулируется.
(На других форумах такого не замечал)

http://becomehuman.ru

0

217

paranoid_android, уведомления обычно скрывают, ибо всё равно не работают:

#pun-ulinks li a[href$=notifications]{
  display:none!important;
}

0

218

Deff
Хм, ну тоже выход, спасибо )

0

219

Доброго времени суток)

Обычно при наведении на область мап-карты, выскакивает описание текстом. А можно ли сделать так, чтобы вместо текста выскакивала картинка? Т.е. поставить картинку, но чтобы правильно отображалась.

0

220

Курама написал(а):

Обычно при наведении на область мап-карты, выскакивает описание текстом. А можно ли сделать так, чтобы вместо текста выскакивала картинка? Т.е. поставить картинку, но чтобы правильно отображалась.

Можно наверно, обернуть мап-карту в div, с позицией relative, далее разместить над мап картой нужные картинки с position:absolute, z-index:10, их позицию регулируем c помощью left и top (далее их скрыть и поставить какой-нидь короткий скрипт ( если первое будет сделано( вплоть до скрытия картинок, можно попробовать создать такой скрипт

Отредактировано Deff (Ср, 17 Июл 2019 00:37:31)

0


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