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

Поделиться1Вт, 16 Июн 2015 19:18:06

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11564
Последний визит:
Сегодня 15:17:52

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


Инструменты для поиска и редактирования стиля (скриптов).	Как с помощью браузера можно определить элемент дизайна.
Каталог скриптов/CSS	Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS.
Типовые Вопросы (ЧаВо)	Ответы на часто задаваемые вопросы.
Как задавать вопросы! Разница между стилем и скриптом. ( Советы)	Плюс к названию темы еще и Памятка.

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

+1

Поделиться281Чт, 23 Июл 2015 21:38:51

Автор: Yukino
Заслуженный
Зарегистрирован: Чт, 23 Дек 2010
Сообщений: 266
Уважение: +4
Позитив: +22
Пол: Женский
Последний визит:
Пт, 29 Июл 2016 18:07:46

Добрый день, не работают пользовательские ссылки. Никак не могу понять почему. И как можно позиционировать меню навигации, чтобы оно везде одинаково отображалось? А то в хроме и опере оно на одном месте, в мозилле уже в другом.
http://testrbrnsowhat.quadrobb.ru/

0

Поделиться282Пт, 24 Июл 2015 16:01:15

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10690
Уважение: +7178
Позитив: +5259
Пол: Мужской
Последний визит:
Вчера 19:52:34

Yukino
Найдите в Первом Окне, добавьте синим:

/* D3.2 */
#pun-navlinks .container {
padding: 3.5em 0.1em;
padding-bottom: 0 !important;
text-transform: none;
}

Сейчас #pun-ulinks перекрываецо padding'ом от #pun-navlinks >.container

+1

ВКонтакте alex__63

Поделиться283Пт, 24 Июл 2015 16:11:08

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10690
Уважение: +7178
Позитив: +5259
Пол: Мужской
Последний визит:
Вчера 19:52:34

Mirra Bell
По Поводу слипающихся Категорий:
Поправьте эту цифру синим (Первое Окно):

#pun-main h2 {
border-style: none;
border-width: 0px 0px 0px 0px;
float: center;
font-size: 95%;;
font-weight: 600;
text-align: center;
padding-right: 35px;
padding-top: 35px;
margin-bottom: 10px;
margin-top: -50px;
}

На -30

0

ВКонтакте alex__63

Поделиться284Пт, 24 Июл 2015 16:16:50

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10690
Уважение: +7178
Позитив: +5259
Пол: Мужской
Последний визит:
Вчера 19:52:34

Mirra Bell
Ксать, в Первом Окне нашел такую ошибку,=>

/* C3.5 */
.punbb .post .post-author {
float: left;
width: 21em;
margin-top: 2.8em;
//overflow: hidden;
}

В CSS закомментировать строку можно по-другому:

/* C3.5 */
.punbb .post .post-author {
float: left;
width: 21em;
margin-top: 2.8em;
/*overflow: hidden;*/
}

Насколько я помню, CSS наличие двух косых распознает как ошибку, это же не JavaScript
Исправьте это

==
И еще во Втором Окне =>

#pun-viewtopic {
padding-right: 0px;}*/

#pun-viewtopic {
//margin-left: 17px !important;
padding-right: 0px;}

.pa-author a, .pa-author {
color: #DFDBC0 !important;
font-family: "Century" !important;
font-size: 13pt !important;
font-variant: small-caps !important;
font-weight: 400 !important;
margin-left: 0px;
text-align: center;
font-style: normal !important;

}

Замените На:

#pun-viewtopic {
/*margin-left: 17px !important; */
padding-right: 0px;
}

.pa-author a, .pa-author {
color: #DFDBC0 !important;
font-family: "Century" !important;
font-size: 13pt !important;
font-variant: small-caps !important;
font-weight: 400 !important;
margin-left: 0px;
text-align: center;
font-style: normal !important;
}

Думаю, из-за этого и пропадает оформление мини-профиля (ксать,у мну коды оформления мини-профиля в Консоли браузера не отображаются

(*Поправил

Отредактировано Alex_63 (Пт, 24 Июл 2015 16:41:00)

0

ВКонтакте alex__63

Поделиться285Пт, 24 Июл 2015 16:57:39

Автор: Yukino
Заслуженный
Зарегистрирован: Чт, 23 Дек 2010
Сообщений: 266
Уважение: +4
Позитив: +22
Пол: Женский
Последний визит:
Пт, 29 Июл 2016 18:07:46

Alex_63
благодарю

0

Поделиться286Пт, 24 Июл 2015 17:20:44

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11564
Последний визит:
Сегодня 15:17:52

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

Отредактировано Alex_63 (Сегодня 16:41:00)
Alex_63 написал(а):
Насколько я помню, CSS наличие двух косых распознает как ошибку, это же не JavaScriptИсправьте это

В новых браузерах //, как отмена правил до следущей скобки закрытия, но не считается валидным. Ие 6-8 отменяет всё до конца стиля

+1

Поделиться287Пт, 24 Июл 2015 18:14:02

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10690
Уважение: +7178
Позитив: +5259
Пол: Мужской
Последний визит:
Вчера 19:52:34

Deff
Там еще во Втором Окне такая ошибка:

#pun-viewtopic {
padding-right: 0px;}*/
#pun-viewtopic {
//margin-left: 17px !important;
padding-right: 0px;}

- Выделено красным, думаю, из-за этого и не отображается стиль для .post-author и .post-author ul

