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

Поделиться1Вт, 27 Авг 2013 14:34:40

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15370
Позитив: +11882
Последний визит:
Сегодня 18:39:22

Продолжение...

Предыдущая тема: Общие вопросы по оформлению (49)

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

Просьба: когда задаете тот или иной вопрос выкладывайте ссылку на форум, на котором проблема.

Советую забить в закладки:
Каталог скриптов/CSS
Типовые Вопросы (ЧаВо)

Отредактировано Deff (Вт, 27 Авг 2013 14:38:34)

0

Поделиться521Вс, 29 Сен 2013 16:46:06

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15370
Позитив: +11882
Последний визит:
Сегодня 18:39:22

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

1. Как вставить мап-карту на страницу в панели навигации? Ссылка Вместо карты высвечивается её код.

Отключите редактор и вставляйте прямо в Окно

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

Как задать text decoration ссылок таким образом, чтобы в обычным состоянии ссылка подчёркивалась пунктирной линией, а при наведении пунктирная линия убиралась? (На всём форуме, кроме панели навигации и пользовательского меню)

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

/* CS3 Links
-------------------------------------------------------------*/
/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
color: #4c74ab;
font-style: normal;
border-bottom: 0px none #000;
text-decoration: underline;
}
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #a1a2ae;
}
/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus {
color: #000;
text-decoration: none;
}
.punbb-admin #punbb-admain a:active {
color: #a1a2ae;
border-bottom: 0px none #000;
text-decoration: dashed;
}
/* CS3.3 */
#pun-navlinks a {
color: #4c74ab;
border-bottom: 0px none #000;
text-decoration: underline;
}
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #394b64;
font-weight: normal;
font-style: normal;
border-bottom: 0px none #000;
text-decoration: none;
}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #333;
color: black;
}

0

Поделиться522Вс, 29 Сен 2013 16:47:39

Автор: billy_joe
Заслуженный
Зарегистрирован: Сб, 11 Май 2013
Сообщений: 117
Уважение: +3
Позитив: +21
Последний визит:
Вт, 1 Окт 2013 21:02:56

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

Как это делать ?

Не надо. Столько. Паники. У вас всё получится, скрипт несложный.
Вставляете в Администрирование >> Настройки >> ХТМЛ-верх.
Значения

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

margin-left:

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

width:

Устанавливаете так, как нужно вам.

Отредактировано billy_joe (Вс, 29 Сен 2013 16:51:56)

0

Поделиться523Вс, 29 Сен 2013 16:49:09

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15370
Позитив: +11882
Последний визит:
Сегодня 18:39:22

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

Код:
<style type="text/css">
.punbb .post h3 span, .punbb .post-body, .punbb .post-links {
margin-left: 17em !important;
}

.punbb .post-links ul {
margin-left: -17em !important;
}

.punbb .post .post-author {
width: 17em !important;
}
</style>

Для меня легче написать поэму на китайском.

Как это делать ? Где его искать ? Я этого не сумею сделать НИКОГДА !!! Помогите это сделать !!!

1.Тупо вставьте в HTML верх

2.Поиск по окну стиля contr+F
Ищите по селектору .punbb .post-body

0

Поделиться524Вс, 29 Сен 2013 16:59:13

Автор: Крамола
Заслуженный
Зарегистрирован: Вт, 11 Янв 2011
Сообщений: 34
Уважение: 0
Позитив: +4
Последний визит:
Вт, 14 Апр 2015 13:21:45

Добрый день.
Сделала кнопки в панели навигации (не скриптом), но при тестировании вылезла неприятная вещь:

При новом сообщении циферка оказывает за пределами кнопки. Как можно решить эту проблему?
Форум:

0

Поделиться525Вс, 29 Сен 2013 17:13:17

Автор: billy_joe
Заслуженный
Зарегистрирован: Сб, 11 Май 2013
Сообщений: 117
Уважение: +3
Позитив: +21
Последний визит:
Вт, 1 Окт 2013 21:02:56

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

