Правки стиля

Поделиться21Ср, 6 Мар 2013 17:38:25

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Сегодня 13:16:34

Tusich
В HTML верх

<style type="text/css">
/* Обрамление меню навигации */
#navwrap{
/* border:1px solid red!important;*/
display:inline-block;
position:relative;z-index:100;
margin:0 auto;
padding:18px;
}
#Bgimg {
position:absolute;z-index:-1;
padding:0;
margin-left:-17px;
margin-top:-17px;
}
</style>

В Начало HTML низ

<script>
var a=$("#pun-navlinks"),b=$("#pun-ulinks");
a.wrap('<div align=center><div id="navwrap"></div></div>');
$("#navwrap").prepend('<img id=Bgimg width=100% height=120% src="http://s3.uploads.ru/VQBJS.png"/>');
b.appendTo("#navwrap");
</script>[

Отредактировано Deff (Ср, 6 Мар 2013 17:40:14)

0

Поделиться22Ср, 6 Мар 2013 18:14:42

Автор: Tusich
Заслуженный
Зарегистрирован: Ср, 23 Фев 2011
Сообщений: 948
Уважение: +103
Позитив: +230
Пол: Женский
Последний визит:
Сб, 9 Май 2020 23:24:53

Deff
о уже намного лучше, как я поняла, код со стиля убрать? я его убрала, поставила, что ты мне сказал, везде работает, кроме мозилы, т.е. в хроме, эксплорере и опере всё нормально, а вот в мозиле вот так это выглядит:

и я заметила сама рамка как-то увеличена, растянута, может мне её сделать как надо по размерам, чтобы она чётко отображалась? а то рамка шире, чем все остальные получается

Отредактировано Tusich (Ср, 6 Мар 2013 18:15:43)

0

Поделиться23Ср, 6 Мар 2013 18:24:41

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Сегодня 13:16:34

<style type="text/css">
/* Обрамление меню навигации */
#navwrap{
/*border:1px solid red!important;*/
display:inline-block;
position:relative;z-index:100;
margin:0;
padding:13px;
}
#Bgimg {
display:block;
padding:0;
top:0;
left:0;
position:absolute;z-index:-1;
padding:0;
margin:0;
}
/* конец Обрамление меню навигации */
</style>

0

Поделиться24Ср, 6 Мар 2013 18:47:53

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Сегодня 13:16:34

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

и я заметила сама рамка как-то увеличена, растянута, может мне её сделать как надо по размерам, чтобы она чётко отображалась? а то рамка шире, чем все остальные получается

1.Cфотай текущую подправь в ФШ,
2.затем ужми в 1.2 по вертикали, сохрани и замени текущую

3. В итоге будет та, как ты поправила п.п.1

Отредактировано Deff (Ср, 6 Мар 2013 18:48:42)

0

Поделиться25Ср, 6 Мар 2013 19:04:55

Автор: Tusich
Заслуженный
Зарегистрирован: Ср, 23 Фев 2011
Сообщений: 948
Уважение: +103
Позитив: +230
Пол: Женский
Последний визит:
Сб, 9 Май 2020 23:24:53

Deff
да :cool: теперь работает!

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

0

Поделиться26Ср, 6 Мар 2013 20:22:45

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Сегодня 13:16:34

Ща - перекур, тут переругался дома

0

Поделиться27Ср, 6 Мар 2013 20:38:34

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Сегодня 13:16:34

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

Deff
да теперь работает!

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

Ну убери пока её с картинки на body(и начальное положение делаем текущее ?

0

Поделиться28Ср, 6 Мар 2013 20:43:26

Автор: Tusich
Заслуженный
Зарегистрирован: Ср, 23 Фев 2011
Сообщений: 948
Уважение: +103
Позитив: +230
Пол: Женский
Последний визит:
Сб, 9 Май 2020 23:24:53

да, на панельке ничего вообще нет, никакого фона, с шапки я сейчас её уберу

0

Поделиться29Ср, 6 Мар 2013 20:48:25

Автор: Tusich
Заслуженный
Зарегистрирован: Ср, 23 Фев 2011
Сообщений: 948
Уважение: +103
Позитив: +230
Пол: Женский
Последний визит:
Сб, 9 Май 2020 23:24:53

убрала, значение все остаются прежними и панелька чтобы сидела ровненько, трава чтоб касалась горизонтальной линии пиксель в пиксель, потому что я её обрезала там

0

Поделиться30Ср, 6 Мар 2013 20:51:34

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Сегодня 13:16:34

Допиши в верхний стиль:

<style type="text/css">
/* Обрамление меню навигации */
#navwrap{
/*border:1px solid red!important;*/
display:inline-block;
position:relative;z-index:100;
margin:0;
padding:13px;
}
#Bgimg2,
#Bgimg {
display:block;
padding:0;
top:0;
left:0;
position:absolute;z-index:-1;
padding:0;
margin:0;
}
/* конец Обрамление меню навигации */
</style>