(Открывающей части /* - нет

0

ВКонтакте alex__63

Поделиться288Пт, 24 Июл 2015 22:01:39

Автор: tiger_roman
Заслуженный
Зарегистрирован: Ср, 26 Июн 2013
Сообщений: 364
Уважение: +11
Позитив: +54
Последний визит:
Ср, 4 Дек 2019 15:17:12

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

Во всех браузерах ? И поставьте скрипт аватар по умолчанию, у Вас не хватает высоты в профиле для гостя для нижнего куска

В хроме и мозиле так.
Поставил скрипт, не помогло.

0

Поделиться289Пт, 24 Июл 2015 22:10:12

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11564
Последний визит:
Сегодня 15:17:52

tiger_roman
Ссылку на форум, (помочь полностью и не должно, у вас еще и низ у профиля гостя обрезался)

0

Поделиться290Сб, 25 Июл 2015 01:12:53

Автор: tiger_roman
Заслуженный
Зарегистрирован: Ср, 26 Июн 2013
Сообщений: 364
Уважение: +11
Позитив: +54
Последний визит:
Ср, 4 Дек 2019 15:17:12

Deff
http://lolo.mybb.ru/

0

Поделиться291Сб, 25 Июл 2015 13:38:37

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11564
Последний визит:
Сегодня 15:17:52

tiger_roman
Поправьте блок в конце Второго Окна стиля

/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
background: url(http://sh.uploads.ru/muwFO.png) 0 0 repeat-y; /*Фон размножаемый по вертикали*/
overflow: visible!important;
margin: -10px 0px 80px 10px!important;
}
.punbb .post .post-author > ul {
background: url(http://sh.uploads.ru/LdZHy.png) 0 top no-repeat,url(http://sg.uploads.ru/J2LC5.png) 0 bottom no-repeat; /*Фон верха - низа*/
margin:-22px 0 -60px 0px!important;
padding:35px 0 25px 60px!important;
}
.punbb .post .post-author > ul li{
max-width:240px!important;
word-wrap: break-word;
}
.punbb .post .post-author > ul img{
max-width:220px!important;
height:auto;
}

+1

Поделиться292Сб, 25 Июл 2015 15:44:15

Автор: happy frankie
Стремящийся
Зарегистрирован: Сб, 25 Июл 2015
Сообщений: 4
Уважение: 0
Позитив: 0
Последний визит:
Ср, 12 Авг 2015 14:19:59

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

http://desaen.quadrobb.ru/ ссылка на форум.

Заранее спасибо!

0

Поделиться293Сб, 25 Июл 2015 15:49:53

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10690
Уважение: +7178
Позитив: +5259
Пол: Мужской
Последний визит:
Вчера 19:52:34

happy frankie
В Конец Первого Окна стилей:

.html-box{
margin-top:-20px;
}

0

ВКонтакте alex__63

Поделиться294Сб, 25 Июл 2015 16:04:00

Автор: happy frankie
Стремящийся
Зарегистрирован: Сб, 25 Июл 2015
Сообщений: 4
Уважение: 0
Позитив: 0
Последний визит:
Ср, 12 Авг 2015 14:19:59

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

0

Поделиться295Вс, 26 Июл 2015 05:08:50

Автор: Asmodey
Заслуженный
Зарегистрирован: Вт, 8 Фев 2011
Сообщений: 73
Уважение: +6
Позитив: +27
Последний визит:
Вс, 20 Ноя 2016 02:11:14

Доброго времени суток!
~~Что-то совсем к утру мозг не работает.~~
В соединении со скриптом Денег, Валюты, Баллов и т.д пользуюсь следующим кодом, чтобы проставить отдельную картинку (кристалл) к надписи "Баллы":

Код:

.pa-fld11::after {
    content: url("http://s1.sendimage.me/cIBllwkI.png");
    display: inline-block;
    margin: 1px -3px 7px 3px;
    position: absolute;
}

Нужен второй вариант отображения:

У меня получается только первый. Каюсь, не в состоянии найти селектор, отвечающий за название поля, чтобы разместить его как во втором варианте.
Тестовик со ссылкой на пост:

0

Поделиться296Вс, 26 Июл 2015 15:14:54

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 10690
Уважение: +7178
Позитив: +5259
Пол: Мужской
Последний визит:
Вчера 19:52:34

Asmodey
Попробуйте в HTML низ:

<script type="text/javascript">
$('.pa-fld11').each(function (){
var fldP = $(this).text().split('Баллы: ')[1];
var fldN = $(this).text().split(': ')[0];
$(this).replaceWith('<li class="pa-fld11"><b>'+fldN+'</b>: <img src="http://s1.sendimage.me/cIBllwkI.png" /> '+fldP+'</li>');
});
</script>

+1

ВКонтакте alex__63

Поделиться297Вс, 26 Июл 2015 15:27:28

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11564
Последний визит:
Сегодня 15:17:52

Asmodey
Поправьте для отображения медалек:

<p>81,Красная звезда алой ведьмы,http://sg.uploads.ru/t/LVXNJ.png</p>
</div>
<script type="text/javascript">

var NumPole=5; //Номер доп поля c наградками;

И удалите красное:

<script type="text/javascript">
var A=[2,3,5]
$(".post .post-author li").each(function (){
for(var i=0; i<A.length;i++){if($(this).hasClass("pa-fld"+A[i])){
$(this).html($(this).html().replace(/^[^:]*:/,''));}};});
</script>

2. Добавьте в конце скрипта Баллов(cиним):

str=$(this).find(".pa-fld11").html();str=str.replace(/:.*/ig,': '+s);$(this).find(".pa-fld11").html(str.replace(':',': <img src="Ваша ссылка на картинку">'));

;})
</script>

+1