Отключите редактор и вставляйте прямо в Окно

Благодарю)

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

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

Теперь все ссылки стали подчёркнуты обычной чертой в обычном состоянии...

Как надо

Ссылка на тестовик в профиле

Отредактировано billy_joe (Вс, 29 Сен 2013 17:15:43)

0

Поделиться526Вс, 29 Сен 2013 17:28:16

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15370
Позитив: +11882
Последний визит:
Сегодня 18:39:22

Крамола
Поставьте единый код для кнопок
В HTML верх, или в Конец Второго Окна стиля, текущий код - оставляем как есть

<style>
#pun-navlinks li > a{
background: url(http://s4.uploads.ru/wAScj.png) 0 top no-repeat,url(http://s5.uploads.ru/fIjL7.png) 100% top no-repeat;
}
#pun-navlinks li a > span{
padding:14px 0;
background: url(http://s4.uploads.ru/rj2Rd.png) 0 0 repeat-x;
}
</style>

+1

Поделиться527Вс, 29 Сен 2013 17:34:54

Автор: Крамола
Заслуженный
Зарегистрирован: Вт, 11 Янв 2011
Сообщений: 34
Уважение: 0
Позитив: +4
Последний визит:
Вт, 14 Апр 2015 13:21:45

Deff, отлично) Работает) Спасибо)

0

Поделиться528Вс, 29 Сен 2013 17:35:46

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15370
Позитив: +11882
Последний визит:
Сегодня 18:39:22

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

Теперь все ссылки стали подчёркнуты обычной чертой в обычном состоянии...Как надо

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

.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
color: #4c74ab;
font-style: normal;
border-bottom: 0px none #000;
text-decoration: none;
border-bottom:dashed 1px;
}
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #a1a2ae;
}
/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus {
color: #000;
text-decoration: none;
border-bottom:none 0;
}
.punbb-admin #punbb-admain a:active {
color: #a1a2ae;
border-bottom: 0px none #000;
text-decoration: none;
border-bottom:none 0;
}
/* CS3.3 */
#pun-navlinks a {
color: #4c74ab;
text-decoration: none;
border-bottom:dashed 1px;
}
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #394b64;
font-weight: normal;
font-style: normal;
text-decoration: none;
border-bottom:none 0;
}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #333;
color: black;
}

0

Поделиться529Вс, 29 Сен 2013 17:44:51

Автор: billy_joe
Заслуженный
Зарегистрирован: Сб, 11 Май 2013
Сообщений: 117
Уважение: +3
Позитив: +21
Последний визит:
Вт, 1 Окт 2013 21:02:56

Deff
Во, так лучше.) Но... Как теперь поставить обратно выделение ссылок в панели навигации? Там оно тоже стало подчёркнутым выделяться... И можно ли убрать какое-либо выделение картинок, а то кнопки "вверх-вниз" тоже стали выделяться?

0

Поделиться530Вс, 29 Сен 2013 17:46:29

Автор: Катюшка
Заслуженный
Зарегистрирован: Пн, 12 Ноя 2007
Сообщений: 73
Уважение: +1
Позитив: +19
Пол: Женский
Последний визит:
Вс, 21 Апр 2024 14:54:21

здравствуйте , можно ли убрать пункт "награды" из панели навигации?
вот форум http://lofa.rusff.ru/

0

Поделиться531Вс, 29 Сен 2013 17:51:56

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15370
Позитив: +11882
Последний визит:
Сегодня 18:39:22

Катюшка написал(а):

здравствуйте , можно ли убрать пункт "награды" из панели навигации?вот форум http://lofa.rusff.ru/

В Конец первого окна стиля

#pun-navlinks #navawards{display:none}

0

Поделиться532Вс, 29 Сен 2013 17:55:15

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15370
Позитив: +11882
Последний визит:
Сегодня 18:39:22

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

