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

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

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


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


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

Сообщений 281 страница 300 из 1000

1

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

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

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

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

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

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

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

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

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

+1

281

bot123

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

вставил, все опять закосячилось

Ну нун было вынуть из тегов <style> и воткнуть в Конец Первого Окна

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

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

Не понял Вопроса, (*если поставить в HTML верх - не будет работать в Админке -посколь там нет HTML верх
Если поставить в стиль - будет работать везде

0

282

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

И уберите цвет фона на боди:

я решил не убирать, а поставить цвет посветлее и поспокойнее. Спасибо большое, все решилось.)))

0

283

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

вставил, все опять закосячилось

А что закасячилось?
Находите в стиле:

/* A3.1 */
body {
  font-size: 100.01%;
  background-color: #c5b270;
  }

Меняете на новое,а ниже кода:

/* A2.1 */
html, body {margin: 0; padding: 0}

Ставите:

html {
    background: #1A160F url(http://s2.uploads.ru/EGvaf.jpg) repeat-y top center !important;
}

Чтобы не напортачить делаете бэкап стиля - копируйте верхнее и нижнее окошко по отдельности и сохраняете на компе в текстовом формате.

Кстати, чтобы общий цвет фона совпадал с тем, что на картинке - открываете картинку в фотошопе пипеткой клацаете по цвету фона картинки - там выдаст код, этот код копируете и меняете здесь на него:

html {
    background: #1A160F url(http://s2.uploads.ru/EGvaf.jpg) repeat-y top center !important;
}

Этот символ: # обязательно сохраняете он в фотошопе не копируется.

0

284

kolobdur74
Спасибо большое! Все работает!)
Кстати, у вас ссылки в подписи не открываются почему-то. Браузер - гугл.
Как и все короткие ссылки, если пытаться открыть их в новом окне.

Отредактировано bot123 (Чт, 2 Июн 2016 12:23:48)

0

285

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

Кстати, у вас ссылки в подписи не открываются почему-то. Браузер - гугл.
Как и все короткие ссылки, если пытаться открыть их в новом окне.

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

0

286

kolobdur74
Многие антивиры банят сокращенные ссылки нашего сокращателя (ксать сокращатель от руссфф практически ими не банится => http://6url.ru/

0

287

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

Многие антивиры банят сокращенные ссылки нашего сокращателя (ксать сокращатель от руссфф практически ими не банится => http://6url.ru/

Поменял на прямые ссылки, а то этот сокращатель бывает на страницу перенаправления отправляет..

+1

288

Deff
я рисковая личность, у меня не стоит антивируса.  :D только адблок
kolobdur74
в других не проверял :( просто очень удобно из вашей подписи сразу в каталог скриптов залезать было, а ссылки не открывались. Но сейчас, разумеется, все уже в порядке.

Кстати, я честно отсмотрел 10 страниц поиска по двум запросам+весь список скриптов и сss, но так и не смог найти код для вставки низа форума картинкой. Я точно знаю, что такой существует и пихается в хтмл-низ. :( Может, подскажете?

0

289

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

Кстати, я честно отсмотрел 10 страниц поиска по двум запросам+весь список скриптов и сss, но так и не смог найти код для вставки низа форума картинкой. Я точно знаю, что такой существует и пихается в хтмл-низ.  Может, подскажете?

А что надо сделать? Желательно скриншотом покажите..

0

290

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

А что надо сделать? Желательно скриншотом покажите..

Надо приделать логичное завершение форума картинкой внизу
воть

...

http://s6.uploads.ru/QpBa0.jpg

0

291

bot123
Картинка законцовки есть ?
(она должна быть с приделанным внизу аналогом фона вокруг полотна форума на высоту отступа от края экрана, удобно в ФШ взять скриншот форума в png, наваять законцовку  обрезать и выложить)

+1

292

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

Надо приделать логичное завершение форума картинкой внизу
воть

Ну, повесить фон на #pun_wrap, аналогично как на боди:

#pun_wrap {
    background: transparent url(http://s4.uploads.ru/6BTx3.jpg) no-repeat bottom center !important;
    padding-bottom: 612px !important;
}

Вместо картинки: http://s4.uploads.ru/6BTx3.jpg ставите картинку низа... Картинку делаете по принципу как я вам вчера про поля говорил и как Дефф посоветовал..

0

293

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

Картинка закончовки есть ?

она была, но с ней возникли проблемы
сейчас поправлю и предоставлю.)

0

294

bot123
Чо нидь типо так (во второе окно стиля:

#pun-about {
width:1036px;
height:426px;
background: url(http://funkyimg.com/i/2cuzb) no-repeat 0 100%;
margin-left:-52px;
margin-bottom:-30px;
}

Но картинка отличается по цвету - делайте скриншот страницы с этим кодом, и потом этот кусок подгоняйте по цвету - опять обрезайте и заменяйте
================
Вот типо так выглядит c ним:
http://s6.uploads.ru/t/C0XDV.png
Размеры и позицию обрезки сохраняете исходной картинки http://funkyimg.com/i/2cuzb  (наложить скрытым слоем в фш, по окончании правки цвета - совместить и по ней же обрезать

0

295

вот картинка

http://s3.uploads.ru/rbCfz.jpg

все правильно сделал?

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

Ну, повесить фон на #pun_wrap, аналогично как на боди:

а куда это запихивается?

0

296

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

0

297

bot123
Ну обрежьте Ваше творчество по моей картинке http://funkyimg.com/i/2cuzb(наложите мою верхним слоем с полупрозрачностью - чтобы отследить совмещение, выделяем эту картинку, кликаем нижний слой - верхний -скрываем - обрезаем -сохранем ... и т.д.  и замените ссылку в коде

0

298

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

все правильно сделал?

Да.

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

а куда это запихивается?

Ну можно в стиле после:

/* A2.1 */
html, body {margin: 0; padding: 0}

В таком виде:

#pun_wrap {
    background: transparent url(http://s3.uploads.ru/rbCfz.jpg) no-repeat bottom center !important;
    padding-bottom: 612px !important;
}

Или в НТМЛ верх в таком:

<style>
#pun_wrap {
    background: transparent url(http://s3.uploads.ru/rbCfz.jpg) no-repeat bottom center !important;
    padding-bottom: 612px !important;
}
</style>

Здесь:  padding-bottom: 612px !important; регулируем отступ снизу..

0

299

Сохранять лучше всего - сохранить для веб-устройств  - jpeg - качество 75-76% (Сейчас у Вас вес как у png картинки, очевидно качество близко к 100%, оно для веб не нужно, лишь долгая загрузка

0

300

Deff, а чем плохо то, что я предложил? Так же проще, чем через эбаут..

0


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