За Панелько приветсвия в HTML низ - установи скрипт (скрипт выделен красным

<span class=buttOn style="padding:0;margin:0;margin-top:-12px;width:186px;"><a href="../profile.php?id=####"><button>Профиль</button></a> <a href="../messages.php"><button><img class="alr" src="http://forumstatic.ru/files/000f/a2/9c/88254.gif" style="display:none;position:absolute;z-index:100;margin-left:-4px;margin-top:15px;"/>ЛС</button></a> <a href="../login.php?action=out&id=####"><button>Выход</button></a></span>
</div>
<script>$("#wrp0").prepend('<img id=Bgimg2 style="margin:-123px auto auto -96px;" src="http://s2.uploads.ru/9h0qT.png"/>');</script>

0

Поделиться31Ср, 6 Мар 2013 20:53:44

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Сегодня 13:16:34

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

трава чтоб касалась горизонтальной линии пиксель в пиксель, потому что я её обрезала там

Эт ты зря, панелька будет двигацо при мельких разрешениях к центру,
На панельке луше траву плавно к прозрачному свести - а на текущем месте оставить

Отредактировано Deff (Ср, 6 Мар 2013 20:54:16)

0

Поделиться32Ср, 6 Мар 2013 21:08:50

Автор: Tusich
Заслуженный
Зарегистрирован: Ср, 23 Фев 2011
Сообщений: 948
Уважение: +103
Позитив: +230
Пол: Женский
Последний визит:
Сб, 9 Май 2020 23:24:53

Deff
чего-то я не поняла, ну ладно, сейчас попробую, конечно, чтобы переходило в прозрачку, но не уверена, что получится так, как ты задумал )))

0

Поделиться33Ср, 6 Мар 2013 21:27:29

Автор: Tusich
Заслуженный
Зарегистрирован: Ср, 23 Фев 2011
Сообщений: 948
Уважение: +103
Позитив: +230
Пол: Женский
Последний визит:
Сб, 9 Май 2020 23:24:53

Deff
ладно, это успеется поменяться, трава.. а вот тоже самое главное, в первом посте темы есть скрины, при маленьких разрешениях шапка справа и копирайт низ форума просто обрезаются, это можно исправить?

0

Поделиться34Ср, 6 Мар 2013 22:10:28

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Сегодня 13:16:34

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

просто обрезаются, это можно исправить?

Дорисуй в ФШ нужнвй вид на скриншоте данного масштаба, не гарантирую, что сделаю, зато пойму что нужно

Отредактировано Deff (Ср, 6 Мар 2013 22:10:44)

0

Поделиться35Ср, 6 Мар 2013 22:20:14

Автор: Tusich
Заслуженный
Зарегистрирован: Ср, 23 Фев 2011
Сообщений: 948
Уважение: +103
Позитив: +230
Пол: Женский
Последний визит:
Сб, 9 Май 2020 23:24:53

сейчас попробую нарисовать конечно

0

Поделиться36Ср, 6 Мар 2013 22:47:24

Автор: Tusich
Заслуженный
Зарегистрирован: Ср, 23 Фев 2011
Сообщений: 948
Уважение: +103
Позитив: +230
Пол: Женский
Последний визит:
Сб, 9 Май 2020 23:24:53

собственно вот чего не хватает справа вообще, эти части обрезаются и всё. При чём основная рамка справа по центру она есть. Размеры неточные, предупреждаю, потому что я просто колёсиком вертела и сохраняла скрины, могут отличаться.Чтобы понять, что нужно. Это справа!

Слева такой рамки нет, слева на маленьких экранах прилипает основная рамка форумов и всё, соответственно фона там не видно и углов тоже

0

Поделиться37Ср, 6 Мар 2013 23:22:49

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Сегодня 13:16:34

Карочь я пару финтифлюшек опробывал, получается криво,
Из знакомых ток Герду знаю, кто делал сайт под разное разрешение, там что то типо через тег @media
Пробуй её утрясти...

0