подскажите, пожалуйста, как сделать что бы лого было цельным с фоном? как тут http://worldofstars.mybb.ru/
Отредактировано Blonda (Вс, 12 Сен 2010 15:23:07)
Общие вопросы от новичков (25)
Сообщений 721 страница 740 из 996
Поделиться721Вс, 12 Сен 2010 15:22:40
- Заслуженный
- Зарегистрирован: Пт, 18 Дек 2009
- Сообщений: 101
- Уважение: 0
- Позитив: +7
- Последний визит:
Пн, 31 Янв 2011 18:41:37
Поделиться722Вс, 12 Сен 2010 15:26:25
- Заслуженный
- Зарегистрирован: Пт, 2 Апр 2010
- Сообщений: 336
- Уважение: +40
- Позитив: +50
- Пол: Мужской
- Последний визит:
Вт, 12 Окт 2010 20:29:08
Blonda
Здравствуйте.
Blonda написал(а):
подскажите, пожалуйста, как сделать что бы лого было цельным с фоном? как тут http://worldofstars.mybb.ru/
Поделиться723Вс, 12 Сен 2010 15:35:00
- Заслуженный
- Зарегистрирован: Вс, 12 Сен 2010
- Сообщений: 17
- Уважение: +1
- Позитив: 0
- Последний визит:
Вс, 14 Ноя 2010 14:44:36
Помогите пожалуйста.Я что-то все посмотрел,но не нашел ничего подобного.У меня вопрос вот такого содержания.
Как сделать так,что бы картинка,стоящая на фоне,была универсальная?То есть у всех же разное разрешение экрана.У меня одно.а у кого-то другое.Поэтому получается по-разному.Что можно сделать?
Поделиться724Вс, 12 Сен 2010 15:36:16
- Заслуженный
- Зарегистрирован: Пт, 18 Дек 2009
- Сообщений: 101
- Уважение: 0
- Позитив: +7
- Последний визит:
Пн, 31 Янв 2011 18:41:37
Catalogue
если честно, тут все так разбросано, я так и не поняла, какой код конкретно ставить, и куда(
Поделиться725Вс, 12 Сен 2010 15:40:06
- Заслуженный
- Зарегистрирован: Пт, 18 Дек 2009
- Сообщений: 101
- Уважение: 0
- Позитив: +7
- Последний визит:
Пн, 31 Янв 2011 18:41:37
Savka-kun
данет, с этим нече не сделать
только сделать такой фон, что бы он был нормальным, даже если у кого-то будет обрезан (лучше сделать чуть больше своего разрешения, что бы у тех, у кого больше экран, фон не размножался. Намного лучше когда он обрезан, а не размножан)
Поделиться726Вс, 12 Сен 2010 15:42:22
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51458
- Уважение: +15421
- Позитив: +12051
- Последний визит:
Вчера 15:19:10
Blonda 
Ща..чо-нидь - придумаем, если от компа не отгонят
Поделиться727Вс, 12 Сен 2010 15:44:30
- Заслуженный
- Зарегистрирован: Вс, 12 Сен 2010
- Сообщений: 17
- Уважение: +1
- Позитив: 0
- Последний визит:
Вс, 14 Ноя 2010 14:44:36
Blonda
В том то и проблема.Что мой фон для меня в самый раз,а вот для другого человека он слишком велик.А так как на нем картинка справа,то она получается обрезана для этого человека.
Я просто подумал,что можно так сделать.Ведь есть универсальные шапки.
Поделиться728Вс, 12 Сен 2010 15:50:08
- Заслуженный
- Зарегистрирован: Пт, 18 Дек 2009
- Сообщений: 101
- Уважение: 0
- Позитив: +7
- Последний визит:
Пн, 31 Янв 2011 18:41:37
Deff
буду вам чоень признательна)
Поделиться729Вс, 12 Сен 2010 16:44:05
- Стремясь к новому...
- Зарегистрирован: Вс, 12 Окт 2008
- Сообщений: 22652
- Уважение: +4739
- Позитив: +3431
- Пол: Мужской
- Предупреждения: ‡ 1. 2. 3. ... 10!
- Последний визит:
Вс, 14 Мар 2021 21:42:57
Savka-kun
Здравствуйте.
Savka-kun написал(а):
Помогите пожалуйста.Я что-то все посмотрел,но не нашел ничего подобного.У меня вопрос вот такого содержания.
Как сделать так,что бы картинка,стоящая на фоне,была универсальная?То есть у всех же разное разрешение экрана.У меня одно.а у кого-то другое.Поэтому получается по-разному.Что можно сделать?
<style type="text/css">
html, body{
background: transparent none !important;
}
</style>
<img src="Адрес изображения" style="position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; margin: 0 0 0 0;"/>
Поделиться730Вс, 12 Сен 2010 16:49:50
- Заслуженный
- Зарегистрирован: Вс, 12 Сен 2010
- Сообщений: 17
- Уважение: +1
- Позитив: 0
- Последний визит:
Вс, 14 Ноя 2010 14:44:36
rps
Огромное спасибо)При многом благодарен)
Поделиться731Вс, 12 Сен 2010 16:51:00
- Стремясь к новому...
- Зарегистрирован: Вс, 12 Окт 2008
- Сообщений: 22652
- Уважение: +4739
- Позитив: +3431
- Пол: Мужской
- Предупреждения: ‡ 1. 2. 3. ... 10!
- Последний визит:
Вс, 14 Мар 2021 21:42:57
Savka-kun
Учтите, что чем меньше будет изображение, тем больше его "развезёт" на больших разрешениях.
Поделиться732Вс, 12 Сен 2010 16:54:20
- Заслуженный
- Зарегистрирован: Вс, 12 Сен 2010
- Сообщений: 17
- Уважение: +1
- Позитив: 0
- Последний визит:
Вс, 14 Ноя 2010 14:44:36
rps
А что если сделать изображение огромным?Тогда его ведь не будет "Развозить",а наоборот сужать?
Поделиться733Вс, 12 Сен 2010 16:55:51
- Стремясь к новому...
- Зарегистрирован: Вс, 12 Окт 2008
- Сообщений: 22652
- Уважение: +4739
- Позитив: +3431
- Пол: Мужской
- Предупреждения: ‡ 1. 2. 3. ... 10!
- Последний визит:
Вс, 14 Мар 2021 21:42:57
Savka-kun написал(а):
Тогда его ведь не будет "Развозить",а наоборот сужать?
Да.
Вы попробуйте, страшного там ничего не случится, форум не сломается.
Поделиться734Вс, 12 Сен 2010 16:58:28
- Заслуженный
- Зарегистрирован: Вс, 12 Сен 2010
- Сообщений: 17
- Уважение: +1
- Позитив: 0
- Последний визит:
Вс, 14 Ноя 2010 14:44:36
rps
Огромное спасибо еще раз.Все прекрасно работает)
Поделиться735Вс, 12 Сен 2010 17:03:04
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51458
- Уважение: +15421
- Позитив: +12051
- Последний визит:
Вчера 15:19:10
Blonda
Найдите во втором Окне стиля такие записи
/* CS1 Background and text colours
-------------------------------------------------------------
*/#pun-title TABLE {
background : transparent url(20317110.png) no-repeat left top;
margin-left : 0px;}
body {background-color: #e5c8bd;
background-image : url("20317340.png");
background-repeat: no-repeat;
background-position : top center;}
#pun {
background-image : url("style_cs.css");
background-color : #debdb0;
background-position : center;
background-attachment : fixed;}
И замените на такой (красным добавления
/* CS1 Background and text colours
-------------------------------------------------------------
*/#pun-title TABLE {
background : transparent url("") no-repeat left top;
margin-left : 0px;}
body {background-color: #e5c8bd;
background-image : url(http://s49.radikal.ru/i125/1009/60/d798a04edf08.jpg);
background-repeat: no-repeat;
background-position : top center;}
#pun {
background-image : url("style_cs.css");
background-color : #debdb0;
background-position : center;
background-attachment : fixed;
margin-top: 821px !important;}
#pun-navlinks .container {
margin-top: -821px !important;}
Вместо кода в HTML верх
<style>
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 330px; top: 3px
}
</style>
Вставляете
<style type="text/css">
.title-logo-tdr a, .title-logo-tdr iframe, .title-logo-tdr object{
position: relative;
left: -174px;
right: 216px;
top: -822px;
}
</style>
Отредактировано Deff (Вс, 12 Сен 2010 17:03:43)
Поделиться736Вс, 12 Сен 2010 17:07:01
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51458
- Уважение: +15421
- Позитив: +12051
- Последний визит:
Вчера 15:19:10
Savka-kun Оборотная сторона медали -чем больше изображение, тем дольше грузицо форум
Поделиться737Вс, 12 Сен 2010 17:11:16
- Заслуженный
- Зарегистрирован: Пт, 18 Дек 2009
- Сообщений: 101
- Уважение: 0
- Позитив: +7
- Последний визит:
Пн, 31 Янв 2011 18:41:37
Deff
розтолковать) чему именно оответствуют надписи, выделенные красным?)
Deff написал(а):
background-image : url(http://s49.radikal.ru/i125/1009/60/d798a04edf08.jpg);
сюда, я так понимаю сам фон?
и фон с лого должны быть вместе? или как-то поделенны?)
Deff написал(а):
margin-top: 821px !important;
}
#pun-navlinks .container {margin-top: -821px !important;
}
и что вот это значит?)
Deff написал(а):
background : transparent url("") no-repeat left top;
и вот это?)
извините, за столько вопросов, просто все хочется правильно сделать)
Поделиться738Вс, 12 Сен 2010 17:29:34
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51458
- Уважение: +15421
- Позитив: +12051
- Последний визит:
Вчера 15:19:10
Blonda
Blonda написал(а):
Deff написал(а):background-image : url(http://s49.radikal.ru/i125/1009/60/d798a04edf08.jpg);
Да >http://s49.radikal.ru/i125/1009/60/d798a04edf08.jpg это фон(он же и лого (*желательно непрозрачные картинки делать в формате jpg(*в противном случае Вы нагружаете пользователя(качество на этапе трансформации выбираете в ФШ(ширина картинки подобрана для максимального разрешения 1460 пиксел
Blonda написал(а):
Deff написал(а):margin-top: 821px !important; } #pun-navlinks .container {margin-top: -821px !important; }
Отступ форума от верха на высоту картинки
Blonda написал(а):
Deff написал(а):background : transparent url("") no-repeat left top;
Убрал логотип
Отредактировано Deff (Вс, 12 Сен 2010 17:36:25)
Поделиться739Вс, 12 Сен 2010 17:41:47
- Заслуженный
- Зарегистрирован: Пт, 18 Дек 2009
- Сообщений: 101
- Уважение: 0
- Позитив: +7
- Последний визит:
Пн, 31 Янв 2011 18:41:37
спасибище вам огромного!!=)
Поделиться740Вс, 12 Сен 2010 18:15:05
- Заслуженный
- Зарегистрирован: Пт, 18 Дек 2009
- Сообщений: 101
- Уважение: 0
- Позитив: +7
- Последний визит:
Пн, 31 Янв 2011 18:41:37
Deff
у меня, почему-то,не опускаетс янаписать форум, участники и т.д. со всем остальным что ниже, ниже, остается на том же месте все(какое бы я число не вводила
не обращайте внимание на лого (это набросок)
Отредактировано Blonda (Вс, 12 Сен 2010 18:15:30)
Похожие темы
| Общие вопросы от новичков (63) #2 | Форум для новичков | Вс, 6 Апр 2025 |
| Общие вопросы от новичков (44) | Архив | Пт, 18 Окт 2013 |
| Общие вопросы от новичков (47) | Архив | Чт, 26 Июн 2014 |
| Общие вопросы от новичков (63) | Архив | Ср, 27 Апр 2022 |
| Общие вопросы от новичков (45) | Архив | Вс, 8 Дек 2013 |