Во, так лучше.) Но... Как теперь поставить обратно выделение ссылок в панели навигации?

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

.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
color: #4c74ab;
font-style: normal;
border-bottom: 0px none #000;
text-decoration: none;
border-bottom:dashed 1px;
}
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #a1a2ae;
}
/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus {
color: #000;
text-decoration: none;
border-bottom:none 0;
}
.punbb-admin #punbb-admain a:active {
color: #a1a2ae;
border-bottom: 0px none #000;
text-decoration: none;
border-bottom:none 0;
}
/* CS3.3 */
#pun-navlinks a {
color: #4c74ab;
text-decoration: none;
border-bottom:none 0;
}
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #394b64;
font-weight: normal;
font-style: normal;
text-decoration: none;
border-bottom:none 0;
}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #333;
color: black;
}

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

. И можно ли убрать какое-либо выделение картинок, а то кнопки "вверх-вниз" тоже стали выделяться?

Ссылку на форум

Отредактировано Deff (Вс, 29 Сен 2013 17:55:42)

0

Поделиться533Вс, 29 Сен 2013 18:07:59

Автор: Катюшка
Заслуженный
Зарегистрирован: Пн, 12 Ноя 2007
Сообщений: 73
Уважение: +1
Позитив: +19
Пол: Женский
Последний визит:
Вс, 21 Апр 2024 14:54:21

Deff не помогло(

0

Поделиться534Вс, 29 Сен 2013 18:14:49

Автор: billy_joe
Заслуженный
Зарегистрирован: Сб, 11 Май 2013
Сообщений: 117
Уважение: +3
Позитив: +21
Последний визит:
Вт, 1 Окт 2013 21:02:56

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

Ссылку на форум

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

Ссылка на тестовик в профиле

0

Поделиться535Вс, 29 Сен 2013 18:20:07

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15370
Позитив: +11882
Последний визит:
Сегодня 18:39:22

Катюшка написал(а):

Deff не помогло(

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
padding-bottom: 0;
}

.punbb .post-content .blockcode, .punbb .post-content blockquote {
margin:0;
}

Ищите Выше - доставьте скобку

0

Поделиться536Вс, 29 Сен 2013 18:22:57

Автор: Катюшка
Заслуженный
Зарегистрирован: Пн, 12 Ноя 2007
Сообщений: 73
Уважение: +1
Позитив: +19
Пол: Женский
Последний визит:
Вс, 21 Апр 2024 14:54:21

Deff благодарю)

0

Поделиться537Вс, 29 Сен 2013 18:24:12

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15370
Позитив: +11882
Последний визит:
Сегодня 18:39:22

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

Ссылка на тестовик в профиле

<div style="position: fixed; right: 40px; top: 50%;">
<a href=#top onClick="scrollTo(0,0); return false;" title="Наверх" style="border:none 0">
<img src="http://s4.uploads.ru/0D56u.png" alt="Наверх"></a>
</div>
<div style="position: fixed; right: 40px; bottom: 3%;">
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз" style="border:none 0">
<img src="http://s4.uploads.ru/Y0FtT.png" alt="Вниз" ></a>
</div>

+1

Поделиться538Вс, 29 Сен 2013 18:43:18

Автор: billy_joe
Заслуженный
Зарегистрирован: Сб, 11 Май 2013
Сообщений: 117
Уважение: +3
Позитив: +21
Последний визит:
Вт, 1 Окт 2013 21:02:56

Deff
Большое спасибо!

Осмелюсь задать ещё вопрос. Простите, что их так много. Мне хочется уже поскорее закончить с этим дизом, который делается второй месяц, ибо дизайнер то болеет, то не может выйти в среду Интернета через компьютер, а я только-только осваиваю css и html :с
Хотелось бы в топике поставить фон, который бы растягивался, если нажать на вкладку в профиле. Можно ли под ник поставить свиток, а под аватар и инфу - какой-нибудь фон?

О чём я