есть ли скрипт , что бы картинка(шапка) подстраивалась под монитор пользователя? (растягивалась,сужалась в зависимости от монитора)
скрипт для оптимизации шапки под форум
Сообщений 1 страница 15 из 15
Поделиться22011-03-16 18:22:33
ВАСЯПЛЮСЬ
если делать через стиль то все будет в порядке у всех пользователях, или же для растягивания как вы говорите используйте вот этот код
вставлять в HTML-верх
<img id="Mylogo" src="ссылка на картинку" />
<style type="text/css">
#Mylogo {width: 100%; margin: auto;}
</style>
Поделиться32011-03-16 23:52:31
а как сделать ,что бы в этом скрипте автоматически растягивалось ?
<style type="text/css"> #pun-announcement h2 {display: none} #pun-announcement .container {padding-top: 1em} </style> <style type="text/css"> .newtext {display:none} </style> <style> div .splLink {width: 100px; height: 18px; border: 0px solid #a16416; background="http://i001.radikal.ru/0808/c8/cebecc973962.jpg"; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;} .spll {width: 130px; height: 30px; } .spll div .splCont {height: auto; width: 40%; background: url(https://forumupload.ru/uploads/0003/83/96/1556-1.png); padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: ;} </style> <style type="text/css"> #pun-title table {background-image: url(https://forumupload.ru/uploads/0005/a2/d5/13471-1-f.jpg); height : 300px; background-repeat : no-repeat; background-position: bottom center; } </style> <style type="text/css"> HTML, BODY {background-image: url("http://s49.radikal.ru/i125/1005/e5/f43654d4f3bd.bmp")!important; background-repeat: repeat !important;} </style> <style> .title-logo-tdr a, .title-logo-tdr iframe, .title-logo-tdr object{ position: relative; left: -15000px; right: 0px; top: 150px; } </style>
Поделиться42011-03-17 00:02:14
<style type="text/css">
#pun-title table {background-image: url(https://forumupload.ru/uploads/0005/a2/d5/13471-1-f.jpg);
height : 300px;
background-repeat : no-repeat;
background-position: bottom center;
}
</style>
удалить это и поставить что я вам дал!
Поделиться52011-03-17 00:39:28
Там короче получается мешает реклама ) прям разделяет форум и шапку с большиииим таким промежутком)
Поделиться62011-03-17 03:43:12
ВАСЯПЛЮСЬ
ссылку на форум
Поделиться82011-03-17 17:14:35
ВАСЯПЛЮСЬ
а у вас рекламный баннер собственно где сейчас ?
Поделиться92011-03-17 18:27:22
не знаю) но от вашего скрипта он появляется и вобще мешает =)
Поделиться102011-03-17 18:44:35
ВАСЯПЛЮСЬ Попробуйте убрать вот этот код
<style type="text/css">
#pun-title table {background-image: url(https://forumupload.ru/uploads/0005/a2/d5/13471-1-f.jpg);
height : 300px;
background-repeat : no-repeat;
background-position: bottom center;
}
</style>
И вместо него впихнуть
<img src="http://oldschool.9bb.ru/uploads/0005/a2/d5/13471-1-f.jpg" style="width:100%;margin:0 0 -192px 0;"/>
Отредактировано Deff (2011-03-17 19:32:15)
Поделиться112011-03-20 03:57:17
Спасибо огромное !
Отредактировано ВАСЯПЛЮСЬ (2011-03-20 03:57:49)
Поделиться122011-03-20 23:09:20
Помогите пожалуйста!
Вставляю код:
<style type="text/css">
#pun-title table{height: 100px; width: 450px}
#pun-title .title-logo {display: none;}
#pun-title table {background-image: url(http://i020.radikal.ru/1103/80/48e8fbd3a923.jpg);}
</style>
Вроде все нормально должно быть, но вместо этого реклама на шапке каким то образом перемещаеться в лево и закрывает мой логотип форума...
Как мне быть? Подскажите плиз!
Отредактировано SergeiSV (2011-03-20 23:12:59)
Поделиться132011-03-20 23:19:25
SergeiSV
добавьте в код
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 670px; top: 0px
}
Поделиться142011-03-20 23:30:33
Спасибо большое! Все работает!
Поделиться152011-05-03 11:15:50
АСЯПЛЮСЬесли делать через стиль то все будет в порядке у всех пользователях, или же для растягивания как вы говорите используйте вот этот код вставлять в HTML-верх
<img id="Mylogo" src="ссылка на картинку" /><style type="text/css">#Mylogo {width: 100%; margin: auto;}</style>
Спасибочки. Только я сделала немного по другому, я вставила в обьявление плюс снизу надпись сделала. По-моему получилось прикольно.Смотреть здесь.